"Trying to explorer fix banner"
Bootstrap 3.2.0 Snippet by rhondak

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="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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='row'>
<div class='span12' id='scflogo'>
<img alt='SCF Libraries' src="https://sites.google.com/site/scfimages/_/rsrc/1407330895276/home/Libraries_900x90.jpg.jpeg">
<id='titleImageCaption'>
<a href="https://portal.scf.edu/cp/home/displaylogin" class="btn btn-info btn-small">
<i class="icon-white icon-th"></i> SCF Connect</a>
</div><!-------------WHERE THE SEARCH AND DROP DOWN BOX STARTS---->
<div class="row">
<div class="col-xs-12">
</div>
<nav class="navbar navbar-default" role="navigation">
<div class="container-max-width: 900px"><!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button class="navbar-toggle" data-target="#LG-collapse" data-toggle="collapse" type="button">
<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" href="http://www.scf.edu/">
<i class="fa fa-home"></i></a></div><!-- Navigation bar begins after Home -->
<div class="collapse navbar-collapse" id="LG-collapse"><ul class="nav navbar-nav navbar-left">
<li class="active">
<a target="_blank" title="Search for books, eBooks, video, eVideo and more." href="http://www.linccweb.org/Discover?lib_code=FLCC1500">
Library Catalog</a>
</li>
<li>
<a target="_blank" title="Find Library Hours and Contacts." href="http://libguides.scf.edu/libary_hours_staff_local_libraries_location/">Contact & Hours
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
<style>//*scfbutton drama*/titleImageDiv { position: relative; width: 100%; /* for IE 6 */}#titleImageCaption { position: absolute; top: 10%; left: 2%;}#titleImageButton { position: absolute; top: 75%; left: 2%; }/*scfbutton drama ends, Navigation bar begins*/.navbar-default { background-color: #1e4e84; border-color: #4582a7;}.navbar-default .navbar-brand{ color: #ecf0f1;}.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #052090;}.navbar-default .navbar-text { color: #ecf0f1; }.navbar-default .navbar-nav > li > a { color: #ecf0f1;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #5bacf6;}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #052090; background-color: #4582a7;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open >a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #052090; background-color: #4582a7;}.navbar-default .navbar-toggle { border-color: #4582a7;}.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #4582a7;}.navbar-default .navbar-toggle .icon-bar { background-color: #ecf0f1;}.navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #ecf0f1;}.navbar-default .navbar-link { color: #ecf0f1;}.navbar-default .navbar-link:hover { color: #052090;}@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ecf0f1; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #052090; } .navbar-default .navbar-nav .open .dropdown-menu > .active >a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #052090; background-color: #4582a7; }.carousel .item { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}.carousel .active.left, .carousel .active.right { left:0; opacity:0; z-index:2;}.carousel .next, .carousel .prev { left:0; opacity:1; z-index:1;}} </style>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard PRO React

Questions / Comments: