"gurukul-school"
Bootstrap 3.3.0 Snippet by raiverma

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 ---------->
<!--
Camera image by:
https://www.iconfinder.com/jackietran
-->
<link href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="http://l-lin.github.io/font-awesome-animation/dist/font-awesome-animation.min.css" rel="stylesheet">
<!-- Fixed navbar -->
<div class="container-fluid">
<div id="guru-row" class="row guru-topbar">
<div class="col-md-3">
<div class="col-md-2" style="padding-top:12px;">
<i class="fa fa-map-marker fa-2x" aria-hidden="true"></i>
</div>
<div class="col-md-10">
<h5>Shri Jiwan Nagar Road, Rania<br/>Sirsa, Haryana - 125076</h5>
</div>
</div>
<div class="col-md-3">
<div class="col-md-2" style="padding-top:12px;">
<i class="fa fa-clock-o fa-2x" aria-hidden="true"></i>
</div>
<div class="col-md-10">
<h5>9am - 3pm <br/>Monday - Saturday</h5>
</div>
</div>
<div id="logo" class="col-md-1 col-sm-1">
<img id="logo-top" class="img-responsive" src="http://thegurukulschoolrania.com/images/logo.png"></img>
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
/*
Ref:
Thanks to:
http://span-tag.com/bootstrap-navbar/
*/
body {
min-height: 2000px;
}
.guru-topbar
{
background-color:#dadada;
color:#e45f36;
}
.guru-topbar i
{
color:#00b4ff;
}
.guru-navbar
{
background-color:#00b4ff;
color:#fff;
}
.guru-navbar a
{
color:#fff;
}
.guru-navbar a:hover
{
color:#072643;
}
.guru-navbar a:focus{
color: #072643 !important;
}
.navbar-nav > li{
padding-left:25px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
$(window).scroll(function() {
if ($(document).scrollTop() > 100) {
$('.navbar').addClass('navbar-fixed-top shrink');
$('#gallery').removeClass('jugad');
}
else {
$('.navbar').removeClass('navbar-fixed-top shrink'); }
$('#gallery').addClass('jugad');
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Fresh Bootstrap Table
School Form

Questions / Comments: