"mysnip"
Bootstrap 3.3.0 Snippet by neunygph

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 ---------->
<body class="home">
<div class="container-fluid display-table">
<div class="row display-table-row">
<div class="col-md-0 col-sm-0 hidden-xs display-table-cell v-align box" id="navigation">
<div class="logo">
</div>
<div class="navi">
<ul>
<li class="active"><a href="#"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li><a href="javascript:void(0);" title="amazon" class="authlog"><span id="amazonnav" style="background-image: url(https://d1rwozpuswnigs.cloudfront.net/Content/themes/images/amzn.png);"></span></a></li>
<li><a href="javascript:void(0);" title="google" class="authlog"><span id="googlenav" style="background-image: url(https://d1rwozpuswnigs.cloudfront.net/Content/themes/images/google.png);"></span></a></li>
<li><a href="javascript:void(0);" title="one" class="authlog"><span id="onenav" style="background-image: url(https://d1rwozpuswnigs.cloudfront.net/Content/themes/images/onenav.png);"></span></a></li>
<li><a href="javascript:void(0);" title="dropbox" class="authlog"><span id="dropboxnav" style="background-image: url(https://d1rwozpuswnigs.cloudfront.net/Content/themes/images/dropbox.png);"></span></a></li>
<li><a href="javascript:void(0);" title="facebook" class="authlog"><span id="facebooknav" style="background-image: url(https://d1rwozpuswnigs.cloudfront.net/Content/themes/images/facebook.png);"></span></a></li>
<li><a href="javascript:void(0);" title="instagram" class="authlog"><span id="instagramnav" style="background-image: url(https://d1rwozpuswnigs.cloudfront.net/Content/themes/images/instagram.png);"></span></a></li>
</ul>
</div>
</div>
<div class="col-sm-12 display-table-cell v-align">
<!--<button type="button" class="slide-toggle">Slide Toggle</button> -->
<div class="row">
<header>
<div class="col-md-7">
<nav class="navbar-default pull-left">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="offcanvas" data-target="#side-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
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
html {
height: 100%;
overflow: hidden;
}
body{
height: 100%;
overflow: hidden;
}
/* Custom */
#ads{
/*display:none !important;*/
}
#main-body{
/* width:100% !important;*/
}
/*Main CSS*/
/*Login Signup Page*/
a:focus,a:hover,a{
outline:none;
text-decoration: none;
}
li,ul{
list-style: none;
padding: 0;
margin: 0;
}
.header-top i {
font-size: 18px;
}
.bg-image {
background: url(../images/background-login.jpg) no-repeat 0 0 / cover;
position: relative;
width: 100%;
height: 100vh;
display: table;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function(){
// mobile nav
$('[data-toggle="offcanvas"]').click(function(){
$("#navigation").toggleClass("hidden-xs");
});
//body tabs script
$("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
e.preventDefault();
$(this).siblings('a.active').removeClass("active");
$(this).addClass("active");
var index = $(this).index();
$("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
$("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
});
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard 2 PRO

Questions / Comments: