Return to Snippet

Revision: 70914
at September 14, 2016 03:36 by jerehall


Updated Code
<!--LibAnswer Search Scripts -->

<script src="//api2.libanswers.com/1.0/widgets/790"></script> 
<script src="//api2.libanswers.com/1.0/widgets/805"></script>


<div id="header-unf">

  <div id="banner-unf" class="row">

    <div id="col1" class="col-md-8 center">

    <div class="clearfix">

        	   <div class="logo-unf"><a href="http://www.unf.edu/default.aspx"><img src="//s3.amazonaws.com/libapps/accounts/94/images/UNF_Logo.gif" alt="UNF Logo"></a> </div>

        	   <div class="logo-library"> <a href="http://www.unf.edu/library/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/library-logo.gif" alt="UNF Library Logo"></a></div>

    </div>

    </div>


    <div id="col2" class="col-md-4 center">

    <div class="clearfix">

            <!--UNF Search Box -->

                  	   <div id="search-unf">

                  	     <div id="searchDiv">

                            <form action="http://www.unf.edu/search.aspx" id="cse-search-box">
                          
                              <div class="searchCode">

                                    <input type="hidden" name="cof" value="FORID:10" />
                                    <input type="hidden" name="ie" value="UTF-8" />
                                    <label for="box" style="display: none;">Search</label>
                                    <input type="text" name="q" maxlength="255" id="box" title="Search"/>
                              </div>


                                    <div class="row">

                                      <div id="col1" class="col-md-9">

                                        <div class="clearfix">

                                          <div class="searchSelect"><fieldset style='border:none;'>

                                            <legend style='display:none;'>Select a search scope</legend>
                                            <label><input type='radio' title='UNF' name='cx' checked='checked' value='010113762923422637986:paz7yrxmovo'/> UNF </label>
                                            <label><input type='radio' name='cx' title='Library' value='010113762923422637986:7qgxsdzbg-i'/> Library</label></fieldset>

                                          </div>


                                      </div>

                                        </div>

                                        <div id="col2" class="col-md-3">

                                        <div class="clearfix">

                                        <div id="submit-go">
                                 
                                        <input type="submit" name="sa" value="Go" id="go" />

                                        <div class="searchLink"><a id="ctl00_azlink" href="../sitemap">A-Z Index</a></div>
                                        <div class="mywings"><a href="http://mywings.unf.edu/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/mywings.gif" alt="My Wings"></a></div>


                                        </div>

                                      </div>
                          
                                    </div>

                        </div>

                              <script type="text/javascript" src="https://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

                          </form>


                  	     </div>

                      </div>


                <!-- End UNF Search Box -->


      </div>

      </div>

  </div>

</div>

<!-- Menu -->

<div id="menu-unf">

                    <nav class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">

                      <!-- Brand and toggle get grouped for better mobile display -->
                      
                      <div class="navbar-header">

                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#unf-navbar-collapse-1">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>

                      </div>

                      <!-- Collect the nav links, forms, and other content for toggling -->

                      <div class="collapse navbar-collapse" id="unf-navbar-collapse-1">
                        
                        <ul class="nav navbar-nav">

                          <li><a href="http://unf.beta.libguides.com/"><i class="fa fa-home"></i>Home</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>Research <span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://search.ebscohost.com/login.aspx?authtype=ip,cookie,guest&custid=s6281220&groupid=main&profile=unflib">OneSearch</a></li>
                              <li><a href="http://atoz.ebsco.com/Titles/K13098?lang=en&lang.menu=en&lang.subject=en">A-Z Publications</a></li>
                              <li><a href="http://libguides.unf.edu/az.php">Databases by Subject</a></li>
                              <li><a href="http://unf.catalog.fcla.edu/nf.jsp">UNF Catalog</a></li>
                              <li class="divider"></li>
                              <li><a href="http://reserves.catalog.fcla.edu/nf.jsp?">Course Reserves</a></li>
                              
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lightbulb-o"></i>Services<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/content.php?pid=184701">Faculty Services</a></li>
                              <li><a href="http://libguides.unf.edu/studentresources">Student Services</a></li>
                              <li class="divider"></li>
                              <li><a href="http://libguides.unf.edu/user_education">Library Instruction</a></li>
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-folder-open"></i> Collections<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://digitalcommons.unf.edu/">Digital Commons</a></li>
                              <li><a href="http://libguides.unf.edu/specialcollections">Special Collections</a></li>
                              <li><a href="http://libguides.unf.edu/universityarchives">University Archives</a></li>
                            </ul>
                          </li>

                          <li><a href="https://www.alumni.unf.edu/NetCommunity/SSLPage.aspx?=&pid=377&srcid=377"><i class="fa fa-heart"></i>Giving</a></li>

                          <li><a href="http://libanswers.unf.edu/"><i class="fa fa-question"></i>FAQ</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-users"></i> About Us<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/facts">Fact Sheet</a></li>
                              <li><a href="http://www.unf.edu/library/about/policies/policies.aspx">Policies</a></li>
                            </ul>
                          </li>
                        
                          <li><a href="http://libguides.unf.edu/contact"><i class="fa fa-comments"></i>Contact Us</a></li>

                          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>My Accounts<span class="caret white-caret"</span></a>
                            <ul class="dropdown-menu">
                              <li><a href="https://webapps.unf.edu/myunfid4/">Change UNF Password</a></li>
                              <li><a href="https://unf.illiad.oclc.org/illiad/logon.html">Interlibrary Loan</a></li>
                              <li><a href="https://www.refworks.com/refworks2/default.aspx?r=authentication::init&groupcode=RWTGCLibrary">RefWorks</a></li>
                              <li><a href="https://login.dax.lib.unf.edu/login?url=http://www.unf.edu/library">Remote Log In</a></li>
                              <li><a href="https://unf.catalog.fcla.edu/nf.jsp?A=2">Renew Books</a></li>
                              <li class="divider"></li>
                              <li><a href="{{login_url}}">LibApps (Springshare Login)</a></li>
                            </ul>
                          </li>

                        </ul>
                        
                        
                      </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                  </nav>

              </div>

              <body class="s-lib-public-body">


        <!-- BEGIN: Page Header -->

            {{public_header}}

        <!-- END: Page Header -->
        
        <!-- BEGIN: Content Header -->

        <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
            
            <h1 id="s-lib-public-header-title">{{title}}</h1>

            <div id="s-lib-public-header-desc">{{system_intro}}</div>
        </div>

        <!-- END: Content Header -->

        <!-- BEGIN: Nav Bar -->

        <div id="s-lib-public-nav" class="container s-lib-side-borders">
            
            {{page_nav}}
        
        </div>

        <!-- END: Nav Bar -->

        <!-- BEGIN: content -->

        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">

            <div id="s-lg-index-cols" class="row">

                <div id="col1" class="col-md-8 center">

                    <div class="clearfix">

                        <!-- Insert Slider -->

                        <div id="slider-unf" class="carousel slide" data-ride="carousel">
 
                              <!-- Indicators -->

                                <ol class="carousel-indicators">

                                  <li data-target="#slider-unf" data-slide-to="0" class="active"></li>
                                  <li data-target="#slider-unf" data-slide-to="1"></li>
                                  <li data-target="#slider-unf" data-slide-to="2"></li>
                                  <li data-target="#slider-unf" data-slide-to="3"></li>
                                 
                                </ol>
                             
                              <!-- Slider Content (Wrapper for slides )-->

                              <div class="carousel-inner">

                                    <div class="item active">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/giving_ad.jpg" alt="Giving to the library">

                                  <div class="carousel-caption">
                                    <h3>Give a Digital Bookplate</h3>
                                    <p>A digital bookplate is a meaningful way to honor a colleague, mentor, parent, grandparent, graduate, advisor, or professor.</p>
                                    <a href="http://libguides.unf.edu/giving">Library Giving</a>
                                  </div>

                                </div>
                              
                                <div class="item">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/students_study_slider.jpg" alt="Learning Commons">

                                  <div class="carousel-caption">
                                    <h3>Library Instruction</h3>
                                    <p>Need help? Schedule an appointment below with expert research librarians for one on one assistance or for an entire class.</p>
                                    <a href="http://libguides.unf.edu/user_education">Research Consultation</a>
                                  </div>

                                </div>
                                

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/logo_digital_commons.jpg" alt="Students Studying">

                                      <div class="carousel-caption">
                                        <h3>Digital Commons</h3>
                                        <p>Explore the library���¢�¯�¿�½�¯�¿�½s unique digital collections including Special Collections, university archives, and heritage of the northeast Florida region.</p>
<a href="http://digitalcommons.unf.edu/">Visit Digital Commons</a>
                                      </div>
                                    
                                    </div>

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/group_study.jpg" alt="Group Study Rooms">

                                      <div class="carousel-caption">
                                        <h3>Group Study Rooms</h3>
                                        <p>Gropu study rooms may now be reserved and checked out online!</p>
                                        <a href="http://unf.libcal.com/booking/groupstudy">Reserve a Room</a>
                                      </div>
                                    
                                    </div>
                                    
                              </div>
                             
                              <!-- Controls -->

                              <a class="left carousel-control" title="rotate to last tab image/information" href="#slider-unf" data-slide="prev">
                                <span class="slider_controls"><</span>
                              </a>

                              <a class="right carousel-control" title="rotate to next tab image/information" href="#slider-unf" data-slide="next">
                                <span class="slider_controls">></span>
                              </a>

                            </div>


                        <!-- End Slider -->


                        <!-- EBSCOhost Custom Search Box Begins -->
                        

                        <div id="unf_edsbox"><h2><i class="fa fa-search"></i>OneSearch</h2>


                        <script src="http://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
                    
                          <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" style="width:100%; overflow:auto;">   

                          <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />   
                          <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=0&custid=s6281220&groupid=main&profid=unflib&mode=bool&lang=en&authtype=cookie,ip,guest" />    
                          <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />    
                          <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />   

                          <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />        

                            <div style="height:80px; width:600px;">     

                              <div style="padding-top:5px;">  

                              <span class="ebscohost-title " style="font-weight:bold;">Find articles, books, ebooks, and other library items.</span>        

                                <div>         

                            <input id="ebscohostsearchtext" title="search input box" class="" name="ebscohostsearchtext" type="text" size="75"  style="font-size:9pt;" />      
                                <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" /><label class="obscure">Search</label>                   
                                  
                                  <div id="guidedFieldSelectors">  

                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_0" value="" checked="checked" />            
                                  <label class="label1" for="guidedField_0"> Keyword</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_1" value="TI" />            
                                  <label class="label1" for="guidedField_1"> Title</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_2" value="AU" />            
                                  <label class="label1" for="guidedField_2"> Author</label>         

                                  </div> 

                                </div>  

                              </div>    

                            </div>    


                          <div id="limiterblock" style="margin-left:-px; overflow: auto; ">

                            <div id="limitertitle" style="font-weight:bold;padding-bottom:5px;">Limit Your Results</div>   
                              
                              <div class="limiter" >        
                                <input type="checkbox" id="chkFullText" name="chkFullText"  />        
                                <label for="chkFullText">Full Text</label>      
                              </div>            

                              <div class="limiter" >        
                                <input type="checkbox" id="chkLibraryCollection" name="chkLibraryCollection" checked="checked" />       
                                <label for="chkLibraryCollection">Available in Library Collection</label>     
                              </div>            

                              <div class="limiter" >        
                              <input type="checkbox" id="chkPeerReviewed" name="chkPeerReviewed"  />        
                              <label for="chkPeerReviewed">Peer Reviewed</label>      
                              </div>

                                  <div class="limiter" >        
                                  <input type="checkbox" id="chkCatalogOnly" name="chkCatalogOnly"  />        
                                  <label for="chkCatalogOnly">Catalog Only</label>      
                                </div>          


                             </div>   

                          </form> 

                        </div>
                        

                        <!-- EBSCOhost Custom Search Box Ends -->

                    </div>

                </div>

                 <div  id="col2"  class="col-md-4 center">
                   

                            <div class="clearfix">

                              <div class="padding-fix">

                            <script>
                            $(function() {
                            $( "#tabs" ).tabs();
                            });
                            </script>


                                <div id="tabs" class="tabbed-unf" role="tablist">

                                    <ul>

                                    <li role="tab"><a href="#tabs-1"><i class="fa fa-clock-o"></i>Today's Hours</a></li>
                                    <li role="tab"><a href="#tabs-2"><i class="fa fa-comments"></i>Contact Us</a></li>
                                    <li role="tab"><a href="#tabs-3"><i class="fa fa-calendar"></i>Bookings</a></li>

                                    </ul>

                                        <div id="tabs-1">

                                            <div id="hours-container">
                                        
                                                <div id="api_hours_today_iid928_lid0"></div><script src="https://api3.libcal.com/api_hours_today.php?iid=928&lid=0&format=js&context=object"> </script>

                                            </div>

                                                <p><a class="btn btn-info hours" href="http://libguides.unf.edu/c.php?g=1692">Full Hours</a></p>

                                        </div>


                                        <div id="tabs-2">
                                        
                                            <p><i class="fa fa-phone"></i> Call Us<a href="tel:9046202616"> (904) 620-2616</a><br/>
                                            <i class="fa fa-comment"></i>Text Us <a href="sms:9045074122">(904) 507-4122</a><br/>
                                            <i class="fa fa-envelope"></i><a href="mailto:[email protected]">Email Us</a></p>

                                        </div>

                                        <div id="tabs-3">

                                          <div class="row">


                                            <div id="col1" class="col-md-6">

                                              <div class="clearfix">


                                                  Reserve a group study room or Media:Scape.
                                                
                                                    <script src="//api3.libcal.com/js/roombooking.js?002"></script><script>
jQuery(function(){
   jQuery("#room1580").LibCalRoomBooking({ "iid": 928, "gid": 1580,  "width": 500, "height": 450 });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "room1580" matches with the above code: jQuery("#room1580")  //-->
<p><button href="#" id="room1580">Group Study Rooms</button><!-- Below is optional button styling  //-->
<style type="text/css">#room1580 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}
#room1580:hover {
  opacity: 0.9;
}
</style>
</p>


                                              </div>

                                        </div>

                                        <div id="col2" class="col-md-6">

                                              <div class="clearfix">
                                                 

                                               

                                                    Meet with a research librarian for assistance.

                                                    <script src="//api3.libcal.com/js/myscheduler.js?002"></script><script>
jQuery(function(){
   jQuery("#mySched640").LibCalMySched({ iid: 928, uid: 0,  width: 500, height: 450  });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "mySched640" matches with the above code: jQuery("#mySched640")  //-->
<p><button href="#" id="mySched640">Research Consultation</button><!-- Below is optional button styling  //-->
<style type="text/css">#mySched640 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}

#mySched640:hover { opacity: 0.9; }
</style>
</p>

                                              </div>

                                            </div>

                                          </div>


                                        </div>
                                    
                                </div>


                                <div id="libanswers-unf">

                                    <h3 class="main-widget"><i class="fa fa-question-circle"></i>Ask a Question</h3>

                                    <!--LibAnswers Search -->

                                    <div id="s-la-widget-790"></div>

                                </div>

                                  <div id="libcal_events_widget">

<h3 class="main-widget"><i class="fa fa-calendar"></i>
Upcoming Events</h3>

                                  <p><iframe src="https://api3.libcal.com/embed_mini_calendar.php?mode=month&iid=928&cal_id=2246&l=5&tar=0&h=300&c=&z=" style="border-width:0" width="250" height="300" frameborder="0" scrolling="no"></iframe></p>


                                  </div>
                                 
                                  <div id="libchat_71152938e8e49fa531bcc2517c06ea33"></div>
                                  <script type="text/javascript" src="//v2.libanswers.com/load_chat.php?hash=71152938e8e49fa531bcc2517c06ea33"></script>

                                </div>


                </div>
                </div>

            </div>

            <div id="s-lg-index-cols"  class="row">

                <div id="col1"  class="col-md-12 center">

                    <div class="clearfix">

                      <h2 class="guide-header"><i class="fa fa-compass"></i>Library Guides</h2>

                        <div id="s-lg-hp-nav"> 

                            <ul>

                                <li>

                                    <ul class="nav nav-pills">

                                        {{button_by_subject}}
                                        {{button_all_guides}}
                                        {{button_by_group}}
                                        {{button_by_type}}
                                        {{button_by_owner}}

                                    </ul>

                                </li>

                                <li id="s-lg-hp-nav-bottom">

                                    <div class="clearfix">

                                        {{search_guides}}

                                    </div>

                                </li>

                            </ul>

                        </div>

                        {{guide_list_controls}}

                    </div>

                    <div id="s-lg-index-list" class="">

                        {{content}}

                    </div>
                </div>

                

            </div>

        </div>

        <!-- END: Content -->
 <div id="s-lib-alert" title="">
                            <div id="s-lib-alert-content"></div>
                       </div>        
                <div id="s-lib-popover-title" class="hide">
                    <span class="text-info"><strong>title</strong></span> 
                    <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
                </div>
                <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
                    <button class="btn btn-default btn-sm popclose" type="button">Close</button>
                </div>        
            <div id="s-lib-scroll-top" title="Back to Top">
                <span class="fa-stack fa-lg">
                  <i class="fa fa-square-o fa-stack-2x"></i>
                  <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
                </span>
            </div>        

        <!-- BEGIN: Custom Page Footer -->

        <div id="footer-unf">

            <div id="footer-unf-container">

                <div id="footer-unf-top" class="row">

                    <div id="col1" class="col-md-4 center">

                                    <div class="clearfix">

                                      <div id="footer-logo-unf">

                                        <h3><i class="fa fa-heart"></i>Giving</h3>

                                        
                                        <p>Your gift to the Carpenter Library ensures success. Students and faculty use the Library to connect, explore, and soar. Please join us in making a difference. </p>

                                        <a href="http://libguides.unf.edu/giving"><img src="http://s3.amazonaws.com/libapps/customers/27/images/give_button.png" alt="Give to the library"><span class="reader">Give to the Library</span></a>
                                      </div>

                                        
                                    </div>

                    </div>

                    <div id="col2" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-twitter"></i>Twitter</h3>

                                        <a class="twitter-timeline"  height="275px" href="https://twitter.com/unflibrary"  data-widget-id="459679257736658944" data-link-color="#024172" data-chrome="transparent">Tweets by @unflibrary</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                        

                                    </div>

                    </div>

                    <div id="col3" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-comments"></i>Contact Us</h3>

                                        <div id="footer-top-unf-subrow" class="row">

                                          <div id="col1" class="col-md-6">

                                              <div class="clearfix">

                                                    <div id="footer-address-unf">

                                                           <p>Thomas G Carpenter Library<br/>
                                                              University of North Florida<br/>
                                                              1 UNF Drive<br/>
                                                              Jacksonville, FL 32224-2645</p>

                                                    </div>

                                                  
                                              
                                              </div>

                                            </div>

                                            <div id="col2" class="col-md-6">

                                              <div class="clearfix">

                                                  <div id="footer-contact-unf">
                                          

                                                            <table>

                                                              <tr>
                                                                <td><i class="fa fa-phone"></i></td>
                                                                <td>Call Us<a href="tel:9046202616"> (904) 620-2616</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-comment"></i></i></td>
                                                                <td>Text Us <a href="sms:9045074122">(904) 507-4122</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-envelope"></i></td>
                                                                <td><a href="mailto:[email protected]">Email Us</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-map-marker"></i></td>
                                                                <td><a href="http://maps.google.com/?q=1200 1 UNF Drive, Jackonville, FL, 32224">Map</a></td>
                                                              </tr>
                                                            
                                                          </table>

                                                    </div>



                                              </div>

                                            </div>
                                        
                                          </div>

                                          <div id="footer-facebook" class="row">

                                              <div id="col1" class="col-md-12 center">

                                                  <div class="clearfix">


                                                          <h3><i class="fa fa-facebook"></i>Facebook</h3>

                                                          <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowTransparency="true"></iframe>

                                                      
                

                                                  </div>

                                              </div>

                                            </div>

                                    </div>

                    </div>
                    
                </div>


                      <div id="footer-unf-contact-row"  class="row">

                        <div class="clearfix">

                          <div>

                                                              <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                                                              <div id="s-lib-footer-rights">All rights reserved.</div>
                                                              <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                                                          
                                                          </div>

                                                          <div>

                                                              <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                                                          
                                                          </div>              

                        </div>

                      </div>
               
            </div>

        </div>
        
</body>

<div id="footer-unf">

  <div id="footer-unf-container">

    <div id="footer-unf-top" class="row">

      <div id="col1" class="col-md-4 center">

                        <div class="clearfix">

                          
                                        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:427px;" allowTransparency="true"></iframe>

                        </div>

        </div>

        <div id="col2" class="col-md-4 center">

                        <div class="clearfix">

                          column 2

                        </div>

        </div>

        <div id="col3" class="col-md-4 center">

                        <div class="clearfix">

                          column 3

                        </div>

        </div>

    </div>

    <div id="footer-unf-bottom" class="row">

      <div id="col1" class="col-md-12 center">

            <div class="clearfix">
              
                  <div>

                      <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                      <div id="s-lib-footer-rights">All rights reserved.</div>
                      <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                  
                  </div>

                  <div>

                      <div id="s-lib-footer-print-link">View this page in a format suitable for <a href="#">printers and screen-readers</a>.</div>
                      <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                  
                  </div>            

          </div>

      </div>

    </div>

  </div>

</div>

Revision: 70913
at September 14, 2016 03:35 by jerehall


Updated Code
<!--LibAnswer Search Scripts -->

<script src="//api2.libanswers.com/1.0/widgets/790"></script> 
<script src="//api2.libanswers.com/1.0/widgets/805"></script>


<div id="header-unf">

  <div id="banner-unf" class="row">

    <div id="col1" class="col-md-8 center">

    <div class="clearfix">

        	   <div class="logo-unf"><a href="http://www.unf.edu/default.aspx"><img src="//s3.amazonaws.com/libapps/accounts/94/images/UNF_Logo.gif" alt="UNF Logo"></a> </div>

        	   <div class="logo-library"> <a href="http://www.unf.edu/library/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/library-logo.gif" alt="UNF Library Logo"></a></div>

    </div>

    </div>


    <div id="col2" class="col-md-4 center">

    <div class="clearfix">

            <!--UNF Search Box -->

                  	   <div id="search-unf">

                  	     <div id="searchDiv">

                            <form action="http://www.unf.edu/search.aspx" id="cse-search-box">
                          
                              <div class="searchCode">

                                    <input type="hidden" name="cof" value="FORID:10" />
                                    <input type="hidden" name="ie" value="UTF-8" />
                                    <label for="box" style="display: none;">Search</label>
                                    <input type="text" name="q" maxlength="255" id="box" title="Search"/>
                              </div>


                                    <div class="row">

                                      <div id="col1" class="col-md-9">

                                        <div class="clearfix">

                                          <div class="searchSelect"><fieldset style='border:none;'>

                                            <legend style='display:none;'>Select a search scope</legend>
                                            <label><input type='radio' title='UNF' name='cx' checked='checked' value='010113762923422637986:paz7yrxmovo'/> UNF </label>
                                            <label><input type='radio' name='cx' title='Library' value='010113762923422637986:7qgxsdzbg-i'/> Library</label></fieldset>

                                          </div>


                                      </div>

                                        </div>

                                        <div id="col2" class="col-md-3">

                                        <div class="clearfix">

                                        <div id="submit-go">
                                 
                                        <input type="submit" name="sa" value="Go" id="go" />

                                        <div class="searchLink"><a id="ctl00_azlink" href="../sitemap">A-Z Index</a></div>
                                        <div class="mywings"><a href="http://mywings.unf.edu/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/mywings.gif" alt="My Wings"></a></div>


                                        </div>

                                      </div>
                          
                                    </div>

                        </div>

                              <script type="text/javascript" src="https://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

                          </form>


                  	     </div>

                      </div>


                <!-- End UNF Search Box -->


      </div>

      </div>

  </div>

</div>

<!-- Menu -->

<div id="menu-unf">

                    <nav class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">

                      <!-- Brand and toggle get grouped for better mobile display -->
                      
                      <div class="navbar-header">

                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#unf-navbar-collapse-1">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>

                      </div>

                      <!-- Collect the nav links, forms, and other content for toggling -->

                      <div class="collapse navbar-collapse" id="unf-navbar-collapse-1">
                        
                        <ul class="nav navbar-nav">

                          <li><a href="http://unf.beta.libguides.com/"><i class="fa fa-home"></i>Home</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>Research <span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://search.ebscohost.com/login.aspx?authtype=ip,cookie,guest&custid=s6281220&groupid=main&profile=unflib">OneSearch</a></li>
                              <li><a href="http://atoz.ebsco.com/Titles/K13098?lang=en&lang.menu=en&lang.subject=en">A-Z Publications</a></li>
                              <li><a href="http://libguides.unf.edu/az.php">Databases by Subject</a></li>
                              <li><a href="http://unf.catalog.fcla.edu/nf.jsp">UNF Catalog</a></li>
                              <li class="divider"></li>
                              <li><a href="http://reserves.catalog.fcla.edu/nf.jsp?">Course Reserves</a></li>
                              
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lightbulb-o"></i>Services<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/content.php?pid=184701">Faculty Services</a></li>
                              <li><a href="http://libguides.unf.edu/studentresources">Student Services</a></li>
                              <li class="divider"></li>
                              <li><a href="http://libguides.unf.edu/user_education">Library Instruction</a></li>
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-folder-open"></i> Collections<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://digitalcommons.unf.edu/">Digital Commons</a></li>
                              <li><a href="http://libguides.unf.edu/specialcollections">Special Collections</a></li>
                              <li><a href="http://libguides.unf.edu/universityarchives">University Archives</a></li>
                            </ul>
                          </li>

                          <li><a href="https://www.alumni.unf.edu/NetCommunity/SSLPage.aspx?=&pid=377&srcid=377"><i class="fa fa-heart"></i>Giving</a></li>

                          <li><a href="http://libanswers.unf.edu/"><i class="fa fa-question"></i>FAQ</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-users"></i> About Us<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/facts">Fact Sheet</a></li>
                              <li><a href="http://www.unf.edu/library/about/policies/policies.aspx">Policies</a></li>
                            </ul>
                          </li>
                        
                          <li><a href="http://libguides.unf.edu/contact"><i class="fa fa-comments"></i>Contact Us</a></li>

                          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>My Accounts<span class="caret white-caret"</span></a>
                            <ul class="dropdown-menu">
                              <li><a href="https://webapps.unf.edu/myunfid4/">Change UNF Password</a></li>
                              <li><a href="https://unf.illiad.oclc.org/illiad/logon.html">Interlibrary Loan</a></li>
                              <li><a href="https://www.refworks.com/refworks2/default.aspx?r=authentication::init&groupcode=RWTGCLibrary">RefWorks</a></li>
                              <li><a href="https://login.dax.lib.unf.edu/login?url=http://www.unf.edu/library">Remote Log In</a></li>
                              <li><a href="https://unf.catalog.fcla.edu/nf.jsp?A=2">Renew Books</a></li>
                              <li class="divider"></li>
                              <li><a href="{{login_url}}">LibApps (Springshare Login)</a></li>
                            </ul>
                          </li>

                        </ul>
                        
                        
                      </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                  </nav>

              </div>

              <body class="s-lib-public-body">


        <!-- BEGIN: Page Header -->

            {{public_header}}

        <!-- END: Page Header -->
        
        <!-- BEGIN: Content Header -->

        <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
            
            <h1 id="s-lib-public-header-title">{{title}}</h1>

            <div id="s-lib-public-header-desc">{{system_intro}}</div>
        </div>

        <!-- END: Content Header -->

        <!-- BEGIN: Nav Bar -->

        <div id="s-lib-public-nav" class="container s-lib-side-borders">
            
            {{page_nav}}
        
        </div>

        <!-- END: Nav Bar -->

        <!-- BEGIN: content -->

        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">

            <div id="s-lg-index-cols" class="row">

                <div id="col1" class="col-md-8 center">

                    <div class="clearfix">

                        <!-- Insert Slider -->

                        <div id="slider-unf" class="carousel slide" data-ride="carousel">
 
                              <!-- Indicators -->

                                <ol class="carousel-indicators">

                                  <li data-target="#slider-unf" data-slide-to="0" class="active"></li>
                                  <li data-target="#slider-unf" data-slide-to="1"></li>
                                  <li data-target="#slider-unf" data-slide-to="2"></li>
                                  <li data-target="#slider-unf" data-slide-to="3"></li>
                                 
                                </ol>
                             
                              <!-- Slider Content (Wrapper for slides )-->

                              <div class="carousel-inner">

                                    <div class="item active">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/giving_ad.jpg" alt="Giving to the library">

                                  <div class="carousel-caption">
                                    <h3>Give a Digital Bookplate</h3>
                                    <p>A digital bookplate is a meaningful way to honor a colleague, mentor, parent, grandparent, graduate, advisor, or professor.</p>
                                    <a href="http://libguides.unf.edu/giving">Library Giving</a>
                                  </div>

                                </div>
                              
                                <div class="item">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/students_study_slider.jpg" alt="Learning Commons">

                                  <div class="carousel-caption">
                                    <h3>Library Instruction</h3>
                                    <p>Need help? Schedule an appointment below with expert research librarians for one on one assistance or for an entire class.</p>
                                    <a href="http://libguides.unf.edu/user_education">Research Consultation</a>
                                  </div>

                                </div>
                                

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/logo_digital_commons.jpg" alt="Students Studying">

                                      <div class="carousel-caption">
                                        <h3>Digital Commons</h3>
                                        <p>Explore the library�¢ï¿½ï¿½s unique digital collections including Special Collections, university archives, and heritage of the northeast Florida region.</p>
<a href="http://digitalcommons.unf.edu/">Visit Digital Commons</a>
                                      </div>
                                    
                                    </div>

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/group_study.jpg" alt="Group Study Rooms">

                                      <div class="carousel-caption">
                                        <h3>Group Study Rooms</h3>
                                        <p>Gropu study rooms may now be reserved and checked out online!</p>
                                        <a href="http://unf.libcal.com/booking/groupstudy">Reserve a Room</a>
                                      </div>
                                    
                                    </div>
                                    
                              </div>
                             
                              <!-- Controls -->

                              <a class="left carousel-control" title="rotate to last tab image/information" href="#slider-unf" data-slide="prev">
                                <span class="slider_controls"><</span>
                              </a>

                              <a class="right carousel-control" title="rotate to next tab image/information" href="#slider-unf" data-slide="next">
                                <span class="slider_controls">></span>
                              </a>

                            </div>


                        <!-- End Slider -->


                        <!-- EBSCOhost Custom Search Box Begins -->
                        

                        <div id="unf_edsbox"><h2><i class="fa fa-search"></i>OneSearch</h2>


                        <script src="http://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
                    
                          <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" style="width:100%; overflow:auto;">   

                          <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />   
                          <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=0&custid=s6281220&groupid=main&profid=unflib&mode=bool&lang=en&authtype=cookie,ip,guest" />    
                          <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />    
                          <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />   

                          <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />        

                            <div style="height:80px; width:600px;">     

                              <div style="padding-top:5px;">  

                              <span class="ebscohost-title " style="font-weight:bold;">Find articles, books, ebooks, and other library items.</span>        

                                <div>         

                            <input id="ebscohostsearchtext" title="search input box" class="" name="ebscohostsearchtext" type="text" size="75"  style="font-size:9pt;" />      
                                <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" /><label class="obscure">Search</label>                   
                                  
                                  <div id="guidedFieldSelectors">  

                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_0" value="" checked="checked" />            
                                  <label class="label1" for="guidedField_0"> Keyword</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_1" value="TI" />            
                                  <label class="label1" for="guidedField_1"> Title</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_2" value="AU" />            
                                  <label class="label1" for="guidedField_2"> Author</label>         

                                  </div> 

                                </div>  

                              </div>    

                            </div>    


                          <div id="limiterblock" style="margin-left:-px; overflow: auto; ">

                            <div id="limitertitle" style="font-weight:bold;padding-bottom:5px;">Limit Your Results</div>   
                              
                              <div class="limiter" >        
                                <input type="checkbox" id="chkFullText" name="chkFullText"  />        
                                <label for="chkFullText">Full Text</label>      
                              </div>            

                              <div class="limiter" >        
                                <input type="checkbox" id="chkLibraryCollection" name="chkLibraryCollection" checked="checked" />       
                                <label for="chkLibraryCollection">Available in Library Collection</label>     
                              </div>            

                              <div class="limiter" >        
                              <input type="checkbox" id="chkPeerReviewed" name="chkPeerReviewed"  />        
                              <label for="chkPeerReviewed">Peer Reviewed</label>      
                              </div>

                                  <div class="limiter" >        
                                  <input type="checkbox" id="chkCatalogOnly" name="chkCatalogOnly"  />        
                                  <label for="chkCatalogOnly">Catalog Only</label>      
                                </div>          


                             </div>   

                          </form> 

                        </div>
                        

                        <!-- EBSCOhost Custom Search Box Ends -->

                    </div>

                </div>

                 <div  id="col2"  class="col-md-4 center">
                   

                            <div class="clearfix">

                              <div class="padding-fix">

                            <script>
                            $(function() {
                            $( "#tabs" ).tabs();
                            });
                            </script>


                                <div id="tabs" class="tabbed-unf" role="tablist">

                                    <ul>

                                    <li role="tab"><a href="#tabs-1"><i class="fa fa-clock-o"></i>Today's Hours</a></li>
                                    <li role="tab"><a href="#tabs-2"><i class="fa fa-comments"></i>Contact Us</a></li>
                                    <li role="tab"><a href="#tabs-3"><i class="fa fa-calendar"></i>Bookings</a></li>

                                    </ul>

                                        <div id="tabs-1">

                                            <div id="hours-container">
                                        
                                                <div id="api_hours_today_iid928_lid0"></div><script src="https://api3.libcal.com/api_hours_today.php?iid=928&lid=0&format=js&context=object"> </script>

                                            </div>

                                                <p><a class="btn btn-info hours" href="http://libguides.unf.edu/c.php?g=1692">Full Hours</a></p>

                                        </div>


                                        <div id="tabs-2">
                                        
                                            <p><i class="fa fa-phone"></i> Call Us<a href="tel:9046202616"> (904) 620-2616</a><br/>
                                            <i class="fa fa-comment"></i>Text Us <a href="sms:9045074122">(904) 507-4122</a><br/>
                                            <i class="fa fa-envelope"></i><a href="mailto:[email protected]">Email Us</a></p>

                                        </div>

                                        <div id="tabs-3">

                                          <div class="row">


                                            <div id="col1" class="col-md-6">

                                              <div class="clearfix">


                                                  Reserve a group study room or Media:Scape.
                                                
                                                    <script src="//api3.libcal.com/js/roombooking.js?002"></script><script>
jQuery(function(){
   jQuery("#room1580").LibCalRoomBooking({ "iid": 928, "gid": 1580,  "width": 500, "height": 450 });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "room1580" matches with the above code: jQuery("#room1580")  //-->
<p><button href="#" id="room1580">Group Study Rooms</button><!-- Below is optional button styling  //-->
<style type="text/css">#room1580 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}
#room1580:hover {
  opacity: 0.9;
}
</style>
</p>


                                              </div>

                                        </div>

                                        <div id="col2" class="col-md-6">

                                              <div class="clearfix">
                                                 

                                               

                                                    Meet with a research librarian for assistance.

                                                    <script src="//api3.libcal.com/js/myscheduler.js?002"></script><script>
jQuery(function(){
   jQuery("#mySched640").LibCalMySched({ iid: 928, uid: 0,  width: 500, height: 450  });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "mySched640" matches with the above code: jQuery("#mySched640")  //-->
<p><button href="#" id="mySched640">Research Consultation</button><!-- Below is optional button styling  //-->
<style type="text/css">#mySched640 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}

#mySched640:hover { opacity: 0.9; }
</style>
</p>

                                              </div>

                                            </div>

                                          </div>


                                        </div>
                                    
                                </div>


                                <div id="libanswers-unf">

                                    <h3 class="main-widget"><i class="fa fa-question-circle"></i>Ask a Question</h3>

                                    <!--LibAnswers Search -->

                                    <div id="s-la-widget-790"></div>

                                </div>

                                  <div id="libcal_events_widget">

<h3 class="main-widget"><i class="fa fa-calendar"></i>
Upcoming Events</h3>

                                  <p><iframe src="https://api3.libcal.com/embed_mini_calendar.php?mode=month&iid=928&cal_id=2246&l=5&tar=0&h=300&c=&z=" style="border-width:0" width="250" height="300" frameborder="0" scrolling="no"></iframe></p>


                                  </div>
                                 
                                  <div id="libchat_71152938e8e49fa531bcc2517c06ea33"></div>
                                  <script type="text/javascript" src="//v2.libanswers.com/load_chat.php?hash=71152938e8e49fa531bcc2517c06ea33"></script>

                                </div>


                </div>
                </div>

            </div>

            <div id="s-lg-index-cols"  class="row">

                <div id="col1"  class="col-md-12 center">

                    <div class="clearfix">

                      <h2 class="guide-header"><i class="fa fa-compass"></i>Library Guides</h2>

                        <div id="s-lg-hp-nav"> 

                            <ul>

                                <li>

                                    <ul class="nav nav-pills">

                                        {{button_by_subject}}
                                        {{button_all_guides}}
                                        {{button_by_group}}
                                        {{button_by_type}}
                                        {{button_by_owner}}

                                    </ul>

                                </li>

                                <li id="s-lg-hp-nav-bottom">

                                    <div class="clearfix">

                                        {{search_guides}}

                                    </div>

                                </li>

                            </ul>

                        </div>

                        {{guide_list_controls}}

                    </div>

                    <div id="s-lg-index-list" class="">

                        {{content}}

                    </div>
                </div>

                

            </div>

        </div>

        <!-- END: Content -->
 <div id="s-lib-alert" title="">
                            <div id="s-lib-alert-content"></div>
                       </div>        
                <div id="s-lib-popover-title" class="hide">
                    <span class="text-info"><strong>title</strong></span> 
                    <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
                </div>
                <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
                    <button class="btn btn-default btn-sm popclose" type="button">Close</button>
                </div>        
            <div id="s-lib-scroll-top" title="Back to Top">
                <span class="fa-stack fa-lg">
                  <i class="fa fa-square-o fa-stack-2x"></i>
                  <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
                </span>
            </div>        

        <!-- BEGIN: Custom Page Footer -->

        <div id="footer-unf">

            <div id="footer-unf-container">

                <div id="footer-unf-top" class="row">

                    <div id="col1" class="col-md-4 center">

                                    <div class="clearfix">

                                      <div id="footer-logo-unf">

                                        <h3><i class="fa fa-heart"></i>Giving</h3>

                                        
                                        <p>Your gift to the Carpenter Library ensures success. Students and faculty use the Library to connect, explore, and soar. Please join us in making a difference. </p>

                                        <a href="http://libguides.unf.edu/giving"><img src="http://s3.amazonaws.com/libapps/customers/27/images/give_button.png" alt="Give to the library"><span class="reader">Give to the Library</span></a>
                                      </div>

                                        
                                    </div>

                    </div>

                    <div id="col2" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-twitter"></i>Twitter</h3>

                                        <a class="twitter-timeline"  height="275px" href="https://twitter.com/unflibrary"  data-widget-id="459679257736658944" data-link-color="#024172" data-chrome="transparent">Tweets by @unflibrary</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                        

                                    </div>

                    </div>

                    <div id="col3" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-comments"></i>Contact Us</h3>

                                        <div id="footer-top-unf-subrow" class="row">

                                          <div id="col1" class="col-md-6">

                                              <div class="clearfix">

                                                    <div id="footer-address-unf">

                                                           <p>Thomas G Carpenter Library<br/>
                                                              University of North Florida<br/>
                                                              1 UNF Drive<br/>
                                                              Jacksonville, FL 32224-2645</p>

                                                    </div>

                                                  
                                              
                                              </div>

                                            </div>

                                            <div id="col2" class="col-md-6">

                                              <div class="clearfix">

                                                  <div id="footer-contact-unf">
                                          

                                                            <table>

                                                              <tr>
                                                                <td><i class="fa fa-phone"></i></td>
                                                                <td>Call Us<a href="tel:9046202616"> (904) 620-2616</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-comment"></i></i></td>
                                                                <td>Text Us <a href="sms:9045074122">(904) 507-4122</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-envelope"></i></td>
                                                                <td><a href="mailto:[email protected]">Email Us</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-map-marker"></i></td>
                                                                <td><a href="http://maps.google.com/?q=1200 1 UNF Drive, Jackonville, FL, 32224">Map</a></td>
                                                              </tr>
                                                            
                                                          </table>

                                                    </div>



                                              </div>

                                            </div>
                                        
                                          </div>

                                          <div id="footer-facebook" class="row">

                                              <div id="col1" class="col-md-12 center">

                                                  <div class="clearfix">


                                                          <h3><i class="fa fa-facebook"></i>Facebook</h3>

                                                          <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowTransparency="true"></iframe>

                                                      
                

                                                  </div>

                                              </div>

                                            </div>

                                    </div>

                    </div>
                    
                </div>


                      <div id="footer-unf-contact-row"  class="row">

                        <div class="clearfix">

                          <div>

                                                              <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                                                              <div id="s-lib-footer-rights">All rights reserved.</div>
                                                              <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                                                          
                                                          </div>

                                                          <div>

                                                              <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                                                          
                                                          </div>              

                        </div>

                      </div>
               
            </div>

        </div>
        
</body>

<div id="footer-unf">

  <div id="footer-unf-container">

    <div id="footer-unf-top" class="row">

      <div id="col1" class="col-md-4 center">

                        <div class="clearfix">

                          
                                        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:427px;" allowTransparency="true"></iframe>

                        </div>

        </div>

        <div id="col2" class="col-md-4 center">

                        <div class="clearfix">

                          column 2

                        </div>

        </div>

        <div id="col3" class="col-md-4 center">

                        <div class="clearfix">

                          column 3

                        </div>

        </div>

    </div>

    <div id="footer-unf-bottom" class="row">

      <div id="col1" class="col-md-12 center">

            <div class="clearfix">
              
                  <div>

                      <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                      <div id="s-lib-footer-rights">All rights reserved.</div>
                      <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                  
                  </div>

                  <div>

                      <div id="s-lib-footer-print-link">View this page in a format suitable for <a href="#">printers and screen-readers</a>.</div>
                      <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                  
                  </div>            

          </div>

      </div>

    </div>

  </div>

</div>

Revision: 70912
at September 14, 2016 03:34 by jerehall


Updated Code
<!--LibAnswer Search Scripts -->

<script src="//api2.libanswers.com/1.0/widgets/790"></script> 
<script src="//api2.libanswers.com/1.0/widgets/805"></script>


<div id="header-unf">

  <div id="banner-unf" class="row">

    <div id="col1" class="col-md-8 center">

    <div class="clearfix">

        	   <div class="logo-unf"><a href="http://www.unf.edu/default.aspx"><img src="//s3.amazonaws.com/libapps/accounts/94/images/UNF_Logo.gif" alt="UNF Logo"></a> </div>

        	   <div class="logo-library"> <a href="http://www.unf.edu/library/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/library-logo.gif" alt="UNF Library Logo"></a></div>

    </div>

    </div>


    <div id="col2" class="col-md-4 center">

    <div class="clearfix">

            <!--UNF Search Box -->

                  	   <div id="search-unf">

                  	     <div id="searchDiv">

                            <form action="http://www.unf.edu/search.aspx" id="cse-search-box">
                          
                              <div class="searchCode">

                                    <input type="hidden" name="cof" value="FORID:10" />
                                    <input type="hidden" name="ie" value="UTF-8" />
                                    <label for="box" style="display: none;">Search</label>
                                    <input type="text" name="q" maxlength="255" id="box" title="Search"/>
                              </div>


                                    <div class="row">

                                      <div id="col1" class="col-md-9">

                                        <div class="clearfix">

                                          <div class="searchSelect"><fieldset style='border:none;'>

                                            <legend style='display:none;'>Select a search scope</legend>
                                            <label><input type='radio' title='UNF' name='cx' checked='checked' value='010113762923422637986:paz7yrxmovo'/> UNF </label>
                                            <label><input type='radio' name='cx' title='Library' value='010113762923422637986:7qgxsdzbg-i'/> Library</label></fieldset>

                                          </div>


                                      </div>

                                        </div>

                                        <div id="col2" class="col-md-3">

                                        <div class="clearfix">

                                        <div id="submit-go">
                                 
                                        <input type="submit" name="sa" value="Go" id="go" />

                                        <div class="searchLink"><a id="ctl00_azlink" href="../sitemap">A-Z Index</a></div>
                                        <div class="mywings"><a href="http://mywings.unf.edu/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/mywings.gif" alt="My Wings"></a></div>


                                        </div>

                                      </div>
                          
                                    </div>

                        </div>

                              <script type="text/javascript" src="https://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

                          </form>


                  	     </div>

                      </div>


                <!-- End UNF Search Box -->


      </div>

      </div>

  </div>

</div>

<!-- Menu -->

<div id="menu-unf">

                    <nav class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">

                      <!-- Brand and toggle get grouped for better mobile display -->
                      
                      <div class="navbar-header">

                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#unf-navbar-collapse-1">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>

                      </div>

                      <!-- Collect the nav links, forms, and other content for toggling -->

                      <div class="collapse navbar-collapse" id="unf-navbar-collapse-1">
                        
                        <ul class="nav navbar-nav">

                          <li><a href="http://unf.beta.libguides.com/"><i class="fa fa-home"></i>Home</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>Research <span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://search.ebscohost.com/login.aspx?authtype=ip,cookie,guest&custid=s6281220&groupid=main&profile=unflib">OneSearch</a></li>
                              <li><a href="http://atoz.ebsco.com/Titles/K13098?lang=en&lang.menu=en&lang.subject=en">A-Z Publications</a></li>
                              <li><a href="http://libguides.unf.edu/az.php">Databases by Subject</a></li>
                              <li><a href="http://unf.catalog.fcla.edu/nf.jsp">UNF Catalog</a></li>
                              <li class="divider"></li>
                              <li><a href="http://reserves.catalog.fcla.edu/nf.jsp?">Course Reserves</a></li>
                              
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lightbulb-o"></i>Services<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/content.php?pid=184701">Faculty Services</a></li>
                              <li><a href="http://libguides.unf.edu/studentresources">Student Services</a></li>
                              <li class="divider"></li>
                              <li><a href="http://libguides.unf.edu/user_education">Library Instruction</a></li>
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-folder-open"></i> Collections<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://digitalcommons.unf.edu/">Digital Commons</a></li>
                              <li><a href="http://libguides.unf.edu/specialcollections">Special Collections</a></li>
                              <li><a href="http://libguides.unf.edu/universityarchives">University Archives</a></li>
                            </ul>
                          </li>

                          <li><a href="https://www.alumni.unf.edu/NetCommunity/SSLPage.aspx?=&pid=377&srcid=377"><i class="fa fa-heart"></i>Giving</a></li>

                          <li><a href="http://libanswers.unf.edu/"><i class="fa fa-question"></i>FAQ</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-users"></i> About Us<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/facts">Fact Sheet</a></li>
                              <li><a href="http://www.unf.edu/library/about/policies/policies.aspx">Policies</a></li>
                            </ul>
                          </li>
                        
                          <li><a href="http://libguides.unf.edu/contact"><i class="fa fa-comments"></i>Contact Us</a></li>

                          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>My Accounts<span class="caret white-caret"</span></a>
                            <ul class="dropdown-menu">
                              <li><a href="https://webapps.unf.edu/myunfid4/">Change UNF Password</a></li>
                              <li><a href="https://unf.illiad.oclc.org/illiad/logon.html">Interlibrary Loan</a></li>
                              <li><a href="https://www.refworks.com/refworks2/default.aspx?r=authentication::init&groupcode=RWTGCLibrary">RefWorks</a></li>
                              <li><a href="https://login.dax.lib.unf.edu/login?url=http://www.unf.edu/library">Remote Log In</a></li>
                              <li><a href="https://unf.catalog.fcla.edu/nf.jsp?A=2">Renew Books</a></li>
                              <li class="divider"></li>
                              <li><a href="{{login_url}}">LibApps (Springshare Login)</a></li>
                            </ul>
                          </li>

                        </ul>
                        
                        
                      </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                  </nav>

              </div>

              <body class="s-lib-public-body">


        <!-- BEGIN: Page Header -->

            {{public_header}}

        <!-- END: Page Header -->
        
        <!-- BEGIN: Content Header -->

        <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
            
            <h1 id="s-lib-public-header-title">{{title}}</h1>

            <div id="s-lib-public-header-desc">{{system_intro}}</div>
        </div>

        <!-- END: Content Header -->

        <!-- BEGIN: Nav Bar -->

        <div id="s-lib-public-nav" class="container s-lib-side-borders">
            
            {{page_nav}}
        
        </div>

        <!-- END: Nav Bar -->

        <!-- BEGIN: content -->

        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">

            <div id="s-lg-index-cols" class="row">

                <div id="col1" class="col-md-8 center">

                    <div class="clearfix">

                        <!-- Insert Slider -->

                        <div id="slider-unf" class="carousel slide" data-ride="carousel">
 
                              <!-- Indicators -->

                                <ol class="carousel-indicators">

                                  <li data-target="#slider-unf" data-slide-to="0" class="active"></li>
                                  <li data-target="#slider-unf" data-slide-to="1"></li>
                                  <li data-target="#slider-unf" data-slide-to="2"></li>
                                  <li data-target="#slider-unf" data-slide-to="3"></li>
                                 
                                </ol>
                             
                              <!-- Slider Content (Wrapper for slides )-->

                              <div class="carousel-inner">

                                    <div class="item active">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/giving_ad.jpg" alt="Giving to the library">

                                  <div class="carousel-caption">
                                    <h3>Give a Digital Bookplate</h3>
                                    <p>A digital bookplate is a meaningful way to honor a colleague, mentor, parent, grandparent, graduate, advisor, or professor.</p>
                                    <a href="http://libguides.unf.edu/giving">Library Giving</a>
                                  </div>

                                </div>
                              
                                <div class="item">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/students_study_slider.jpg" alt="Learning Commons">

                                  <div class="carousel-caption">
                                    <h3>Library Instruction</h3>
                                    <p>Need help? Schedule an appointment below with expert research librarians for one on one assistance or for an entire class.</p>
                                    <a href="http://libguides.unf.edu/user_education">Research Consultation</a>
                                  </div>

                                </div>
                                

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/logo_digital_commons.jpg" alt="Students Studying">

                                      <div class="carousel-caption">
                                        <h3>Digital Commons</h3>
                                        <p>Explore the library�s unique digital collections including Special Collections, university archives, and heritage of the northeast Florida region.</p>
<a href="http://digitalcommons.unf.edu/">Visit Digital Commons</a>
                                      </div>
                                    
                                    </div>

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/group_study.jpg" alt="Group Study Rooms">

                                      <div class="carousel-caption">
                                        <h3>Group Study Rooms</h3>
                                        <p>Gropu study rooms may now be reserved and checked out online!</p>
                                        <a href="http://unf.libcal.com/booking/groupstudy">Reserve a Room</a>
                                      </div>
                                    
                                    </div>
                                    
                              </div>
                             
                              <!-- Controls -->

                              <a class="left carousel-control" title="rotate to last tab image/information" href="#slider-unf" data-slide="prev">
                                <span class="slider_controls"><</span>
                              </a>

                              <a class="right carousel-control" title="rotate to next tab image/information" href="#slider-unf" data-slide="next">
                                <span class="slider_controls">></span>
                              </a>

                            </div>


                        <!-- End Slider -->


                        <!-- EBSCOhost Custom Search Box Begins -->
                        

                        <div id="unf_edsbox"><h2><i class="fa fa-search"></i>OneSearch</h2>


                        <script src="http://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
                    
                          <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" style="width:100%; overflow:auto;">   

                          <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />   
                          <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=0&custid=s6281220&groupid=main&profid=unflib&mode=bool&lang=en&authtype=cookie,ip,guest" />    
                          <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />    
                          <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />   

                          <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />        

                            <div style="height:80px; width:600px;">     

                              <div style="padding-top:5px;">  

                              <span class="ebscohost-title " style="font-weight:bold;">Find articles, books, ebooks, and other library items.</span>        

                                <div>         

                            <input id="ebscohostsearchtext" title="search input box" class="" name="ebscohostsearchtext" type="text" size="75"  style="font-size:9pt;" />      
                                <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" /><label class="obscure">Search</label>                   
                                  
                                  <div id="guidedFieldSelectors">  

                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_0" value="" checked="checked" />            
                                  <label class="label1" for="guidedField_0"> Keyword</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_1" value="TI" />            
                                  <label class="label1" for="guidedField_1"> Title</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_2" value="AU" />            
                                  <label class="label1" for="guidedField_2"> Author</label>         

                                  </div> 

                                </div>  

                              </div>    

                            </div>    


                          <div id="limiterblock" style="margin-left:-px; overflow: auto; ">

                            <div id="limitertitle" style="font-weight:bold;padding-bottom:5px;">Limit Your Results</div>   
                              
                              <div class="limiter" >        
                                <input type="checkbox" id="chkFullText" name="chkFullText"  />        
                                <label for="chkFullText">Full Text</label>      
                              </div>            

                              <div class="limiter" >        
                                <input type="checkbox" id="chkLibraryCollection" name="chkLibraryCollection" checked="checked" />       
                                <label for="chkLibraryCollection">Available in Library Collection</label>     
                              </div>            

                              <div class="limiter" >        
                              <input type="checkbox" id="chkPeerReviewed" name="chkPeerReviewed"  />        
                              <label for="chkPeerReviewed">Peer Reviewed</label>      
                              </div>

                                  <div class="limiter" >        
                                  <input type="checkbox" id="chkCatalogOnly" name="chkCatalogOnly"  />        
                                  <label for="chkCatalogOnly">Catalog Only</label>      
                                </div>          


                             </div>   

                          </form> 

                        </div>
                        

                        <!-- EBSCOhost Custom Search Box Ends -->

                    </div>

                </div>

                 <div  id="col2"  class="col-md-4 center">
                   

                            <div class="clearfix">

                              <div class="padding-fix">

                            <script>
                            $(function() {
                            $( "#tabs" ).tabs();
                            });
                            </script>


                                <div id="tabs" class="tabbed-unf" role="tablist">

                                    <ul>

                                    <li role="tab"><a href="#tabs-1"><i class="fa fa-clock-o"></i>Today's Hours</a></li>
                                    <li role="tab"><a href="#tabs-2"><i class="fa fa-comments"></i>Contact Us</a></li>
                                    <li role="tab"><a href="#tabs-3"><i class="fa fa-calendar"></i>Bookings</a></li>

                                    </ul>

                                        <div id="tabs-1">

                                            <div id="hours-container">
                                        
                                                <div id="api_hours_today_iid928_lid0"></div><script src="https://api3.libcal.com/api_hours_today.php?iid=928&lid=0&format=js&context=object"> </script>

                                            </div>

                                                <p><a class="btn btn-info hours" href="http://libguides.unf.edu/c.php?g=1692">Full Hours</a></p>

                                        </div>


                                        <div id="tabs-2">
                                        
                                            <p><i class="fa fa-phone"></i> Call Us<a href="tel:9046202616"> (904) 620-2616</a><br/>
                                            <i class="fa fa-comment"></i>Text Us <a href="sms:9045074122">(904) 507-4122</a><br/>
                                            <i class="fa fa-envelope"></i><a href="mailto:[email protected]">Email Us</a></p>

                                        </div>

                                        <div id="tabs-3">

                                          <div class="row">


                                            <div id="col1" class="col-md-6">

                                              <div class="clearfix">


                                                  Reserve a group study room or Media:Scape.
                                                
                                                    <script src="//api3.libcal.com/js/roombooking.js?002"></script><script>
jQuery(function(){
   jQuery("#room1580").LibCalRoomBooking({ "iid": 928, "gid": 1580,  "width": 500, "height": 450 });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "room1580" matches with the above code: jQuery("#room1580")  //-->
<p><button href="#" id="room1580">Group Study Rooms</button><!-- Below is optional button styling  //-->
<style type="text/css">#room1580 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}
#room1580:hover {
  opacity: 0.9;
}
</style>
</p>


                                              </div>

                                        </div>

                                        <div id="col2" class="col-md-6">

                                              <div class="clearfix">
                                                 

                                               

                                                    Meet with a research librarian for assistance.

                                                    <script src="//api3.libcal.com/js/myscheduler.js?002"></script><script>
jQuery(function(){
   jQuery("#mySched640").LibCalMySched({ iid: 928, uid: 0,  width: 500, height: 450  });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "mySched640" matches with the above code: jQuery("#mySched640")  //-->
<p><button href="#" id="mySched640">Research Consultation</button><!-- Below is optional button styling  //-->
<style type="text/css">#mySched640 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}

#mySched640:hover { opacity: 0.9; }
</style>
</p>

                                              </div>

                                            </div>

                                          </div>


                                        </div>
                                    
                                </div>


                                <div id="libanswers-unf">

                                    <h3 class="main-widget"><i class="fa fa-question-circle"></i>Ask a Question</h3>

                                    <!--LibAnswers Search -->

                                    <div id="s-la-widget-790"></div>

                                </div>

                                  <div id="libcal_events_widget">

<h3 class="main-widget"><i class="fa fa-calendar"></i>
Upcoming Events</h3>

                                  <p><iframe src="https://api3.libcal.com/embed_mini_calendar.php?mode=month&iid=928&cal_id=2246&l=5&tar=0&h=300&c=&z=" style="border-width:0" width="250" height="300" frameborder="0" scrolling="no"></iframe></p>


                                  </div>
                                 
                                  <div id="libchat_71152938e8e49fa531bcc2517c06ea33"></div>
                                  <script type="text/javascript" src="//v2.libanswers.com/load_chat.php?hash=71152938e8e49fa531bcc2517c06ea33"></script>

                                </div>


                </div>
                </div>

            </div>

            <div id="s-lg-index-cols"  class="row">

                <div id="col1"  class="col-md-12 center">

                    <div class="clearfix">

                      <h2 class="guide-header"><i class="fa fa-compass"></i>Library Guides</h2>

                        <div id="s-lg-hp-nav"> 

                            <ul>

                                <li>

                                    <ul class="nav nav-pills">

                                        {{button_by_subject}}
                                        {{button_all_guides}}
                                        {{button_by_group}}
                                        {{button_by_type}}
                                        {{button_by_owner}}

                                    </ul>

                                </li>

                                <li id="s-lg-hp-nav-bottom">

                                    <div class="clearfix">

                                        {{search_guides}}

                                    </div>

                                </li>

                            </ul>

                        </div>

                        {{guide_list_controls}}

                    </div>

                    <div id="s-lg-index-list" class="">

                        {{content}}

                    </div>
                </div>

                

            </div>

        </div>

        <!-- END: Content -->
 <div id="s-lib-alert" title="">
                            <div id="s-lib-alert-content"></div>
                       </div>        
                <div id="s-lib-popover-title" class="hide">
                    <span class="text-info"><strong>title</strong></span> 
                    <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
                </div>
                <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
                    <button class="btn btn-default btn-sm popclose" type="button">Close</button>
                </div>        
            <div id="s-lib-scroll-top" title="Back to Top">
                <span class="fa-stack fa-lg">
                  <i class="fa fa-square-o fa-stack-2x"></i>
                  <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
                </span>
            </div>        

        <!-- BEGIN: Custom Page Footer -->

        <div id="footer-unf">

            <div id="footer-unf-container">

                <div id="footer-unf-top" class="row">

                    <div id="col1" class="col-md-4 center">

                                    <div class="clearfix">

                                      <div id="footer-logo-unf">

                                        <h3><i class="fa fa-heart"></i>Giving</h3>

                                        
                                        <p>Your gift to the Carpenter Library ensures success. Students and faculty use the Library to connect, explore, and soar. Please join us in making a difference. </p>

                                        <a href="http://libguides.unf.edu/giving"><img src="http://s3.amazonaws.com/libapps/customers/27/images/give_button.png" alt="Give to the library"><span class="reader">Give to the Library</span></a>
                                      </div>

                                        
                                    </div>

                    </div>

                    <div id="col2" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-twitter"></i>Twitter</h3>

                                        <a class="twitter-timeline"  height="275px" href="https://twitter.com/unflibrary"  data-widget-id="459679257736658944" data-link-color="#024172" data-chrome="transparent">Tweets by @unflibrary</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                        

                                    </div>

                    </div>

                    <div id="col3" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-comments"></i>Contact Us</h3>

                                        <div id="footer-top-unf-subrow" class="row">

                                          <div id="col1" class="col-md-6">

                                              <div class="clearfix">

                                                    <div id="footer-address-unf">

                                                           <p>Thomas G Carpenter Library<br/>
                                                              University of North Florida<br/>
                                                              1 UNF Drive<br/>
                                                              Jacksonville, FL 32224-2645</p>

                                                    </div>

                                                  
                                              
                                              </div>

                                            </div>

                                            <div id="col2" class="col-md-6">

                                              <div class="clearfix">

                                                  <div id="footer-contact-unf">
                                          

                                                            <table>

                                                              <tr>
                                                                <td><i class="fa fa-phone"></i></td>
                                                                <td>Call Us<a href="tel:9046202616"> (904) 620-2616</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-comment"></i></i></td>
                                                                <td>Text Us <a href="sms:9045074122">(904) 507-4122</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-envelope"></i></td>
                                                                <td><a href="mailto:[email protected]">Email Us</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-map-marker"></i></td>
                                                                <td><a href="http://maps.google.com/?q=1200 1 UNF Drive, Jackonville, FL, 32224">Map</a></td>
                                                              </tr>
                                                            
                                                          </table>

                                                    </div>



                                              </div>

                                            </div>
                                        
                                          </div>

                                          <div id="footer-facebook" class="row">

                                              <div id="col1" class="col-md-12 center">

                                                  <div class="clearfix">


                                                          <h3><i class="fa fa-facebook"></i>Facebook</h3>

                                                          <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowTransparency="true"></iframe>

                                                      
                

                                                  </div>

                                              </div>

                                            </div>

                                    </div>

                    </div>
                    
                </div>


                      <div id="footer-unf-contact-row"  class="row">

                        <div class="clearfix">

                          <div>

                                                              <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                                                              <div id="s-lib-footer-rights">All rights reserved.</div>
                                                              <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                                                          
                                                          </div>

                                                          <div>

                                                              <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                                                          
                                                          </div>              

                        </div>

                      </div>
               
            </div>

        </div>
        
</body>

<div id="footer-unf">

  <div id="footer-unf-container">

    <div id="footer-unf-top" class="row">

      <div id="col1" class="col-md-4 center">

                        <div class="clearfix">

                          
                                        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:427px;" allowTransparency="true"></iframe>

                        </div>

        </div>

        <div id="col2" class="col-md-4 center">

                        <div class="clearfix">

                          column 2

                        </div>

        </div>

        <div id="col3" class="col-md-4 center">

                        <div class="clearfix">

                          column 3

                        </div>

        </div>

    </div>

    <div id="footer-unf-bottom" class="row">

      <div id="col1" class="col-md-12 center">

            <div class="clearfix">
              
                  <div>

                      <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                      <div id="s-lib-footer-rights">All rights reserved.</div>
                      <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                  
                  </div>

                  <div>

                      <div id="s-lib-footer-print-link">View this page in a format suitable for <a href="#">printers and screen-readers</a>.</div>
                      <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                  
                  </div>            

          </div>

      </div>

    </div>

  </div>

</div>

Revision: 70911
at September 14, 2016 03:31 by jerehall


Initial Code
<!--LibAnswer Search Scripts -->

<script src="//api2.libanswers.com/1.0/widgets/790"></script> 
<script src="//api2.libanswers.com/1.0/widgets/805"></script>


<div id="header-unf">

  <div id="banner-unf" class="row">

    <div id="col1" class="col-md-8 center">

    <div class="clearfix">

        	   <div class="logo-unf"><a href="http://www.unf.edu/default.aspx"><img src="//s3.amazonaws.com/libapps/accounts/94/images/UNF_Logo.gif" alt="UNF Logo"></a> </div>

        	   <div class="logo-library"> <a href="http://www.unf.edu/library/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/library-logo.gif" alt="UNF Library Logo"></a></div>

    </div>

    </div>


    <div id="col2" class="col-md-4 center">

    <div class="clearfix">

            <!--UNF Search Box -->

                  	   <div id="search-unf">

                  	     <div id="searchDiv">

                            <form action="http://www.unf.edu/search.aspx" id="cse-search-box">
                          
                              <div class="searchCode">

                                    <input type="hidden" name="cof" value="FORID:10" />
                                    <input type="hidden" name="ie" value="UTF-8" />
                                    <label for="box" style="display: none;">Search</label>
                                    <input type="text" name="q" maxlength="255" id="box" title="Search"/>
                              </div>


                                    <div class="row">

                                      <div id="col1" class="col-md-9">

                                        <div class="clearfix">

                                          <div class="searchSelect"><fieldset style='border:none;'>

                                            <legend style='display:none;'>Select a search scope</legend>
                                            <label><input type='radio' title='UNF' name='cx' checked='checked' value='010113762923422637986:paz7yrxmovo'/> UNF </label>
                                            <label><input type='radio' name='cx' title='Library' value='010113762923422637986:7qgxsdzbg-i'/> Library</label></fieldset>

                                          </div>


                                      </div>

                                        </div>

                                        <div id="col2" class="col-md-3">

                                        <div class="clearfix">

                                        <div id="submit-go">
                                 
                                        <input type="submit" name="sa" value="Go" id="go" />

                                        <div class="searchLink"><a id="ctl00_azlink" href="../sitemap">A-Z Index</a></div>
                                        <div class="mywings"><a href="http://mywings.unf.edu/"><img src="//s3.amazonaws.com/libapps/accounts/94/images/mywings.gif" alt="My Wings"></a></div>


                                        </div>

                                      </div>
                          
                                    </div>

                        </div>

                              <script type="text/javascript" src="https://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>

                          </form>


                  	     </div>

                      </div>


                <!-- End UNF Search Box -->


      </div>

      </div>

  </div>

</div>

<!-- Menu -->

<div id="menu-unf">

                    <nav class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">

                      <!-- Brand and toggle get grouped for better mobile display -->
                      
                      <div class="navbar-header">

                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#unf-navbar-collapse-1">
                          <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>

                      </div>

                      <!-- Collect the nav links, forms, and other content for toggling -->

                      <div class="collapse navbar-collapse" id="unf-navbar-collapse-1">
                        
                        <ul class="nav navbar-nav">

                          <li><a href="http://unf.beta.libguides.com/"><i class="fa fa-home"></i>Home</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>Research <span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://search.ebscohost.com/login.aspx?authtype=ip,cookie,guest&custid=s6281220&groupid=main&profile=unflib">OneSearch</a></li>
                              <li><a href="http://atoz.ebsco.com/Titles/K13098?lang=en&lang.menu=en&lang.subject=en">A-Z Publications</a></li>
                              <li><a href="http://libguides.unf.edu/az.php">Databases by Subject</a></li>
                              <li><a href="http://unf.catalog.fcla.edu/nf.jsp">UNF Catalog</a></li>
                              <li class="divider"></li>
                              <li><a href="http://reserves.catalog.fcla.edu/nf.jsp?">Course Reserves</a></li>
                              
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lightbulb-o"></i>Services<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/content.php?pid=184701">Faculty Services</a></li>
                              <li><a href="http://libguides.unf.edu/studentresources">Student Services</a></li>
                              <li class="divider"></li>
                              <li><a href="http://libguides.unf.edu/user_education">Library Instruction</a></li>
                            </ul>
                          </li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-folder-open"></i> Collections<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://digitalcommons.unf.edu/">Digital Commons</a></li>
                              <li><a href="http://libguides.unf.edu/specialcollections">Special Collections</a></li>
                              <li><a href="http://libguides.unf.edu/universityarchives">University Archives</a></li>
                            </ul>
                          </li>

                          <li><a href="https://www.alumni.unf.edu/NetCommunity/SSLPage.aspx?=&pid=377&srcid=377"><i class="fa fa-heart"></i>Giving</a></li>

                          <li><a href="http://libanswers.unf.edu/"><i class="fa fa-question"></i>FAQ</a></li>

                          <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-users"></i> About Us<span class="caret white-caret"></span></a>
                            <ul class="dropdown-menu">
                              <li><a href="http://libguides.unf.edu/facts">Fact Sheet</a></li>
                              <li><a href="http://www.unf.edu/library/about/policies/policies.aspx">Policies</a></li>
                            </ul>
                          </li>
                        
                          <li><a href="http://libguides.unf.edu/contact"><i class="fa fa-comments"></i>Contact Us</a></li>

                          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>My Accounts<span class="caret white-caret"</span></a>
                            <ul class="dropdown-menu">
                              <li><a href="https://webapps.unf.edu/myunfid4/">Change UNF Password</a></li>
                              <li><a href="https://unf.illiad.oclc.org/illiad/logon.html">Interlibrary Loan</a></li>
                              <li><a href="https://www.refworks.com/refworks2/default.aspx?r=authentication::init&groupcode=RWTGCLibrary">RefWorks</a></li>
                              <li><a href="https://login.dax.lib.unf.edu/login?url=http://www.unf.edu/library">Remote Log In</a></li>
                              <li><a href="https://unf.catalog.fcla.edu/nf.jsp?A=2">Renew Books</a></li>
                              <li class="divider"></li>
                              <li><a href="{{login_url}}">LibApps (Springshare Login)</a></li>
                            </ul>
                          </li>

                        </ul>
                        
                        
                      </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                  </nav>

              </div>

              <body class="s-lib-public-body">


        <!-- BEGIN: Page Header -->

            {{public_header}}

        <!-- END: Page Header -->
        
        <!-- BEGIN: Content Header -->

        <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
            
            <h1 id="s-lib-public-header-title">{{title}}</h1>

            <div id="s-lib-public-header-desc">{{system_intro}}</div>
        </div>

        <!-- END: Content Header -->

        <!-- BEGIN: Nav Bar -->

        <div id="s-lib-public-nav" class="container s-lib-side-borders">
            
            {{page_nav}}
        
        </div>

        <!-- END: Nav Bar -->

        <!-- BEGIN: content -->

        <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">

            <div id="s-lg-index-cols" class="row">

                <div id="col1" class="col-md-8 center">

                    <div class="clearfix">

                        <!-- Insert Slider -->

                        <div id="slider-unf" class="carousel slide" data-ride="carousel">
 
                              <!-- Indicators -->

                                <ol class="carousel-indicators">

                                  <li data-target="#slider-unf" data-slide-to="0" class="active"></li>
                                  <li data-target="#slider-unf" data-slide-to="1"></li>
                                  <li data-target="#slider-unf" data-slide-to="2"></li>
                                  <li data-target="#slider-unf" data-slide-to="3"></li>
                                 
                                </ol>
                             
                              <!-- Slider Content (Wrapper for slides )-->

                              <div class="carousel-inner">

                                    <div class="item active">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/giving_ad.jpg" alt="Giving to the library">

                                  <div class="carousel-caption">
                                    <h3>Give a Digital Bookplate</h3>
                                    <p>A digital bookplate is a meaningful way to honor a colleague, mentor, parent, grandparent, graduate, advisor, or professor.</p>
                                    <a href="http://libguides.unf.edu/giving">Library Giving</a>
                                  </div>

                                </div>
                              
                                <div class="item">

                                  <img src="https://s3.amazonaws.com/libapps/customers/27/images/students_study_slider.jpg" alt="Learning Commons">

                                  <div class="carousel-caption">
                                    <h3>Library Instruction</h3>
                                    <p>Need help? Schedule an appointment below with expert research librarians for one on one assistance or for an entire class.</p>
                                    <a href="http://libguides.unf.edu/user_education">Research Consultation</a>
                                  </div>

                                </div>
                                

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/logo_digital_commons.jpg" alt="Students Studying">

                                      <div class="carousel-caption">
                                        <h3>Digital Commons</h3>
                                        <p>Explore the library�s unique digital collections including Special Collections, university archives, and heritage of the northeast Florida region.</p>
<a href="http://digitalcommons.unf.edu/">Visit Digital Commons</a>
                                      </div>
                                    
                                    </div>

                                    <div class="item">
                                    
                                      <img src="https://s3.amazonaws.com/libapps/customers/27/images/group_study.jpg" alt="Group Study Rooms">

                                      <div class="carousel-caption">
                                        <h3>Group Study Rooms</h3>
                                        <p>Gropu study rooms may now be reserved and checked out online!</p>
                                        <a href="http://unf.libcal.com/booking/groupstudy">Reserve a Room</a>
                                      </div>
                                    
                                    </div>
                                    
                              </div>
                             
                              <!-- Controls -->

                              <a class="left carousel-control" title="rotate to last tab image/information" href="#slider-unf" data-slide="prev">
                                <span class="slider_controls"><</span>
                              </a>

                              <a class="right carousel-control" title="rotate to next tab image/information" href="#slider-unf" data-slide="next">
                                <span class="slider_controls">></span>
                              </a>

                            </div>


                        <!-- End Slider -->


                        <!-- EBSCOhost Custom Search Box Begins -->
                        

                        <div id="unf_edsbox"><h2><i class="fa fa-search"></i>OneSearch</h2>


                        <script src="http://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
                    
                          <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" style="width:100%; overflow:auto;">   

                          <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />   
                          <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=eds-live&scope=site&type=0&custid=s6281220&groupid=main&profid=unflib&mode=bool&lang=en&authtype=cookie,ip,guest" />    
                          <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />    
                          <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />   

                          <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />        

                            <div style="height:80px; width:600px;">     

                              <div style="padding-top:5px;">  

                              <span class="ebscohost-title " style="font-weight:bold;">Find articles, books, ebooks, and other library items.</span>        

                                <div>         

                            <input id="ebscohostsearchtext" title="search input box" class="" name="ebscohostsearchtext" type="text" size="75"  style="font-size:9pt;" />      
                                <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" /><label class="obscure">Search</label>                   
                                  
                                  <div id="guidedFieldSelectors">  

                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_0" value="" checked="checked" />            
                                  <label class="label1" for="guidedField_0"> Keyword</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_1" value="TI" />            
                                  <label class="label1" for="guidedField_1"> Title</label>            
                                  <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_2" value="AU" />            
                                  <label class="label1" for="guidedField_2"> Author</label>         

                                  </div> 

                                </div>  

                              </div>    

                            </div>    


                          <div id="limiterblock" style="margin-left:-px; overflow: auto; ">

                            <div id="limitertitle" style="font-weight:bold;padding-bottom:5px;">Limit Your Results</div>   
                              
                              <div class="limiter" >        
                                <input type="checkbox" id="chkFullText" name="chkFullText"  />        
                                <label for="chkFullText">Full Text</label>      
                              </div>            

                              <div class="limiter" >        
                                <input type="checkbox" id="chkLibraryCollection" name="chkLibraryCollection" checked="checked" />       
                                <label for="chkLibraryCollection">Available in Library Collection</label>     
                              </div>            

                              <div class="limiter" >        
                              <input type="checkbox" id="chkPeerReviewed" name="chkPeerReviewed"  />        
                              <label for="chkPeerReviewed">Peer Reviewed</label>      
                              </div>

                                  <div class="limiter" >        
                                  <input type="checkbox" id="chkCatalogOnly" name="chkCatalogOnly"  />        
                                  <label for="chkCatalogOnly">Catalog Only</label>      
                                </div>          


                             </div>   

                          </form> 

                        </div>
                        

                        <!-- EBSCOhost Custom Search Box Ends -->

                    </div>

                </div>

                 <div  id="col2"  class="col-md-4 center">
                   

                            <div class="clearfix">

                              <div class="padding-fix">

                            <script>
                            $(function() {
                            $( "#tabs" ).tabs();
                            });
                            </script>


                                <div id="tabs" class="tabbed-unf" role="tablist">

                                    <ul>

                                    <li role="tab"><a href="#tabs-1"><i class="fa fa-clock-o"></i>Today's Hours</a></li>
                                    <li role="tab"><a href="#tabs-2"><i class="fa fa-comments"></i>Contact Us</a></li>
                                    <li role="tab"><a href="#tabs-3"><i class="fa fa-calendar"></i>Bookings</a></li>

                                    </ul>

                                        <div id="tabs-1">

                                            <div id="hours-container">
                                        
                                                <div id="api_hours_today_iid928_lid0"></div><script src="https://api3.libcal.com/api_hours_today.php?iid=928&lid=0&format=js&context=object"> </script>

                                            </div>

                                                <p><a class="btn btn-info hours" href="http://libguides.unf.edu/c.php?g=1692">Full Hours</a></p>

                                        </div>


                                        <div id="tabs-2">
                                        
                                            <p><i class="fa fa-phone"></i> Call Us<a href="tel:9046202616"> (904) 620-2616</a><br/>
                                            <i class="fa fa-comment"></i>Text Us <a href="sms:9045074122">(904) 507-4122</a><br/>
                                            <i class="fa fa-envelope"></i><a href="mailto:[email protected]">Email Us</a></p>

                                        </div>

                                        <div id="tabs-3">

                                          <div class="row">


                                            <div id="col1" class="col-md-6">

                                              <div class="clearfix">


                                                  Reserve a group study room or Media:Scape.
                                                
                                                    <script src="//api3.libcal.com/js/roombooking.js?002"></script><script>
jQuery(function(){
   jQuery("#room1580").LibCalRoomBooking({ "iid": 928, "gid": 1580,  "width": 500, "height": 450 });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "room1580" matches with the above code: jQuery("#room1580")  //-->
<p><button href="#" id="room1580">Group Study Rooms</button><!-- Below is optional button styling  //-->
<style type="text/css">#room1580 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}
#room1580:hover {
  opacity: 0.9;
}
</style>
</p>


                                              </div>

                                        </div>

                                        <div id="col2" class="col-md-6">

                                              <div class="clearfix">
                                                 

                                               

                                                    Meet with a research librarian for assistance.

                                                    <script src="//api3.libcal.com/js/myscheduler.js?002"></script><script>
jQuery(function(){
   jQuery("#mySched640").LibCalMySched({ iid: 928, uid: 0,  width: 500, height: 450  });
});
</script><!-- Place the following link anywhere in your page. Make sure the id "mySched640" matches with the above code: jQuery("#mySched640")  //-->
<p><button href="#" id="mySched640">Research Consultation</button><!-- Below is optional button styling  //-->
<style type="text/css">#mySched640 {
  background: #004B8D;
  border: none;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  cursor: pointer;

}

#mySched640:hover { opacity: 0.9; }
</style>
</p>

                                              </div>

                                            </div>

                                          </div>


                                        </div>
                                    
                                </div>


                                <div id="libanswers-unf">

                                    <h3 class="main-widget"><i class="fa fa-question-circle"></i>Ask a Question</h3>

                                    <!--LibAnswers Search -->

                                    <div id="s-la-widget-790"></div>

                                </div>

                                  <div id="libcal_events_widget">

<h3 class="main-widget"><i class="fa fa-calendar"></i>
Upcoming Events</h3>

                                  <p><iframe src="https://api3.libcal.com/embed_mini_calendar.php?mode=month&iid=928&cal_id=2246&l=5&tar=0&h=300&c=&z=" style="border-width:0" width="250" height="300" frameborder="0" scrolling="no"></iframe></p>


                                  </div>
                                 
                                  <div id="libchat_71152938e8e49fa531bcc2517c06ea33"></div>
                                  <script type="text/javascript" src="//v2.libanswers.com/load_chat.php?hash=71152938e8e49fa531bcc2517c06ea33"></script>

                                </div>


                </div>
                </div>

            </div>

            <div id="s-lg-index-cols"  class="row">

                <div id="col1"  class="col-md-12 center">

                    <div class="clearfix">

                      <h2 class="guide-header"><i class="fa fa-compass"></i>Library Guides</h2>

                        <div id="s-lg-hp-nav"> 

                            <ul>

                                <li>

                                    <ul class="nav nav-pills">

                                        {{button_by_subject}}
                                        {{button_all_guides}}
                                        {{button_by_group}}
                                        {{button_by_type}}
                                        {{button_by_owner}}

                                    </ul>

                                </li>

                                <li id="s-lg-hp-nav-bottom">

                                    <div class="clearfix">

                                        {{search_guides}}

                                    </div>

                                </li>

                            </ul>

                        </div>

                        {{guide_list_controls}}

                    </div>

                    <div id="s-lg-index-list" class="">

                        {{content}}

                    </div>
                </div>

                

            </div>

        </div>

        <!-- END: Content -->
 <div id="s-lib-alert" title="">
                            <div id="s-lib-alert-content"></div>
                       </div>        
                <div id="s-lib-popover-title" class="hide">
                    <span class="text-info"><strong>title</strong></span> 
                    <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
                </div>
                <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
                    <button class="btn btn-default btn-sm popclose" type="button">Close</button>
                </div>        
            <div id="s-lib-scroll-top" title="Back to Top">
                <span class="fa-stack fa-lg">
                  <i class="fa fa-square-o fa-stack-2x"></i>
                  <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
                </span>
            </div>        

        <!-- BEGIN: Custom Page Footer -->

        <div id="footer-unf">

            <div id="footer-unf-container">

                <div id="footer-unf-top" class="row">

                    <div id="col1" class="col-md-4 center">

                                    <div class="clearfix">

                                      <div id="footer-logo-unf">

                                        <h3><i class="fa fa-heart"></i>Giving</h3>

                                        
                                        <p>Your gift to the Carpenter Library ensures success. Students and faculty use the Library to connect, explore, and soar. Please join us in making a difference. </p>

                                        <a href="http://libguides.unf.edu/giving"><img src="http://s3.amazonaws.com/libapps/customers/27/images/give_button.png" alt="Give to the library"><span class="reader">Give to the Library</span></a>
                                      </div>

                                        
                                    </div>

                    </div>

                    <div id="col2" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-twitter"></i>Twitter</h3>

                                        <a class="twitter-timeline"  height="275px" href="https://twitter.com/unflibrary"  data-widget-id="459679257736658944" data-link-color="#024172" data-chrome="transparent">Tweets by @unflibrary</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                        

                                    </div>

                    </div>

                    <div id="col3" class="col-md-4 center">

                                    <div class="clearfix">

                                        <h3><i class="fa fa-comments"></i>Contact Us</h3>

                                        <div id="footer-top-unf-subrow" class="row">

                                          <div id="col1" class="col-md-6">

                                              <div class="clearfix">

                                                    <div id="footer-address-unf">

                                                           <p>Thomas G Carpenter Library<br/>
                                                              University of North Florida<br/>
                                                              1 UNF Drive<br/>
                                                              Jacksonville, FL 32224-2645</p>

                                                    </div>

                                                  
                                              
                                              </div>

                                            </div>

                                            <div id="col2" class="col-md-6">

                                              <div class="clearfix">

                                                  <div id="footer-contact-unf">
                                          

                                                            <table>

                                                              <tr>
                                                                <td><i class="fa fa-phone"></i></td>
                                                                <td>Call Us<a href="tel:9046202616"> (904) 620-2616</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-comment"></i></i></td>
                                                                <td>Text Us <a href="sms:9045074122">(904) 507-4122</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-envelope"></i></td>
                                                                <td><a href="mailto:[email protected]">Email Us</a></td>
                                                              </tr>
                                                              <tr>
                                                                <td><i class="fa fa-map-marker"></i></td>
                                                                <td><a href="http://maps.google.com/?q=1200 1 UNF Drive, Jackonville, FL, 32224">Map</a></td>
                                                              </tr>
                                                            
                                                          </table>

                                                    </div>



                                              </div>

                                            </div>
                                        
                                          </div>

                                          <div id="footer-facebook" class="row">

                                              <div id="col1" class="col-md-12 center">

                                                  <div class="clearfix">


                                                          <h3><i class="fa fa-facebook"></i>Facebook</h3>

                                                          <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:62px;" allowTransparency="true"></iframe>

                                                      
                

                                                  </div>

                                              </div>

                                            </div>

                                    </div>

                    </div>
                    
                </div>


                      <div id="footer-unf-contact-row"  class="row">

                        <div class="clearfix">

                          <div>

                                                              <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                                                              <div id="s-lib-footer-rights">All rights reserved.</div>
                                                              <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                                                          
                                                          </div>

                                                          <div>

                                                              <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                                                          
                                                          </div>              

                        </div>

                      </div>
               
            </div>

        </div>
        
</body>

<div id="footer-unf">

  <div id="footer-unf-container">

    <div id="footer-unf-top" class="row">

      <div id="col1" class="col-md-4 center">

                        <div class="clearfix">

                          
                                        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Funflibrary&amp;width&amp;height=427&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:427px;" allowTransparency="true"></iframe>

                        </div>

        </div>

        <div id="col2" class="col-md-4 center">

                        <div class="clearfix">

                          column 2

                        </div>

        </div>

        <div id="col3" class="col-md-4 center">

                        <div class="clearfix">

                          column 3

                        </div>

        </div>

    </div>

    <div id="footer-unf-bottom" class="row">

      <div id="col1" class="col-md-12 center">

            <div class="clearfix">
              
                  <div>

                      <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
                      <div id="s-lib-footer-rights">All rights reserved.</div>
                      <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
                  
                  </div>

                  <div>

                      <div id="s-lib-footer-print-link">View this page in a format suitable for <a href="#">printers and screen-readers</a>.</div>
                      <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
                  
                  </div>            

          </div>

      </div>

    </div>

  </div>

</div>

Initial URL


Initial Description
Dossier Code.

Initial Title
Dossier (LibGuides Customization)

Initial Tags


Initial Language
HTML