"Slider 1/7/2016"
Bootstrap 3.3.0 Snippet by rhondak

<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 type="text/css">.carousel-caption { position: relative; left: 0%; right: 0%; bottom: 0px; z-index: 10; padding-top: 0px; padding-bottom: 0px; color: #000; text-shadow: none; & .btn { text-shadow: none; // No shadow for button elements in carousel-caption } } .carousel { position: relative; } .controllers { position: absolute; top: 0px; } .carousel-control.left, .carousel-control.right { background-image: none; } </style> <div class="carousel slide" data-ride="carousel" id="carousel-example-generic"><!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <div class="holder col-sm-8"><a href="http://libguides.scf.edu/libary_hours_staff_local_libraries_location"><img class="img-responsive" src="https://s3.amazonaws.com/libapps/accounts/390/images/unsplashbirdspring2015838488.jpg" width="1000" /> </a></div> <div class="col-sm-4"> <div class="carousel-caption">  <p></p> <br /> <br /> <h1>Ask A Librarian</h1> <h2></h2> <h2></h2> <p></p> <p></p> <p><a href="http://libguides.scf.edu/content.php?pid=336054" style="line-height: 1.6;" target="_blank" title="Need technology? We have portable technology">Borrow iPads, Tablets and Computers.</a><br /> <a href="http://libguides.scf.edu/" style="line-height: 1.6;" target="_blank" title="Research tips, best databases and librarian video demos">Subject Guides and Tutorials 24/7.</a><br /> <br /> <br /> <br /> <br /> <a class="btn btn-sm btn-success" href="http://www.askalibrarian.org/vrl_intro.php?library=FLCC1500"><span class="glyphicon glyphicon-bullhorn"></span> Ask A Librarian</a></p> </div> </div> </div> <div class="item"> <div class="holder col-sm-8"> <a href="http://libguides.scf.edu/State_college_of_Florida_Library_Distance_Learner_Help" target="_blank" title="Taking course online? This is an overview of Library resources."><img alt="..." class="img-responsive" src="https://s3.amazonaws.com/libapps/accounts/390/images/Screen_Shot_2014-07-08_at_2.08.28_PM.png" /></a></div> <div class="col-sm-4"> <div class="carousel-caption"> <h1>*15 Minutes in the Library Can Save You 15% or More Stress Related Illnesses</h1> <p>*Not from actual scholarly, peer-reviewed, evidence based, or empirical research. Ask your Librarian how to find credible sources.</p> <!-- br--><!-- br--><!-- br--><!-- br--><a href="http://libguides.scf.edu/Search_Scholarly_Articles_SCF_Library" style="line-height: 1.6;" target="_blank" title="Find credible peer reviewed and scholarly articles.">Find Scholarly Articles.</a> <p> </p> <p>Have other questions?</p> <a class="btn btn-sm btn-primary" href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help"><span class="glyphicon glyphicon-question-sign"></span> Frequently Asked Questions</a></div> </div> </div> <div class="item"> <div class="holder col-sm-8"> <a href="http://libguides.scf.edu/16in16"><img alt="Find out more." class="img-responsive" src="https://s3.amazonaws.com/libapps/accounts/390/images/ReadingStudentChoice.jpg" /> </a></div> <div class="col-sm-4"> <div class="carousel-caption">  <h1>Student Choice</h1> <p>All campus libraries have unique student driven collections of books and DVDs.</p> <br /> <br /> <a class="btn btn-sm btn-info" href="#"><span class="glyphicon glyphicon-send"></span> </a><a href="mailto:LibrarySuggestionBox@scf.edu" title="Library Suggestion Box">Library Suggestion Box</a> <p> </p> <a class="btn btn-sm btn-success" href="http://libguides.scf.edu/16in16"><span class="glyphicon glyphicon-bookmark"></span> 16 in 16 Reading Challenge</a> <p> </p> <a class="btn btn-sm btn-primary" href="http://www.linccweb.org/Discover?lib_code=FLCC1500&query=MJCBRStudentChoice"><span class="glyphicon glyphicon-sunglasses"></span> Browse Student Choice Collection : Bradenton</a> <p> </p> <a class="btn btn-sm btn-primary" href="http://www.linccweb.org/Discover?lib_code=FLCC1500&query=MJCveStudentChoice"><span class="glyphicon glyphicon-sunglasses"></span> Browse Student Choice Collection : Venice</a> <p> </p> </div> </div> </div> <div class="item"> <div class="holder col-sm-8"> <a href="http://libguides.scf.edu/easybib"> <img alt="Use EasyBib for MLA, APA and other citation help" class="img-responsive" src="https://s3.amazonaws.com/libapps/accounts/390/images/easybooks383488.jpg" /> </a></div> <div class="col-sm-4"> <div class="carousel-caption">  <h1>EasyBib</h1>   <br /> <br /> Get past citation frustration to bibliographic fantastic. APA, MLA, Chicago and 59 other citation styles. <a href="http://libguides.scf.edu/easybib">EasyBib.</a><br /> <br /> <br /> <br /> <a class="btn btn-sm btn-info" href="#"><span class="glyphicon glyphicon-send"></span> </a><a href="http://www.libsurveys.com/loader.php?id=117" title="Citation Help."> EasyBib.</a> <p> </p> <a class="btn btn-sm btn-success" href="http://www.askalibrarian.org/vrl_intro.php?library=FLCC1500"><span class="glyphicon glyphicon-bullhorn"></span> Ask A Librarian</a> <p> </p> <a class="btn btn-sm btn-primary" href="http://libguides.scf.edu/FAQs_Frequently_Asked_Questions_Help"><span class="glyphicon glyphicon-question-sign"></span> Frequently Asked Questions</a> <p> </p> </div> </div> </div> <div class="item"> <div class="holder col-sm-8"> <a href="http://libguides.scf.edu/Flipster_Page"><img alt="Online magazines for most devices." class="img-responsive" src="https://s3.amazonaws.com/libapps/accounts/390/images/Flipsterhiking838x488.jpg"></a></div></a> <div class="col-sm-4"> <div class="carousel-caption">  <h1>Flipster</h1>   <p></p> <p></p> <p></p> Better eating, health, travel and personal enrichment for 2016. <p></p> <br />Student selected free online magazines on Flipster. <a href="http://libguides.scf.edu/easybib">Flipster Information</a><p></p> Some titles: <i>Vegetarian Times, Outdoor Life, Women’s</i> and <i>Men’s Health, Kiplinger’s Personal Finance, Cooking Light, Popular Science</i> and more.<br /> <p></p> <p></p> <a class="btn btn-sm btn-info" href="#"><span class="glyphicon glyphicon-send"></span> </a><a href="http://askalibrarian.org/local.php?LibraryName=SCF&DepartmentNumber=22861&Secondary=22498&LibraryType=Academic&Source=Standard_vrlintro" target="_top"> Questions?</a> <p></p> <a class="btn btn-sm btn-danger" href="#"><span class="glyphicon glyphicon-link"></span> </a><a href="http://libguides.scf.edu/flipster" target="_top"> Flipster</a> <p> </p> </div> </div> </div> <div class="item"> <div class="holder col-sm-8"><a href="http://libguides.scf.edu/latinoamericans"> <img alt="Find out about all the Latino American events." class="img-responsive" src="https://s3.amazonaws.com/libapps/accounts/390/images/LAuse838x488.png"> </a></div> <div class="col-sm-4"> <div class="carousel-caption">  <h1>Latino Americans: 500 Years of History</h1><br />   <h2>Next event: Beginning on January 27, 2016 <br /></h2> <a href="http://libguides.scf.edu/latinoamericans/oralhistories">"Tell me OUR Story!" <br />Want to tell your story? We will record it.</a><br /> <br /> <a class="btn btn-sm btn-info" href="#"><span class="glyphicon glyphicon-send"></span> </a> <a href="mailto:longa@scf.edu" target="_top"> Questions?</a> <p> </p> <a class="btn btn-sm btn-primary" href="http://libguides.scf.edu/latinoamericans"><span class="glyphicon glyphicon-link"></span> Latino Americans</a> <p> </p> </div> </div> </div> <!--—Controls —--> <div class="controllers col-sm-8 col-xs-12"><!-- Controls --><a class="left carousel-control" data-slide="prev" href="#carousel-example-generic"><span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" data-slide="next" href="#carousel-example-generic"> <span class="glyphicon glyphicon-chevron-right"></span> </a> <!-- Indicators --> <ol class="carousel-indicators"> <li class="active" data-slide-to="0" data-target="#carousel-example-generic"> </li> <li data-slide-to="1" data-target="#carousel-example-generic"> </li> <li data-slide-to="2" data-target="#carousel-example-generic"> </li> </ol> </div> </div> <!--—//container ends —--></div>

Related: See More


Questions / Comments: