"Header"
Bootstrap 3.2.0 Snippet by onojagodday

<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 ----------> <!-- Carousel - consult the Twitter Bootstrap docs at http://twitter.github.com/bootstrap/javascript.html#carousel --> <div id="this-carousel-id" class="carousel slide"> <!-- class of slide for animation --> <div class="carousel-inner"> <div class="item active"> <!-- class of active since it's the first item --> <p><center> <img src="https://sites.google.com/site/scfimages/_/rsrc/1400761496328/home/v2SCF_libraries_subject1171X120.gif" usemap="#scflogotabs" border="0" height="120" width="1200" /> <map name="scflogotabs"> <area shape="rect" coords="4, 97, 291, 118" href="http://libguides.scf.edu/content.php?pid=213264&sid=1777930" target="_blank" alt="APA Citation Help" title="APA" /> <area shape="rect" coords="294, 99, 587, 116" href="http://libguides.scf.edu/content.php?pid=213264&sid=1775335" target="_blank" alt="MLA Citation Help " title="MLA" /> <area shape="rect" coords="592, 98, 883, 117" href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help" alt="Frequently Asked Questions" target="_blank" title="Frequently Asked Questions" /> <area shape="rect" coords="888,99, 1168, 116" href="http://libguides.scf.edu/libary_hours_staff_local_libraries_location" target="_blank" alt="Help: contacts and hours" title="Help : Contacts, Hours and More" /> </map></center></p> <div class="carousel-caption"> <p></p> </div> </div> <div class="item"> <p style="text-align: center;"> <iframe src="http://askalibrarian.org/widgets/scfms" frameborder="0" height="106" scrolling="no" width="190"></iframe> Asked Doug F for a widget to fit space. </p> </div> <div class="item"> <p style="text-align: center;"> <img src="https://s3.amazonaws.com/libapps/accounts/390/images/Screen_Shot_2014-05-22_at_12.34.48_PM.png" alt="" /> <div class="carousel-caption"> <p> </p> </div> </div> <div class="item"> <p style="text-align: center;"> <a href="http://libguides.scf.edu/find_scholarly_article"> <img src="https://s3.amazonaws.com/libapps/accounts/390/images/Screen_Shot_2014-05-22_at_3.03.34_PM.png" alt="" /> </a> </div> </div> </div><!-- /.carousel-inner --> <!-- Next and Previous controls below href values must reference the id for this carousel --> <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">‹</a> <a class="carousel-control right" href="#this-carousel-id" data-slide="next">›</a></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav><!-- /.carousel --></div></a> <!-------------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="#"> <i class="fa fa-home"> </i> </a> </div><!-- Collect the nav links, forms, and other content for toggling --><div class="collapse navbar-collapse" id="LG-collapse"><ul class="nav navbar-nav navbar-left"> <li class="active"><a href="http://libguides.scf.edu/libary_hours_staff_local_libraries_location">Hours</a> </li> <li><a href="#">Contact</a></li> <li class="dropdown"><a class="dropup-toggle" data-toggle="dropdown" href="#">HOW TO... </a> <ul class="dropdown-menu"> <li><a href="http://libguides.scf.edu/how_to_sign_in_to_SCF_Library_resources">How to Log In </a></li> <li><a href="http://libguides.scf.edu/Search_Scholarly_Articles_SCF_Library">How to Find Scholarly Articles</a></li> <li class="divider"> </li> <li><a href ="http://libguides.scf.edu/writing_citing_mla_apa_citation">Writing & Citing</a></li> <li class="divider"> </li> <li><a href="http://libguides.scf.edu/FAQs-Stageview">Most Asked Questions</a></li> </ul> </li></ul> <!----------- ARTICLE SEARCH ----------><div style="text-align: center;" title="Find Articles" selected="selected" dojotype="dijit.layout.ContentPane"><p style="text-align: center;"> <!-- State College of Florida Libraries --> </p><form action="http://www.linccweb.org/Discover" method="get" target="_new"> <input class="textField" onfocus="this.value='';" name="query" value="Enter Search Terms" type="text" /> <input name="fn" value="search" type="hidden" /> <input name="vl(2826233950UI0)" value="articles1" type="hidden" /> <input name="ct" value="search" type="hidden" /> <input name="indx" value="1" type="hidden" /> <input name="dum" value="true" type="hidden" /> <input name="reset_config" value="true" type="hidden" /> <input name="lib_code" value="FLCC1500" type="hidden" /> <input name="vid" value="FLCC1500" type="hidden" /> <input class="button" value="Go" type="submit" /> <div class="noImg body"></div></form> <p style="text-align: center;"> <a target="_blank" title="Search for subscription articles and abstracts, on demand and online." href="http://discover.linccweb.org/primo_library/libweb/action/search.do?mode=Advanced&">Expert Search</a> | <a target="_blank" title="Databases by Subject" href="http://www.linccweb.org/index.asp?screen=subject&lib_code=FLCC1500">Database List</a> | <a target="_blank" title="Journals A-Z" href="http://sfx3.linccweb.org:9003/FLCC1500/a-z/default">Search Journals by Titles </a></p></div></div><!-- /.navbar-collapse --></div><!-- /.container-fluid --></nav>

Related: See More


Questions / Comments: