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.


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. $(function() {
  208. $( "#tabs" ).tabs();
  209. });
  210. </script>
  211.  
  212.  
  213. <div id="tabs" class="tabbed-unf">
  214.  
  215. <ul>
  216.  
  217. <li><a href="#tabs-1"><i class="fa fa-clock-o"></i>Today's Hours</a></li>
  218. <li><a href="#tabs-2"><i class="fa fa-comments"></i>Contact Us</a></li>
  219. <li><a href="#tabs-3"><i class="fa fa-calendar"></i>Bookings</a></li>
  220.  
  221. </ul>
  222.  
  223. <div id="tabs-1">
  224.  
  225. <div id="hours-container">
  226.  
  227. <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>
  228.  
  229. </div>
  230.  
  231. <p><a class="btn btn-info hours" href="http://libguides.unf.edu/c.php?g=1692">Full Hours</a></p>
  232.  
  233. </div>
  234.  
  235.  
  236. <div id="tabs-2">
  237.  
  238. <p><i class="fa fa-phone"></i> Call Us<a href="tel:9046202616"> (904) 620-2616</a><br/>
  239. <i class="fa fa-comment"></i>Text Us <a href="sms:9045074122">(904) 507-4122</a><br/>
  240. <i class="fa fa-envelope"></i><a href="mailto:[email protected]">Email Us</a></p>
  241.  
  242. </div>
  243.  
  244. <div id="tabs-3">
  245.  
  246. <div class="row">
  247.  
  248.  
  249. <div id="col1" class="col-md-6">
  250.  
  251. <div class="clearfix">
  252.  
  253.  
  254. Reserve one of our group study rooms.
  255.  
  256. <script src="//api3.libcal.com/js/roombooking.js?002"></script><script>
  257. jQuery(function(){
  258. jQuery("#room1580").LibCalRoomBooking({ "iid": 928, "gid": 1580, "width": 500, "height": 450 });
  259. });
  260. </script><!-- Place the following link anywhere in your page. Make sure the id "room1580" matches with the above code: jQuery("#room1580") //-->
  261. <p><button href="#" id="room1580">Group Study Rooms</button><!-- Below is optional button styling //-->
  262. <style type="text/css">#room1580 {
  263. background: #004B8D;
  264. border: none;
  265. border-radius: 4px;
  266. color: #fff;
  267. padding: 8px 20px;
  268. cursor: pointer;
  269.  
  270. }
  271. #room1580:hover {
  272. opacity: 0.9;
  273. }
  274. </p>
  275.  
  276.  
  277. </div>
  278.  
  279. </div>
  280.  
  281. <div id="col2" class="col-md-6">
  282.  
  283. <div class="clearfix">
  284.  
  285.  
  286.  
  287.  
  288. Meet with a research librarian for assistance.
  289.  
  290. <script src="//api3.libcal.com/js/myscheduler.js?002"></script><script>
  291. jQuery(function(){
  292. jQuery("#mySched640").LibCalMySched({ iid: 928, uid: 0, width: 500, height: 450 });
  293. });
  294. </script><!-- Place the following link anywhere in your page. Make sure the id "mySched640" matches with the above code: jQuery("#mySched640") //-->
  295. <p><button href="#" id="mySched640">Schedule Appointment</button><!-- Below is optional button styling //-->
  296. <style type="text/css">#mySched640 {
  297. background: #004B8D;
  298. border: none;
  299. border-radius: 4px;
  300. color: #fff;
  301. padding: 8px 20px;
  302. cursor: pointer;
  303.  
  304. }
  305.  
  306. #mySched640:hover { opacity: 0.9; }
  307. </p>
  308.  
  309. </div>
  310.  
  311. </div>
  312.  
  313. </div>
  314.  
  315.  
  316. </div>
  317.  
  318. </div>
  319.  
  320.  
  321. <div id="libanswers-unf">
  322.  
  323. <h3 class="main-widget"><i class="fa fa-question-circle"></i>Ask a Question</h3>
  324.  
  325. <!--LibAnswers Search -->
  326.  
  327. <div id="s-la-widget-790"></div>
  328.  
  329. </div>
  330.  
  331. <div id="libcal_events_widget">
  332.  
  333. <h3 class="main-widget"><i class="fa fa-calendar"></i>
  334. Upcoming Events</h3>
  335.  
  336. <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>
  337.  
  338.  
  339. </div>
  340.  
  341. <div id="libchat_71152938e8e49fa531bcc2517c06ea33"></div>
  342. <script type="text/javascript" src="//v2.libanswers.com/load_chat.php?hash=71152938e8e49fa531bcc2517c06ea33"></script>
  343.  
  344. </div>
  345.  
  346.  
  347. </div>
  348. </div>
  349.  
  350. </div>
  351.  
  352. <div id="s-lg-index-cols" class="row">
  353.  
  354. <div id="col1" class="col-md-12 center">
  355.  
  356. <div class="clearfix">
  357.  
  358. <h2 class="guide-header"><i class="fa fa-compass"></i>Library Guides</h2>
  359.  
  360. <div id="s-lg-hp-nav">
  361.  
  362. <ul>
  363.  
  364. <li>
  365.  
  366. <ul class="nav nav-pills">
  367.  
  368. {{button_by_subject}}
  369. {{button_all_guides}}
  370. {{button_by_group}}
  371. {{button_by_type}}
  372. {{button_by_owner}}
  373.  
  374. </ul>
  375.  
  376. </li>
  377.  
  378. <li id="s-lg-hp-nav-bottom">
  379.  
  380. <div class="clearfix">
  381.  
  382. {{search_guides}}
  383.  
  384. </div>
  385.  
  386. </li>
  387.  
  388. </ul>
  389.  
  390. </div>
  391.  
  392. {{guide_list_controls}}
  393.  
  394. </div>
  395.  
  396. <div id="s-lg-index-list" class="">
  397.  
  398. {{content}}
  399.  
  400. </div>
  401. </div>
  402.  
  403.  
  404.  
  405. </div>
  406.  
  407. </div>
  408.  
  409. <!-- END: Content -->
  410. <div id="s-lib-alert" title="">
  411. <div id="s-lib-alert-content"></div>
  412. </div>
  413. <div id="s-lib-popover-title" class="hide">
  414. <span class="text-info"><strong>title</strong></span>
  415. <button type="button" id="popclose" class="close" onclick="jQuery('.s-lib-popover').popover('hide')">&times;</button>
  416. </div>
  417. <div id="s-lib-popover-content" class="hide"><i class="fa fa-refresh fa-spin"></i> Loading...
  418. <button class="btn btn-default btn-sm popclose" type="button">Close</button>
  419. </div>
  420. <div id="s-lib-scroll-top" title="Back to Top">
  421. <span class="fa-stack fa-lg">
  422. <i class="fa fa-square-o fa-stack-2x"></i>
  423. <i class="fa fa-angle-double-up fa-stack-1x" style="position:relative; bottom:2px;"></i>
  424. </span>
  425. </div>
  426.  
  427. <!-- BEGIN: Custom Page Footer -->
  428.  
  429. <div id="footer-unf">
  430.  
  431. <div id="footer-unf-container">
  432.  
  433. <div id="footer-unf-top" class="row">
  434.  
  435. <div id="col1" class="col-md-4 center">
  436.  
  437. <div class="clearfix">
  438.  
  439. <div id="footer-logo-unf">
  440.  
  441. <h4><i class="fa fa-heart"></i>Giving</h4>
  442.  
  443.  
  444. <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>
  445.  
  446. <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>
  447. </div>
  448.  
  449.  
  450. </div>
  451.  
  452. </div>
  453.  
  454. <div id="col2" class="col-md-4 center">
  455.  
  456. <div class="clearfix">
  457.  
  458. <h4><i class="fa fa-twitter"></i>Twitter</h4>
  459.  
  460. <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>
  461. <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>
  462.  
  463.  
  464. </div>
  465.  
  466. </div>
  467.  
  468. <div id="col3" class="col-md-4 center">
  469.  
  470. <div class="clearfix">
  471.  
  472. <h4><i class="fa fa-comments"></i>Contact Us</h4>
  473.  
  474. <div id="footer-top-unf-subrow" class="row">
  475.  
  476. <div id="col1" class="col-md-6">
  477.  
  478. <div class="clearfix">
  479.  
  480. <div id="footer-address-unf">
  481.  
  482. <p>Thomas G Carpenter Library<br/>
  483. University of North Florida<br/>
  484. 1 UNF Drive<br/>
  485. Jacksonville, FL 32224-2645</p>
  486.  
  487. </div>
  488.  
  489.  
  490.  
  491. </div>
  492.  
  493. </div>
  494.  
  495. <div id="col2" class="col-md-6">
  496.  
  497. <div class="clearfix">
  498.  
  499. <div id="footer-contact-unf">
  500.  
  501.  
  502.  
  503. <tr>
  504. <td><i class="fa fa-phone"></i></td>
  505. <td>Call Us<a href="tel:9046202616"> (904) 620-2616</a></td>
  506. </tr>
  507. <tr>
  508. <td><i class="fa fa-comment"></i></i></td>
  509. <td>Text Us <a href="sms:9045074122">(904) 507-4122</a></td>
  510. </tr>
  511. <tr>
  512. <td><i class="fa fa-envelope"></i></td>
  513. <td><a href="mailto:[email protected]">Email Us</a></td>
  514. </tr>
  515. <tr>
  516. <td><i class="fa fa-map-marker"></i></td>
  517. <td><a href="http://maps.google.com/?q=1200 1 UNF Drive, Jackonville, FL, 32224">Map</a></td>
  518. </tr>
  519.  
  520. </table>
  521.  
  522. </div>
  523.  
  524.  
  525.  
  526. </div>
  527.  
  528. </div>
  529.  
  530. </div>
  531.  
  532. <div id="footer-facebook" class="row">
  533.  
  534. <div id="col1" class="col-md-12 center">
  535.  
  536. <div class="clearfix">
  537.  
  538.  
  539. <h4><i class="fa fa-facebook"></i>Facebook</h4>
  540.  
  541. <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>
  542.  
  543.  
  544.  
  545.  
  546. </div>
  547.  
  548. </div>
  549.  
  550. </div>
  551.  
  552. </div>
  553.  
  554. </div>
  555.  
  556. </div>
  557.  
  558.  
  559. <div id="footer-unf-contact-row" class="row">
  560.  
  561. <div class="clearfix">
  562.  
  563. <div>
  564.  
  565. <div id="s-lib-footer-brand">Powered by <a href="http://www.springshare.com">Springshare</a>.</div>
  566. <div id="s-lib-footer-rights">All rights reserved.</div>
  567. <div id="s-lib-footer-login-link"><a href="{{login_url}}">Login to LibApps</a>.</div>
  568.  
  569. </div>
  570.  
  571. <div>
  572.  
  573. <div id="s-lib-footer-support-link"><a href="mailto:[email protected]">Report a problem</a>.</div>
  574.  
  575. </div>
  576.  
  577. </div>
  578.  
  579. </div>
  580.  
  581. </div>
  582.  
  583. </div>
  584.  
  585. </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.