"skew menu and slider"
Bootstrap 3.0.0 Snippet by vivekbisht109

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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
<div class="navbar nav-vk">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="#"><img src="http://vivekbisht.com/img/logo.png" alt=""></a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#Home"> Home </a></li>
<li><a href="#About"> About </a></li>
<li><a href="#Services"> Services </a></li>
<li><a href="#Packages"> Packages </a></li>
<li><a href="#Contact"> Contact </a></li>
</ul>
</div>
</div>
</div>
<!-- slider -->
<div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
<!-- Overlay -->
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
<li data-target="#bs-carousel" data-slide-to="1"></li>
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
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
*{
margin:0;
padding:0;
}
body{
min-height:2000px;
font-family: 'Josefin Sans', sans-serif;
font-size:22px;
}
.nav-vk{
border-radius: 0px;
background: #159957;
background: -webkit-linear-gradient(to left, #155799, #159957);
background: linear-gradient(to left, #155799, #159957);
padding:10px 0;
margin:0;
}
.logo {
z-index: 999;
width: 200px;
height: auto;
background: #fff;
position: absolute;
top: -5px;
}
.logo img{
width:100%;
}
.nav-vk li{
margin-right:5px;
}
.nav-vk li:before{
content:" ";
position:absolute;
top:0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: