"Jackson Library Redesign"
Bootstrap 3.3.0 Snippet by pchilders

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 ---------->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<div class="row iwu-red containter-fluid" id="header_row">
<div id="logoHeader">
<img class="logo" src="https://libapps.s3.amazonaws.com/accounts/13288/images/IWU_JLB.png">
<button type="button" class="navbar-toggle collapsed btn-default" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="glyphicon glyphicon-menu-hamburger"></span> Menu
</button>
<div class="navbar-right">
<form class="navbar-form navbar-search-dropdown" data-navbar-search="content">
<div class="form-group">
<label class="sr-only" for="navbarSearch">Search</label>
<input class="form-control" data-navbar-search="input" id="navbarSearch" placeholder="Search" tabindex="1" type="search">
</div>
<button class="navbar-toggle navbar-search" data-navbar-search="toggle" data-track="event" data-track-action="click" data-track-category="Header Search" data-track-label="Search" type="button">
<span class="sr-only">Toggle Search</span>
<i aria-hidden="true" class="fa fa-search"></i>
</button>
</form>
<ul class="nav navbar-nav topLinks">
<li class="topLinks"><a href="https://oak.indwes.edu/patroninfo~S0/">My Library Account</a></li>
<li class="topLinks"><a onclick="return SnapABug.startLink();">Chat</a></li>
<li class="topLinks"><a href="https://indwes.libguides.com/researchservices">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="row" id="header_row" style="background-color:#ffffff;padding:2px"></div>
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
/*---------Main Code --------*/
html, body {
margin: 0px;
padding: 0px;
border: 0px;
font: inherit;
vertical-align: baseline;
font-family: Open Sans,Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #484848;
}
.caret{
border-width: 6px;
color:white;
}
.btn .caret {
margin-left: 10px;
}
.row {
margin-right: 0px!important;
margin-left: 0px!important;
}
/*----------Header Code ------------*/
a:active {
outline: none;
}
#s-lg-guide-tabs-title-bar {
display: none;
}
.row.iwu-red {
background-color: #a6192e;
}
.iwu-gray {
background-color:#737373;
padding-left:30%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ready(function() {
jQuery(document).ready(function(){
$(".dropdown").hover(
function() { $('.dropdown-menu', this).stop().fadeIn("fast");
},
function() { $('.dropdown-menu', this).stop().fadeOut("fast");
});
});
});
$('.dropdown-toggle').click(function(e) {
if ($(document).width() > 768) {
e.preventDefault();
var url = $(this).attr('href');
if (url !== '#') {
window.location.href = url;
}
}
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Black Dashboard Pro
Tumblr cards redesign concept

Questions / Comments: