Hi Guys I wanted to create Bootstrap Tabs and Pills. I have two searches, Search 1 would be by default and there is a tab next to it which will be the other search option to search the site.
This is the site I will modify
Overall I want these two searches to be in a tabbed view like this
This is the code i have so far. Thank you.
[code]<?php
?>
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Search Bars</title>
</head>
<body>
<form action=”/search/index.php” class=”pull-right search-form” method=”get”>
<div class=”form-group”>
<label class=”hidden” for=”searchid” style=”color: #ffffff; background-color: #000000;”>Search this site:</label>
<input class=”form-control” id=”searchid” name=”q” placeholder=”Search this site…” title=”Search this site” type=”text” value=”” />
</div>
<button class=”btn btn-theme pull-right” type=”submit”>Search</button>
</form>
<h2 class=”search-title”>Summon Search<span class=”hidden-xs hidden-sm”>es Almost Everything</span></h2>
<div class=”search-container clearfix”>
<div class=”basic-search col-lg-10 col-md-9 col-sm-9 col-xs-12″><form action=”https://syracuse.summon.serialssolutions.com/search” method=”get”><label class=”offscreen” for=”home_box_summon_input”>Search Summon:</label> <input class=”input form-control” id=”home_box_summon_input” name=”q” placeholder=”Search articles, books, and other resources.” type=”text” /> <button class=”search_form_image_submit btn btn-theme button-website” id=”home_box_summon_submit” type=”submit” value=”go”>Search</button></form></div>
<div class=”advanced-search col-lg-2 col-md-3 col-sm-3 col-xs-12″><a class=”btn btn-theme btn-adv-search” href=”https://syracuse.summon.serialssolutions.com/search?#!/advanced?ho=t&l=en&q=Search%20articles,%20books,%20and%20other%20resources.”>Advanced Search</a></div>
</div>
</body>
<i>
</i><!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="origin" name="referrer"/>
<meta content="Syracuse University Libraries Home" name="description"/>
<meta content="telephone=no" name="format-detection"/> <br/>
<link href="_siteassets/favicons/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed" sizes="57x57"/>
<link href="_siteassets/favicons/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"/>
<link href="_siteassets/favicons/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"/>
<link href="_siteassets/favicons/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"/>
<link href="_siteassets/favicons/apple-touch-icon-60x60.png" rel="apple-touch-icon-precomposed" sizes="60x60"/>
<link href="_siteassets/favicons/apple-touch-icon-120x120.png" rel="apple-touch-icon-precomposed" sizes="120x120"/>
<link href="_siteassets/favicons/apple-touch-icon-76x76.png" rel="apple-touch-icon-precomposed" sizes="76x76"/>
<link href="_siteassets/favicons/apple-touch-icon-152x152.png" rel="apple-touch-icon-precomposed" sizes="152x152"/>
<link href="_siteassets/favicons/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png"/>
<link href="_siteassets/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/>
<link href="_siteassets/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
<link href="_siteassets/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="_siteassets/favicons/favicon-128.png" rel="icon" sizes="128x128" type="image/png"/>
<meta content="#FFFFFF" name="msapplication-TileColor"/>
<meta content="/_siteassets/favicons/mstile-144x144.png" name="msapplication-TileImage"/>
<meta content="/_siteassets/favicons/mstile-70x70.png" name="msapplication-square70x70logo"/>
<meta content="/_siteassets/favicons/mstile-150x150.png" name="msapplication-square150x150logo"/>
<meta content="/_siteassets/favicons/mstile-310x150.png" name="msapplication-wide310x150logo"/>
<meta content="/_siteassets/favicons/mstile-310x310.png" name="msapplication-square310x310logo"/>
<title>Syracuse University Libraries</title>
<link href="assets/plugins/bootstrap/css/bootstrap-3.3.7.min.css" rel="stylesheet"/> <br/>
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<link href="assets/plugins/flexslider/flexslider.css" rel="stylesheet"/>
<link href="assets/plugins/pretty-photo/css/prettyPhoto.css" rel="stylesheet"/>
<link href="assets/css/styles.css" id="theme-style" rel="stylesheet"/>
<link href="assets/css/print.css" media="print" rel="stylesheet" type="text/css"/>
<i> </i><!-- Local CSS -->
<i> </i><link href="assets/css/fonts.css" rel="stylesheet" type="text/css"/>
<i> </i><link href="assets/css/local.css" rel="stylesheet"/>
<!-- Core Javascript Top -->
<i> </i><!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<i> </i><!--[if lt IE 9]>
<i> </i> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<i> </i> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<i> </i><![endif]-->
<!-- Local Javascript Top -->
<script src="assets/js/local-head.js" type="text/javascript"></script>
<script src="assets/js/ga.js" type="text/javascript"></script>
<i> </i> <br/>
</head>
<body class="home-page">
<h1 class="offscreen">Syracuse University Libraries</h1>
<button class="skipnavlink offscreen btn btn-theme">Skip to main content</button>
<div class="wrapper">
<div class="fixed">
<header class="header"><div class="header-main container"><div class="logo col-lg-5 col-md-4 col-sm-4 col-xs-12"><div><a href="index.php"><img alt="Syracuse University Libraries" id="logo" src="assets/inc/img-wordmark-main.svg"/></a></div><div class="hidden-lg hidden-md hidden-sm"></div></div><div class="info col-lg-7 col-md-8 col-sm-8"><ul class="menu-top navbar-right hidden-xs"><li><a href="http://syracuse.edu">SU Home</a></li><li><a href="search/sitemap.php">Sitemap</a></li><li><a href="search/index.php">Site Search</a></li><li><a href="http://library-blog.syr.edu/">Blog</a></li><li><a href="services/your-accounts.php">Your Accounts</a></li></ul><div class="contact col-lg-12 col-md-12 col-sm-12 hidden-xs pull-right"><div class="pull-right">
<p class="phone">Call <a href="tel:3154434083" title="Call ">315.443.4083</a></p>
<p class="phone">Text <a href="sms:3154640744" title="Text ">315.464.0744</a></p>
<p class="phone"><a href="https://its-forms.syr.edu:443/frevvo/web/tn/Library/user/lits/app/_ZIeHsVyOEeCpsPCbux9tYw/formtype/_cfNaAFyOEeCpsPCbux9tYw?_method=post&amp;embed=true" title="Email ">Email</a></p>
<p class="email"><!--a class="offscreen" href="/shared-links/link-chatbox">Screen reader users, click here to avoid popup window and go to chat service box on a new page.</a--><a class="chat-link" href="javascript:void(0);" title="Chat box opens in a new window">Chat</a></p>
<p class="phone"><a href="hours/index.php" title="Library Hours">Hours</a></p>
</div></div><div class="contact"><div class="help-icons hidden-lg hidden-md hidden-sm col-xs-12">
<div class="help-icon col-xs-3"><a href="hours/index.php"><img alt="Today's hours" height="56" src="_siteassets/img-help-icon-hours.svg" width="56"/></a></div>
<div class="help-icon col-xs-3"><a href="tel:3154434083"><img alt="Call 315.443.4083" height="56" src="_siteassets/img-help-icon-call.svg" width="56"/></a></div>
<!--a class="offscreen" href="/shared-links/link-chatbox">Screen reader users, click here to avoid popup window and go to chat service box on a new page.</a-->
<div class="help-icon col-xs-3"><a data-toggle="modal" href="#chatModal" title="Chat box opens in a new window"><img alt="Chat with us" height="56" src="_siteassets/img-help-icon-chat.svg" width="56"/></a></div>
<div class="help-icon col-xs-3"><a href="sms:315.464.0744"><img alt="Text 315.464.0744" height="56" src="_siteassets/img-help-icon-text.svg" width="56"/></a></div>
</div>
<div id="lh3-proactive-chat-invitation"></div></div></div></div></header>
<nav class="main-nav" id="main-nav-id"><div class="container"><div class="navbar-header"><button class="navbar-toggle" data-target="#navbar-collapse" data-toggle="collapse" onclick="window.scrollTo(0, 0);" type="button"><span class="sr-only">Toggle navigation</span><span class="fa fa-bars"></span></button></div><div class="navbar-collapse collapse" id="navbar-collapse"><ul class="nav navbar-nav" id="navbar-nav-ul"><li class="nav-item"><a href="index.php"><top-level-name>Home</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="about/index.php"><top-level-name>About</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="departments/index.php"><sub-level-name>Departments</sub-level-name></a></li><li class="sub-level-li"><a href="http://libnews.syr.edu/"><sub-level-name>News and Events</sub-level-name></a></li><li class="sub-level-li"><a href="staff/index.php"><sub-level-name>Staff Directory</sub-level-name></a></li><li class="sub-level-li"><a href="about/visiting.php"><sub-level-name>Visiting the Libraries</sub-level-name></a></li><li class="sub-level-li main-nav-more"><a href="about/index.php"><sub-level-name>More About Us</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="about/index.php"><top-level-name>About</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="help/index.php"><top-level-name>Get Help</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="help/askus.php"><sub-level-name>Ask Us</sub-level-name></a></li><li class="sub-level-li"><a href="help/citing.php"><sub-level-name>Citing Sources</sub-level-name></a></li><li class="sub-level-li"><a href="help/how-to.php"><sub-level-name>Help and How-To Guides</sub-level-name></a></li><li class="sub-level-li"><a href="staff/subjects.php"><sub-level-name>Subject Librarians</sub-level-name></a></li><li class="sub-level-li"><a href="services/technology.php"><sub-level-name>Technology and Printing Assistance</sub-level-name></a></li><li class="sub-level-li"><a href="help/work-off-campus.php"><sub-level-name>Working Off-Campus</sub-level-name></a></li><li class="sub-level-li main-nav-more"><a href="help/index.php"><sub-level-name>More Help</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="help/index.php"><top-level-name>Get Help</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="locations/index.php"><top-level-name>Spaces</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="locations/learning-commons.php"><sub-level-name>Learning Commons</sub-level-name></a></li><li class="sub-level-li"><a href="locations/libraries.php"><sub-level-name>Locations</sub-level-name></a></li><li class="sub-level-li"><a href="locations/study-spaces.php"><sub-level-name>Quiet Study Spaces</sub-level-name></a></li><li class="sub-level-li"><a href="locations/reserve-room.php"><sub-level-name>Reserve a Room</sub-level-name></a></li><li class="sub-level-li"><a href="locations/service-desks.php"><sub-level-name>Service Desks</sub-level-name></a></li><li class="sub-level-li"><a href="locations/student-study-rooms.php"><sub-level-name>Student Study Rooms</sub-level-name></a></li><li class="sub-level-li"><a href="about/visiting.php"><sub-level-name>Visiting the Libraries</sub-level-name></a></li><li class="sub-level-li main-nav-more"><a href="locations/index.php"><sub-level-name>More Library Spaces</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="locations/index.php"><top-level-name>Spaces</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="research/index.php"><top-level-name>Research</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="https://summit.syr.edu/"><sub-level-name>Classic Catalog</sub-level-name></a></li><li class="sub-level-li"><a href="https://researchguides.library.syr.edu/az.php"><sub-level-name>Databases</sub-level-name></a></li><li class="sub-level-li"><a href="http://nq5hl7cp9d.search.serialssolutions.com/ejp/?libHash=NQ5HL7CP9D#/?language=en-US"><sub-level-name>Journals</sub-level-name></a></li><li class="sub-level-li"><a href="https://researchguides.library.syr.edu/"><sub-level-name>Research Guides</sub-level-name></a></li><li class="sub-level-li"><a href="services/research.php"><sub-level-name>Research Services</sub-level-name></a></li><li class="sub-level-li main-nav-more"><a href="research/index.php"><sub-level-name>More Research</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="research/index.php"><top-level-name>Research</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="services/index.php"><top-level-name>Services</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="accessibility/index.php"><sub-level-name>Accessibility</sub-level-name></a></li><li class="sub-level-li"><a href="services/borrowing.php"><sub-level-name>Borrowing</sub-level-name></a></li><li class="sub-level-li"><a href="services/reserves.php"><sub-level-name>Course Reserves</sub-level-name></a></li><li class="sub-level-li"><a href="services/delivery.php"><sub-level-name>Delivery Services</sub-level-name></a></li><li class="sub-level-li"><a href="departments/ill.php"><sub-level-name>Interlibrary Loan</sub-level-name></a></li><li class="sub-level-li"><a href="services/technology.php"><sub-level-name>Technology and Printing Assistance</sub-level-name></a></li><li class="sub-level-li main-nav-more"><a href="services/index.php"><sub-level-name>More Services</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="services/index.php"><top-level-name>Services</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="scrc/index.php"><top-level-name>Special Collections</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="scrc/collections/index.php"><sub-level-name>Collections</sub-level-name></a></li><li class="sub-level-li"><a href="scrc/programs/index.php"><sub-level-name>Programs</sub-level-name></a></li><li class="sub-level-li"><a href="scrc/education/index.php"><sub-level-name>Education</sub-level-name></a></li><li class="sub-level-li"><a href="scrc/services/index.php"><sub-level-name>Services</sub-level-name></a></li><li class="sub-level-li"><a href="scrc/about/index.php"><sub-level-name>About</sub-level-name></a></li><li class="sub-level-li"><a href="scrc/visit/index.php"><sub-level-name>Visit</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="scrc/index.php"><top-level-name>Special Collections</top-level-name></a></li><li class="nav-item"><a href="give/index.php"><top-level-name>Giving</top-level-name></a></li><li class="nav-item dropdown hidden-xs hidden-sm"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="search/sitemap.php"><top-level-name>More</top-level-name></a><ul class="dropdown-menu"><li class="sub-level-li"><a href="services/alumni.php"><sub-level-name>Info For Alumni</sub-level-name></a></li><li class="sub-level-li"><a href="services/info-faculty.php"><sub-level-name>Info For Faculty</sub-level-name></a></li><li class="sub-level-li"><a href="services/info-students.php"><sub-level-name>Info For Students</sub-level-name></a></li><li class="sub-level-li"><a href="search/sitemap.php"><sub-level-name>Sitemap</sub-level-name></a></li></ul></li><li class="nav-item dropdown hidden-lg hidden-md"><a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" href="search/sitemap.php"><top-level-name>More</top-level-name></a></li></ul></div></div></nav>
</div>
<div class="content container" id="maincontent">
<main>
<h1 class="hidden">Syracuse University Libraries Home</h1><div class="row cols-wrapper"><section class="box col-lg-12 col-md-12 col-sm-12 col-xs-12"><a class="anchor" id="summon" name="summon"></a><h2 class="offscreen">Block Section</h2><div class="box flex-search-container">
<div class="flex-search">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<br/>
<i> </i> <ul class="nav nav-tabs">
<i> </i><li class="active"><a data-toggle="tab" href="#summon">Search Summon</a></li>
<i> </i><li><a data-toggle="tab" href="#advanced">Search Site</a></li>
</ul>
<div class="tab-content">
<div id="summon" class="tab-pane fade in active">
<h3>Summon Search</h3>
<div class="box flex-search-container">
<div class="flex-search">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2 class="search-title">Summon Search<span class="hidden-xs hidden-sm">es Almost Everything</span></h2>
<div class="basic-search col-lg-10 col-md-9 col-sm-9 col-xs-12"><form action="https://syracuse.summon.serialssolutions.com/search" method="get"><label class="offscreen" for="home_box_summon_input">Search Summon:</label> <input class="input form-control" id="home_box_summon_input" name="q" placeholder="Search articles, books, and other resources." type="text" /> <button class="search_form_image_submit btn btn-theme button-website" id="home_box_summon_submit" type="submit" value="go">Search</button></form></div>
<!--<div class="advanced-search col-lg-2 col-md-3 col-sm-3 col-xs-12"><a class="btn btn-theme btn-adv-search" href="https://library.syr.edu/search/sitemap.php">Sitemap</a></div> -->
</div>
</div>
<div style="clear: both;"></div>
</div></div>
<div id="advanced" class="tab-pane fade">
<form action="/search/index.php" class="pull-right search-form" method="get">
<i> </i><div class="searchAdvancedInputs">
<i> </i> <strong>Search Libraries Site:</strong><input id="searchid" name="q" class="form-control" placeholder="Search this site..." title="Search this site" size="50" accesskey="s" type="text" value="" ></span>
<i> </i> </div>
<i> </i> <button class="btn btn-theme" type="submit">Search</button>
<i> </i> </form>
<i> </i><!-- OLD SEARCH <form action="/search/index.php" class="pull-right search-form" method="get">
<i> </i><div class="form-group">
<i> </i> <label class="hidden" for="searchid" style="color: #ffffff; background-color: #000000;">Search this site:</label>
<i> </i> <input class="form-control" id="searchid" name="q" placeholder="Search this site..." title="Search this site" type="text" value="" />
<i> </i></div>
<i> </i><button class="btn btn-theme pull-right" type="submit">Search</button>
</form> -->
</div>
<i> </i> </div>
</div>
</div><link href="assets/css/print.css" media="print" rel="stylesheet" type="text/css"/>
<div class="resource-list">
<ul>
<li class="btn btn-theme btn-resource">
<div class="summit-resource-link"><!--span class="offscreen">Attention screen reader users: This link will go to either full or mobile versions of the Classic Catalog application</span--><a href="javascript:void(0);" title="A list of print and electronic materials available in the Syracuse University Libraries.">Classic Catalog</a></div>
</li>
<li class="btn btn-theme btn-resource mobile-hidden"><a href="/services/reserves" title="Provides restricted access to materials that have been designated by faculty as required reading for specific courses.">Course Reserves</a></li>
<li class="btn btn-theme btn-resource"><a href="/research/link-sitemap-databases" title="A list of databases available through the Syracuse University Libraries.">Databases</a></li>
<!--<li class="btn btn-theme btn-resource hidden-sm hidden-xs"><a href="/resources/collections">Digital Collections</a></li>-->
<li class="btn btn-theme btn-resource"><a href="/research/link-sitemap-journals" title="A directory of print and electronic journals">Journals</a></li>
<li class="btn btn-theme btn-resource"><a href="/research/link-sitemap-libguides" title="Subject and course-specific guides to library resources">Research Guides</a></li>
<li class="btn btn-theme btn-resource hidden-xs"><a href="/research/link-sitemap-surface" title="A full-text, multi media online database that provides open access to the extensive and diverse array of scholarly, professional, scientific and creative output produced at Syracuse University.">SURFACE</a></li>
<!--<li class="btn btn-theme btn-resource hidden-lg hidden-md"><a href="/resources/index">More Resources</a></li>--></ul>
</div><div style="clear: both;"></div>
</div></section></div><div class="row cols-wrapper"><section class="hidden-xs slider-container"><h2 class="hidden">Slider</h2><div class="slider flexslider" id="promo-slider"><ul class="slides"><li><img alt="Bird Library Learning Commons banner" src="assets/inc/slide-5.jpg"/><div class="flex-caption"><span class="secondary clearfix hidden-xs hidden-sm flex-link"><p><a href="https://youtu.be/tgrmv72LK9g" rel="noopener" target="_blank" title="Watch: Welcome to Your Syracuse University Libraries">Video: Welcome to the Syracuse University Libraries</a></p></span></div></li></ul></div></section></div><div class="row cols-wrapper"><section class="box col-lg-12 col-md-12 col-sm-12 col-xs-12"><h2 class="offscreen">Block Section</h2><h2 class="offscreen">Latest News and Events</h2>
<div class="promo box box-dark"> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12"> <h2 class"hours-headin">Today&apos;s Building Hours</h2>Tuesday, December 03, 2019 <div class="col-sm-12 hours-service"> <button class="btn btn-theme hours-service" onclick="window.location='hours/index.php#service'">View Service Desk Hours</button> </div> </div><div class="col-lg-4 col-md-5 col-sm-6 col-xs-12 hours-library"> <h3 class="hours-heading-home">Bird Library</h3> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">Floors LL-2: </div> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">Open 24 hours </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">Floors 3-5: </div> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">8 a.m. - Midnight </div> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">Floor 6 (SCRC): </div> <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">9 a.m. - 5 p.m. </div> </div></div><div class="col-lg-4 col-md-7 col-sm-6 col-xs-12 hours-library"> <h3 class="hours-heading-home">Carnegie Library</h3> <div class="row"> <div class="col-lg-5 col-md-6 col-sm-7 col-xs-12">Reading Room: </div> <div class="col-lg-7 col-md-6 col-sm-5 col-xs-12">8 a.m. - 11 p.m. </div> </div></div><div class="col-lg-4 col-md-7 col-sm-6 col-xs-12 hours-library"> <h3 class="hours-heading-home">King + King Architecture Library</h3> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-7 col-xs-12">Slocum Hall, Floor 3: </div> <div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">9 a.m. - 11 p.m. </div> </div></div> <div class="col-sm-12 pull-right"> <button class="btn btn-theme hours-all" onclick="window.location='hours/index.php'">View All Hours</button> </div></div></div></section></div>
</main>
</div>
<div class="top-bar"><div class="container"><ul class="social-icons col-lg-6 col-md-6 col-sm-6 col-xs-12"><li><a href="http://twitter.com/#!/SyracuseULib"><img alt="Twitter" height="40" src="_siteassets/img-footer-twitter.svg" width="40"/></a></li><li><a href="https://www.facebook.com/pages/Syracuse-University-Library/156263494445926"><img alt="Facebook" height="40" src="_siteassets/img-footer-facebook.svg" width="40"/></a></li><li><a href="https://www.youtube.com/user/SyracuseULib"><img alt="YouTube" height="40" src="_siteassets/img-footer-youtube.svg" width="40"/></a></li><li><a href="http://www.flickr.com/photos/syracuselearningcommons/"><img alt="Flickr" height="40" src="_siteassets/img-footer-flickr.svg" width="40"/></a></li><li><a href="http://pinterest.com/syracuseulib"><img alt="Pinterest" height="40" src="_siteassets/img-footer-pinterest.svg" width="40"/></a></li><li><a href="https://www.instagram.com/syracuseulib/"><img alt="Instagram" height="40" src="_siteassets/img-footer-instagram.svg" width="40"/></a></li></ul><div class="social-icons col-lg-6 col-md-6 col-sm-6 col-xs-12"><form action="/search/index.php" class="pull-right search-form" method="get">
<div class="form-group"><label class="hidden" for="searchid" style="color: #ffffff; background-color: #000000;">Search this site:</label> <input class="form-control" id="searchid" name="q" placeholder="Search this site..." title="Search this site" type="text" value=""/></div>
<button class="btn btn-theme pull-right" type="submit">Search</button></form></div></div></div><footer class="footer"><div class="footer-content"><div class="container"><div class="row"><div class="footer-col col-lg-4 col-md-4 col-sm-4 col-xs-12"><div class="footer-col-inner"><h3><a href="index.php">Syracuse University Libraries</a></h3>
<p><a href="https://www.google.com/maps/place/222+Waverly+Ave,+Syracuse,+NY+13210/@43.039951,-76.1348057,17z/data=!3m1!4b1!4m2!3m1!1s0x89d9f39ffa21741d:0x9c0f7bbf6c3db86" title="Click to open location in Google maps">222 Waverly Avenue <span class="fa fa-map-marker">&#160;</span><br/> Syracuse NY 13244</a></p>
<p><a href="tel:3154432093">315.443.2093</a></p>
<p>f: 315.443.2060</p>
<p><em><a href="mailto:[email protected]">[email protected]</a></em></p>
<p><em><a href="http://library.syr.edu/">library.syr.edu</a></em></p></div></div><div class="footer-col col-lg-4 col-md-4 col-sm-4 col-xs-12"><div class="footer-col-inner"><h3>Quick Links</h3>
<p><a href="accessibility/index.php">Accessibility</a></p>
<p><a href="policy/index.php">Policies</a></p>
<p><a href="https://press.syr.edu/">Syracuse University Press</a></p>
<p><a href="https://library.syr.edu/scrc/collections/archives/index.php">University Archives</a></p>
<p><a href="urm/index.php">University Records Management</a></p>
<p><a href="services/your-accounts.php">Your Accounts</a></p></div></div><div class="footer-col col-lg-4 col-md-4 col-sm-4 col-xs-12"><div class="footer-col-inner"><p><a href="http://givetosulibraries.syr.edu"><img alt="Donate to Syracuse University Libraries - Give Now" height="60" src="_siteassets/img-graphic-givenow.png" width="238"/></a></p>
<br/>
<p><a href="http://researchguides.library.syr.edu/government"><img alt="Federal Depository Library Program" height="60" src="_siteassets/img-graphic-fdlp.png" width="179"/></a></p>
<br/> <!-- BEGIN GOOGLE TRANSLATE CODE -->
<div id="google_translate_element"></div></div></div></div></div></div><div class="bottom-bar"><div class="container"><div class="row"><small class="copyright col-lg-6 col-md-6 col-sm-12 col-xs-12">Copyright © 2017 Syracuse University Libraries</small></div></div></div></footer><!--BEGIN SIDE CHAT SECTION--><div class="config-wrapper hidden-sm hidden-xs"><!--<a class="offscreen" href="/help/askus.php#chatbox">Screen reader users, click here to go to chat service box.</a>-->
<div class="config-wrapper-inner chat-tab"><button class="rotate config-trigger" style="cursor: pointer;" title="Chat box opens in a new window">Chat</button></div>
</div>
</div>
<!-- Core Javascript Bottom -->
<script src="assets/plugins/jquery-1.12.3.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap-3.3.7.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-hover-dropdown.min.js" type="text/javascript"></script> <br/>
<script src="assets/plugins/back-to-top.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-placeholder/jquery.placeholder.js" type="text/javascript"></script>
<script src="assets/plugins/pretty-photo/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="assets/plugins/flexslider/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="assets/plugins/jflickrfeed/jflickrfeed.min.js" type="text/javascript"></script>
<script src="assets/js/main.js" type="text/javascript"></script>
<script src="skin/jquery-1.12.3.min.js" type="text/javascript"></script>
<script src="skin/bootstrap-3.3.7.min.js" type="text/javascript"></script>
<script src="skin/bootstrap-hover-dropdown.min.js" type="text/javascript"></script> <br/>
<script src="skin/back-to-top.js" type="text/javascript"></script>
<script src="skin/jquery.placeholder.js" type="text/javascript"></script>
<script src="skin/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="skin/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="skin/jflickrfeed.min.js" type="text/javascript"></script>
<script src="skin/main.js" type="text/javascript"></script>
<!-- Local Javascript Bottom -->
<script type="text/javascript">
(function() {
var x = document.createElement("script"); x.type = "text/javascript"; x.async = true;
x.src = (document.location.protocol === "https:" ? "https://" : "http://") + "libraryh3lp.com/js/libraryh3lp.js?multi";
var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(x, y);
})();
</script>
<script src="assets/js/local.js" type="text/javascript"></script>
<script src="assets/js/newsfeed.js" type="text/javascript"></script>
<!-- SETUP FOR GOOGLE TRANSLATE WIDGET -->
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
<!-- begin accessibility compliance, requires jQuery -->
$('div#goog-gt-tt div.logo img').attr('alt', 'translate');
$('.goog-logo-link img').attr('alt', 'Google');
$('#google_translate_element select').attr('id', 'goog-te-combo');
$('#goog-te-combo').before('<label class="offscreen translate-label" for="goog-te-combo">translate</label>');
$('.goog-te-gadget').css("color","#fff");
$('#goog-te-combo').css("color","#000");
$('#goog-te-combo').css("background-color","#fff");
$('#goog-gt-tt h1.title').css("color","#000");
<!-- end accessibility compliance -->
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
</body>
</html>
0.1.9 — BETA 4.26