"carrousel"
Bootstrap 3.3.0 Snippet by megatela

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Tema desarrollada por Estela Silva. Desarrolladora Web -->
<title>Desarrollador Web. Plantillas. Sitio web adaptables</title>
<meta name="description" content="Desarrollador web con amplia experiencia, desarrollo de plantillas, joomla!, wordpress, sitios web" />
<meta name="keywords" content="plantillas,sitios web, páginas web,wordpress, joomla" />
<meta name="author" content="Estela Silva H." />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
/*------------------Header-------------------*/
header .main-menu .nav > li > a {
padding: 0; }
header .main-menu .navigation {
position: fixed;
margin: 0;
padding: 0;
right: 20px;
top: 10%;
z-index: 9999;
list-style-type: none; }
header .main-menu .navigation li {
margin: 0;
padding: 0;
position: relative;
margin: 20px 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/*------------------Header-------------------*/
header .main-menu .nav > li > a {
padding: 0; }
header .main-menu .navigation {
position: fixed;
margin: 0;
padding: 0;
right: 20px;
top: 10%;
z-index: 9999;
list-style-type: none; }
header .main-menu .navigation li {
margin: 0;
padding: 0;
position: relative;
margin: 20px 0;
display: block; }
header .main-menu .navigation li a {
display: block;
width: 20px;
height: 20px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
border: 1px solid # 8A2BE2; }
header .main-menu .navigation li span {
position: absolute;
right: 30px;
top: 0;
border-left: 4px solid # 8A2BE2;
background-color: #333;
color: #fff;
width: 102px;
padding: 8px;
opacity: 0;
visibility: hidden;
transform: translate(-20px, 0);
transition: all 0.4s ease-in-out; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Now UI Kit

Questions / Comments: