Advanced Search

LIbGuides 2 Homepage Template

/ Published in: HTML
Save to your folder(s)
This is strictly the code used within the LibGuides 2 CMS custom hompage template.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <body class="s-lib-public-body">
  2.  
  3.  
  4.         <!-- BEGIN: Page Header -->
  5.  
  6.             {{public_header}}
  7.  
  8.         <!-- END: Page Header -->
  9.  
  10.         <!-- BEGIN: Content Header -->
  11.  
  12.         <div id="s-lib-public-header" class="s-lib-header container s-lib-side-borders">
  13.  
  14.             <h1 id="s-lib-public-header-title">{{title}}</h1>
  15.  
  16.             <div id="s-lib-public-header-desc">{{system_intro}}</div>
  17.         </div>
  18.  
  19.         <!-- END: Content Header -->
  20.  
  21.         <!-- BEGIN: Nav Bar -->
  22.  
  23.         <div id="s-lib-public-nav" class="container s-lib-side-borders">
  24.  
  25.             {{page_nav}}
  26.  
  27.         </div>
  28.  
  29.         <!-- END: Nav Bar -->
  30.  
  31.         <!-- BEGIN: content -->
  32.  
  33.         <div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
  34.  
  35.             <div id="s-lg-index-cols" class="row">
  36.  
  37.                 <div id="col1" class="col-md-8 center">
  38.  
  39.                     <div class="clearfix">
  40.  
  41.                         <!-- Insert Slider -->
  42.  
  43.                         <div id="slider-unf" class="carousel slide" data-ride="carousel">
  44.  
  45.                               <!-- Indicators -->
  46.  
  47.                                 <ol class="carousel-indicators">
  48.  
  49.                                   <li data-target="#slider-unf" data-slide-to="0" class="active"></li>
  50.                                   <li data-target="#slider-unf" data-slide-to="1"></li>
  51.                                   <li data-target="#slider-unf" data-slide-to="2"></li>
  52.  
  53.  
  54.                                 </ol>
  55.  
  56.                               <!-- Slider Content (Wrapper for slides )-->
  57.  
  58.                               <div class="carousel-inner">
  59.  
  60.  
  61.                                 <div class="item active">
  62.  
  63.                                   <img src="https://s3.amazonaws.com/libapps/customers/27/images/students_study_slider.jpg" alt="Learning Commons">
  64.  
  65.                                   <div class="carousel-caption">
  66.                                     <h3>Library Instruction</h3>
  67.                                     <p>Need help? Schedule an appointment below with expert research librarians for one on one assistance or for an entire class.</p>
  68.                                     <a href="http://www.unf.edu/library/about/usereducation.aspx">Schedule an Appointment</a>
  69.                                   </div>
  70.  
  71.                                 </div>
  72.  
  73.  
  74.                                     <div class="item">
  75.  
  76.                                       <img src="https://s3.amazonaws.com/libapps/customers/27/images/logo_digital_commons.jpg" alt="Students Studying">
  77.  
  78.                                       <div class="carousel-caption">
  79.                                         <h3>Digital Commons</h3>
  80.                                         <p>Explore the library’s unique digital collections including Special Collections, university archives, and heritage of the northeast Florida region.</p>
  81. <a href="http://digitalcommons.unf.edu/">Visit Digital Commons</a>
  82.                                       </div>
  83.  
  84.                                     </div>
  85.  
  86.                                     <div class="item">
  87.  
  88.                                       <img src="https://s3.amazonaws.com/libapps/customers/27/images/group_study.jpg" alt="Group Study Rooms">
  89.  
  90.                                       <div class="carousel-caption">
  91.                                         <h3>Group Study Rooms</h3>
  92.                                         <p>Gropu study rooms may now be reserved and checked out online!</p>
  93.                                         <a href="http://unf.libcal.com/booking/groupstudy">Reserve a Room</a>
  94.                                       </div>
  95.  
  96.                                     </div>
  97.  
  98.                               </div>
  99.  
  100.                               <!-- Controls -->
  101.  
  102.                               <a class="left carousel-control" href="#slider-unf" data-slide="prev">
  103.                                 <span class="glyphicon glyphicon-chevron-left"></span>
  104.                               </a>
  105.  
  106.                               <a class="right carousel-control" href="#slider-unf" data-slide="next">
  107.                                 <span class="glyphicon glyphicon-chevron-right"></span>
  108.                               </a>
  109.  
  110.                             </div>
  111.  
  112.  
  113.                         <!-- End Slider -->
  114.  
  115.  
  116.                         <!-- EBSCOhost Custom Search Box Begins -->
  117.  
  118.  
  119.                         <div id="unf_edsbox"><h2><i class="fa fa-search"></i>OneSearch</h2>
  120.  
  121.  
  122.                         <script src="http://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
  123.  
  124.                           <form id="ebscohostCustomSearchBox" action="" onsubmit="return ebscoHostSearchGo(this);" method="post" style="width:100%; overflow:auto;">   
  125.  
  126.                           <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" />   
  127.                           <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" />    
  128.                           <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" />    
  129.                           <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" />   
  130.  
  131.                           <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />        
  132.  
  133.                             <div style="height:80px; width:600px;">     
  134.  
  135.                               <div style="padding-top:5px;">  
  136.  
  137.                               <span class="ebscohost-title " style="font-weight:bold;">Find articles, books, ebooks, and other library items.</span>        
  138.  
  139.                                 <div>         
  140.  
  141.                                   <input id="ebscohostsearchtext" class="" name="ebscohostsearchtext" type="text" size="75"  style="font-size:9pt;" />         
  142.                                   <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" />                   
  143.  
  144.                                   <div id="guidedFieldSelectors">  
  145.  
  146.                                   <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_0" value="" checked="checked" />            
  147.                                   <label class="label1" for="guidedField_0"> Keyword</label>            
  148.                                   <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_1" value="TI" />            
  149.                                   <label class="label1" for="guidedField_1"> Title</label>            
  150.                                   <input class="radio1" type="radio" name="searchFieldSelector" id="guidedField_2" value="AU" />            
  151.                                   <label class="label1" for="guidedField_2"> Author</label>         
  152.  
  153.                                   </div> 
  154.  
  155.                                 </div>  
  156.  
  157.                               </div>    
  158.  
  159.                             </div>    
  160.  
  161.  
  162.                           <div id="limiterblock" style="margin-left:-px; overflow: auto; ">
  163.  
  164.                             <div id="limitertitle" style="font-weight:bold;padding-bottom:5px;">Limit Your Results</div>   
  165.  
  166.                               <div class="limiter" >        
  167.                                 <input type="checkbox" id="chkFullText" name="chkFullText"  />        
  168.                                 <label for="chkFullText">Full Text</label>      
  169.                               </div>            
  170.  
  171.                               <div class="limiter" >        
  172.                                 <input type="checkbox" id="chkLibraryCollection" name="chkLibraryCollection" checked="checked" />       
  173.                                 <label for="chkLibraryCollection">Available in Library Collection</label>     
  174.                               </div>            
  175.  
  176.                               <div class="limiter" >        
  177.                               <input type="checkbox" id="chkPeerReviewed" name="chkPeerReviewed"  />        
  178.                               <label for="chkPeerReviewed">Peer Reviewed</label>      
  179.                               </div>
  180.  
  181.                                   <div class="limiter" >        
  182.                                   <input type="checkbox" id="chkCatalogOnly" name="chkCatalogOnly"  />        
  183.                                   <label for="chkCatalogOnly">Catalog Only</label>      
  184.                                 </div>          
  185.  
  186.  
  187.                              </div>   
  188.  
  189.                           </form> 
  190.  
  191.                         </div>
  192.  
  193.  
  194.                         <!-- EBSCOhost Custom Search Box Ends -->
  195.  
  196.                     </div>
  197.  
  198.                 </div>
  199.  
  200.                  <div  id="col2"  class="col-md-4 center">
  201.  
  202.  
  203.                             <div class="clearfix">
  204.  
  205.                               <div class="padding-fix">
  206.  
  207.                             <script>
  208.                             $(function() {
  209.                             $( "#tabs" ).tabs();
  210.                             });
  211.                             </script>
  212.  
  213.  
  214.                                 <div id="tabs" class="tabbed-unf">
  215.  
  216.                                     <ul>
  217.  
  218.                                     <li><a href="#tabs-1"><i class="fa fa-clock-o"></i>Today's Hours</a></li>
  219.                                     <li><a href="#tabs-2"><i class="fa fa-comments"></i>Contact Us</a></li>
  220.                                     <li><a href="#tabs-3"><i class="fa fa-calendar"></i>Bookings</a></li>
  221.  
  222.                                     </ul>
  223.  
  224.                                         <div id="tabs-1">
  225.  
  226.                                             <div id="hours-container">
  227.  
  228.                                                 <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>
  229.  
  230.                                             </div>
  231.  
  232.                                                 <p><a class="btn btn-info hours" href="http://libguides.unf.edu/c.php?g=1692">Full Hours</a></p>
  233.  
  234.                                         </div>
  235.  
  236.  
  237.                                         <div id="tabs-2">
  238.  
  239.                                             <p><i class="fa fa-phone"></i> Call Us<a href="tel:9046202616"> (904) 620-2616</a><br/>
  240.                                             <i class="fa fa-comment"></i>Text Us <a href="sms:9045074122">(904) 507-4122</a><br/>
  241.                                             <i class="fa fa-envelope"></i><a href="mailto:[email protected]">Email Us</a></p>
  242.  
  243.                                         </div>
  244.  
  245.                                         <div id="tabs-3">
  246.  
  247.                                           <div class="row">
  248.  
  249.  
  250.                                             <div id="col1" class="col-md-6">
  251.  
  252.                                               <div class="clearfix">
  253.  
  254.  
  255.                                                   Reserve one of our group study rooms.
  256.  
  257.                                                     <script src="//api3.libcal.com/js/roombooking.js?002"></script><script>
  258. jQuery(function(){
  259.    jQuery("#room1580").LibCalRoomBooking({ "iid": 928, "gid": 1580,  "width": 500, "height": 450 });
  260. });
  261. </script><!-- Place the following link anywhere in your page. Make sure the id "room1580" matches with the above code: jQuery("#room1580")  //-->
  262. <p><button href="#" id="room1580">Group Study Rooms</button><!-- Below is optional button styling  //-->
  263. <style type="text/css">#room1580 {
  264.   background: #004B8D;
  265.   border: none;
  266.   border-radius: 4px;
  267.   color: #fff;
  268.   padding: 8px 20px;
  269.   cursor: pointer;
  270.  
  271. }
  272. #room1580:hover {
  273.   opacity: 0.9;
  274. }
  275. </style>
  276. </p>
  277.  
  278.  
  279.                                               </div>
  280.  
  281.                                         </div>
  282.  
  283.                                         <div id="col2" class="col-md-6">
  284.  
  285.                                               <div class="clearfix">
  286.  
  287.  
  288.  
  289.  
  290.                                                     Meet with a research librarian for assistance.
  291.  
  292.                                                     <script src="//api3.libcal.com/js/myscheduler.js?002"></script><script>
  293. jQuery(function(){
  294.    jQuery("#mySched640").LibCalMySched({ iid: 928, uid: 0,  width: 500, height: 450  });
  295. });
  296. </script><!-- Place the following link anywhere in your page. Make sure the id "mySched640" matches with the above code: jQuery("#mySched640")  //-->
  297. <p><button href="#" id="mySched640">Schedule Appointment</button><!-- Below is optional button styling  //-->
  298. <style type="text/css">#mySched640 {
  299.   background: #004B8D;
  300.   border: none;
  301.   border-radius: 4px;
  302.   color: #fff;
  303.   padding: 8px 20px;
  304.   cursor: pointer;
  305.  
  306. }
  307.  
  308. #mySched640:hover { opacity: 0.9; }
  309. </style>
  310. </p>
  311.  
  312.                                               </div>
  313.  
  314.                                             </div>
  315.  
  316.                                           </div>
  317.  
  318.  
  319.                                         </div>
  320.  
  321.                                 </div>
  322.  
  323.  
  324.                                 <div id="libanswers-unf">
  325.  
  326.                                     <h3 class="main-widget"><i class="fa fa-question-circle"></i>Ask a Question</h3>
  327.  
  328.                                     <!--LibAnswers Search -->
  329.  
  330.                                     <div id="s-la-widget-790"></div>
  331.  
  332.                                 </div>
  333.  
  334.                                   <div id="libcal_events_widget">
  335.  
  336. <h3 class="main-widget"><i class="fa fa-calendar"></i>
  337. Upcoming Events</h3>
  338.  
  339.                                   <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>
  340.  
  341.  
  342.                                   </div>
  343.  
  344.                                   <div id="libchat_71152938e8e49fa531bcc2517c06ea33"></div>
  345.                                   <script type="text/javascript" src="//v2.libanswers.com/load_chat.php?hash=71152938e8e49fa531bcc2517c06ea33"></script>
  346.  
  347.                                 </div>
  348.  
  349.  
  350.                 </div>
  351.                 </div>
  352.  
  353.             </div>
  354.  
  355.             <div id="s-lg-index-cols"  class="row">
  356.  
  357.                 <div id="col1"  class="col-md-12 center">
  358.  
  359.                     <div class="clearfix">
  360.  
  361.                       <h2 class="guide-header"><i class="fa fa-compass"></i>Library Guides</h2>
  362.  
  363.                         <div id="s-lg-hp-nav"> 
  364.  
  365.                             <ul>
  366.  
  367.                                 <li>
  368.  
  369.                                     <ul class="nav nav-pills">
  370.  
  371.                                         {{button_by_subject}}
  372.                                         {{button_all_guides}}
  373.                                         {{button_by_group}}
  374.                                         {{button_by_type}}
  375.                                         {{button_by_owner}}
  376.  
  377.                                     </ul>
  378.  
  379.                                 </li>
  380.  
  381.                                 <li id="s-lg-hp-nav-bottom">
  382.  
  383.                                     <div class="clearfix">
  384.  
  385.                                         {{search_guides}}
  386.  
  387.                                     </div>
  388.  
  389.                                 </li>
  390.  
  391.                             </ul>
  392.  
  393.                         </div>
  394.  
  395.                         {{guide_list_controls}}
  396.  
  397.                     </div>
  398.  
  399.                     <div id="s-lg-index-list" class="">
  400.  
  401.                         {{content}}
  402.  
  403.                     </div>
  404.                 </div>
  405.  
  406.  
  407.  
  408.             </div>
  409.  
  410.         </div>
  411.  
  412.         <!-- END: Content -->
  413.  <div id="s-lib-alert" title="">
  414.                             <div id="s-lib-alert-content"></div>
  415.                        </div>        
  416.                 <div id="s-lib-popover-title" class="hide">
  417.                     <span class="text-info"><strong>title</strong></span> 
  418.                     <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button> 
  419.                 </div>
  420.                 <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
  421.                     <button class="btn btn-default btn-sm popclose" type="button">Close</button>
  422.                 </div>        
  423.             <div id="s-lib-scroll-top" title="Back to Top">
  424.                 <span class="fa-stack fa-lg">
  425.                   <i class="fa fa-square-o fa-stack-2x"></i>
  426.                   <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
  427.                 </span>
  428.             </div>        
  429.  
  430.         <!-- BEGIN: Custom Page Footer -->
  431.  
  432.         <div id="footer-unf">
  433.  
  434.             <div id="footer-unf-container">
  435.  
  436.                 <div id="footer-unf-top" class="row">
  437.  
  438.                     <div id="col1" class="col-md-4 center">
  439.  
  440.                                     <div class="clearfix">
  441.  
  442.                                       <div id="footer-logo-unf">
  443.  
  444.                                         <h4><i class="fa fa-heart"></i>Giving</h4>
  445.  
  446.  
  447.                                         <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>
  448.  
  449.                                         <a href="http://libguides.unf.edu/giving"><img src="http://s3.amazonaws.com/libapps/customers/27/images/give_button.png" alt="giving to the library logo link"></a>
  450.                                       </div>
  451.  
  452.  
  453.                                     </div>
  454.  
  455.                     </div>
  456.  
  457.                     <div id="col2" class="col-md-4 center">
  458.  
  459.                                     <div class="clearfix">
  460.  
  461.                                         <h4><i class="fa fa-twitter"></i>Twitter</h4>
  462.  
  463.                                         <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>
  464.     <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>
  465.  
  466.  
  467.                                     </div>
  468.  
  469.                     </div>
  470.  
  471.                     <div id="col3" class="col-md-4 center">
  472.  
  473.                                     <div class="clearfix">
  474.  
  475.                                         <h4><i class="fa fa-comments"></i>Contact Us</h4>
  476.  
  477.                                         <div id="footer-top-unf-subrow" class="row">
  478.  
  479.                                           <div id="col1" class="col-md-6">
  480.  
  481.                                               <div class="clearfix">
  482.  
  483.                                                     <div id="footer-address-unf">
  484.  
  485.                                                            <p>Thomas G Carpenter Library<br/>
  486.                                                               University of North Florida<br/>
  487.                                                               1 UNF Drive<br/>
  488.                                                               Jacksonville, FL 32224-2645</p>
  489.  
  490.                                                     </div>
  491.  
  492.  
  493.  
  494.                                               </div>
  495.  
  496.                                             </div>
  497.  
  498.                                             <div id="col2" class="col-md-6">
  499.  
  500.                                               <div class="clearfix">
  501.  
  502.                                                   <div id="footer-contact-unf">
  503.  
  504.  
  505.                                                             <table>
  506.  
  507.                                                               <tr>
  508.                                                                 <td><i class="fa fa-phone"></i></td>
  509.                                                                 <td>Call Us<a href="tel:9046202616"> (904) 620-2616</a></td>
  510.                                                               </tr>
  511.                                                               <tr>
  512.                                                                 <td><i class="fa fa-comment"></i></i></td>
  513.                                                                 <td>Text Us <a href="sms:9045074122">(904) 507-4122</a></td>
  514.                                                               </tr>
  515.                                                               <tr>
  516.                                                                 <td><i class="fa fa-envelope"></i></td>
  517.                                                                 <td><a href="mailto:[email protected]">Email Us</a></td>
  518.                                                               </tr>
  519.                                                               <tr>
  520.                                                                 <td><i class="fa fa-map-marker"></i></td>
  521.                                                                 <td><a href="http://maps.google.com/?q=1200 1 UNF Drive, Jackonville, FL, 32224">Map</a></td>
  522.                                                               </tr>
  523.  
  524.                                                           </table>
  525.  
  526.                                                     </div>
  527.  
  528.  
  529.  
  530.                                               </div>
  531.  
  532.                                             </div>
  533.  
  534.                                           </div>
  535.  
  536.                                           <div id="footer-facebook" class="row">
  537.  
  538.                                               <div id="col1" class="col-md-12 center">
  539.  
  540.                                                   <div class="clearfix">
  541.  
  542.  
  543.                                                           <h4><i class="fa fa-facebook"></i>Facebook</h4>
  544.  
  545.                                                           <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>
  546.  
  547.  
  548.  
  549.  
  550.                                                   </div>
  551.  
  552.                                               </div>
  553.  
  554.                                             </div>
  555.  
  556.                                     </div>
  557.  
  558.                     </div>
  559.  
  560.                 </div>
  561.  
  562.  
  563.                       <div id="footer-unf-contact-row"  class="row">
  564.  
  565.                         <div class="clearfix">
  566.  
  567.                           <div>
  568.  
  569.                                                               <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
  570.                                                               <div id="s-lib-footer-rights">All rights reserved.</div>
  571.                                                               <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
  572.  
  573.                                                           </div>
  574.  
  575.                                                           <div>
  576.  
  577.                                                               <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
  578.  
  579.                                                           </div>              
  580.  
  581.                         </div>
  582.  
  583.                       </div>
  584.  
  585.             </div>
  586.  
  587.         </div>
  588.  
  589. </body>

URL: http://libguides.unf.edu/index.php?

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.