<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 ---------->
<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: #D8D4C2; border-
color: #586847;}.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: #F3F0DF;}.navbar-default .navbar-nav > li > a:hover, .navbar-default
.navbar-nav > li > a:focus { color: #EAE8DC;}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-
nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #052090; background-color:
#C6C0A8;}.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open >a:hover, .navbar-default
.navbar-nav > .open > a:focus { color: #E5DBBC; background-color: #E5DBBC;}.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> <div class='row'> <div class='span12'
id='scflogo'> <img alt='SCF Libraries'
src="https://s3.amazonaws.com/libapps/accounts/390/images/WaveWritCitAPA1200x256.png
" width=100%> </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: 1000px"><!-- 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://libguides.scf.edu/easybib"> EasyBib</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 </a> </li> <li class="dropdown"> <a class="dropup-toggle" data-toggle="dropdown"
href="#">Journal Articles from... </a> <ul class="dropdown-menu"> <li> <a target="_blank"title="Log In
Here."href="http://www.linccweb.org/webscripts/LWAuth.aspx?
app=pds&pds_handle=&calling_system=primo&institute=FLCC1500&pds_server=http://discover.linccweb.org:8991&url=http
://www.linccweb.org/Discover?lib_code=FLCC1500"> SCF Databaes </a> </li> <li> <a target="_blank"
title="Renew books, check on requests and due dates."
href="http://discover.linccweb.org/primo_library/libweb/action/myAccountMenu.do?vid=FLCC1500"> From Website
</a> </li> <li> <a target="_blank" title="What is my SCF Log In?"
href="http://libguides.scf.edu/how_to_sign_in_to_SCF_Library_resources"> With Multiple Authors </a>
</li> <li class="divider"> <li> <a target="_blank" title="Need to find a Peer Reviewed or Scholarly
article? Here is 3 ways!" href="http://libguides.scf.edu/Search_Scholarly_Articles_SCF_Library"> How to Find
Scholarly Articles</a> </li> <li class="divider"> <li> <a target="_blank" title="Citation help for
MLA, APA, ASA and AMA." href="http://libguides.scf.edu/writing_citing_mla_apa_citation"> How to Cite your
Work</a> </li> <li class="divider"> </li> <li> <a target="_blank" title="Answers
to the most asked Library HOW TO questions."
href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help"> Frequently Asked Questions</a>
</li> <li class="divider"> <li> <a target="_blank" title="Chat, text or email a Librarian."
href="http://askalibrarian.org/local.php?
LibraryName=SCF&DepartmentNumber=22861&Secondary=22498&LibraryType=Academic&Source=Standard_vrlintro"> Ask A
Librarian</a> </li> <li> <iframe src="http://askalibrarian.org/widgets/scfms" frameborder="0"
height="106" scrolling="no" width="190"> </iframe> </li> </ul> <li
class="dropdown"> <a class="dropup-toggle" data-toggle="dropdown" href="#">Databases... </a> <ul
class="dropdown-menu"> <li> <a target="_blank" title="Complete searchable list of SCF databases."
href="http://libguides.scf.edu/az.php">SCF Databases </a> </li> </li> <li class="divider">
<li> <a target="_blank" title="Want to know if a journal is available full text at SCF? Use this."
href="http://www.linccweb.org/?screen=a-z&lib_code=FLCC1500"> Journals A-Z </a>
</li> <li class="divider"> <li> <a target="_blank" title="Librarian recommended expert
search. This links to SCF Full Text in search results." href="http://scholar.google.com/scholar?
inst=8873731101682220099"> Search Google Scholar for SCF Full Text</a> </li> <li
class="divider"><li><a target="_blank" title="Search for limited textbooks and course reserves."
href="http://www.linccweb.org/search/catalog.aspx?screen=course&lib_code=FLCC1500">Course Reserves</a>
</li> </ul> <li class="dropdown"> <a class="dropup-toggle" data-toggle="dropdown" href="#">
Subject Guides and Tutorials... </a> <ul class="dropdown-menu"> <li><a target="_blank" title="Homepage
for Subject Guides and Tutorials." a href="http://libguides.scf.edu/index.php"> Subject Guides Homepage</a>
</li> <li class="divider"> <li> <a target="_blank" title="Brief overview for online students." a
href="http://libguides.scf.edu/State_college_of_Florida_Library_Distance_Learner_Help"> Distance Learner's Guide
</a> </li> <li> <a target="_blank" title="Find Library support for your course by CRN or Professor."
href="http://libguides.scf.edu/associate_degrees_research_support"> Associate Degrees/Programs</a> </li>
<li> <a target="_blank" title="Find Library support for your major by name or Professor."
href="http://libguides.scf.edu/?group_id=2158"> Baccalaureate Programs</a> </li> <li> <a
href="http://libguides.scf.edu/?group_id=2159"> Collegiate School</a> </li> <li> <a target="_blank"
title="Need to get Library links, ideas, tutorials, instruction? This is one stop Faculty Services for all
Library resources." href="http://libguides.scf.edu/State_College_of_Florida_Faculty_Services_Library"> Faculty
Services</a> </li> </ul>
<!----------- APAStyleBlog search ---------->
<li class="divider"> <li>Search APA Blog</li>
<script>
(function() {
var cx = '000060492115051789153:rz6jtf-jaji';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();<gcse:search></gcse:search>
</script>
</div></div></div><!--
/.navbar-collapse --> </div></li></li></li></li></li></li></li></li></li> </div><!-- /.container-fluid --
></nav>
Great happy life.