ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish adding dropdowns

Browse Source
This commit is contained in:
Mark Eaton
2021-02-12 22:27:34 -05:00
parent ce25c7da2b
commit 710047cddc
1 changed files with 74 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-3/homepage3-template.html
+72 -12
View File
@@ -13,10 +13,9 @@
<div class="container-fluid"> <div class="container-fluid">
<div> <div>
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li style="color: black;"><a href="#">Non-dropdown link</a></li> <li><a href="#">Library Account</a></li>
<li><a href="#">Another non-dropdown link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Find It<span class="caret"></span></a>
<ul class="dropdown-menu dropdown-margin"> <ul class="dropdown-menu dropdown-margin">
<li> <li>
<div class="yamm-content" style="max-width:900px"> <div class="yamm-content" style="max-width:900px">
@@ -92,15 +91,76 @@
</ul> </ul>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services<span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu dropdown-margin">
<li><a href="#">Action</a></li> <li>
<li><a href="#">Another action</a></li> <div class="yamm-content" style="max-width:675px">
<li><a href="#">Something else here</a></li> <div class="row">
<li role="separator" class="divider"></li> <div class="col-xs-12 col-md-4">
<li><a href="#">Separated link</a></li> <span class="glyphicon glyphicon-music"></span>
<li role="separator" class="divider"></li> <strong>Library Instruction</strong>
<li><a href="#">One more separated link</a></li> <p class="faux-card">Book an instruction session with a librarian</p>
</div>
<div class="col-xs-12 col-md-4">
<span class="glyphicon glyphicon-off"></span>
<strong>Interlibrary Loan</strong>
<p class="faux-card">Borrow books and articles from other libraries</p>
</div>
<div class="col-xs-12 col-md-4">
<span class="glyphicon glyphicon-time"></span>
<strong>Give feedback</strong>
<p class="faux-card">Help us make the library better</p>
</div>
<div class="clearfix visible-md-block visible-lg-block"></div>
<div class="col-xs-12 col-md-4">
<span class="glyphicon glyphicon-home"></span>
<strong>Media Services</strong>
<p class="faux-card">Equipment requests and DVD borrowing</p>
</div>
<div class="col-xs-12 col-md-4">
<span class="glyphicon glyphicon-home"></span>
<strong>Purchase or add to reserve</strong>
<p class="faux-card">Suggest a book to purchase or to add to reserve</p>
</div>
<div class="col-xs-12 col-md-4">
<span class="glyphicon glyphicon-home"></span>
<strong>Library FAQ</strong>
<p class="faux-card">Find answers to frequently asked questions about KBCC Library</p>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us<span class="caret"></span></a>
<ul class="dropdown-menu dropdown-margin">
<li>
<div class="yamm-content" style="max-width:300px">
<div class="row">
<div class="col-xs-12">
<span class="glyphicon glyphicon-music"></span>
<strong>Faculty & Staff</strong>
<p class="faux-card">Meet the Kingsborough Library</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-off"></span>
<strong>Subject Liaisons</strong>
<p class="faux-card">Find your library liaison</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-time"></span>
<strong>Library Departments</strong>
<p class="faux-card">Explore the library's functions</p>
</div>
<div class="col-xs-12">
<span class="glyphicon glyphicon-time"></span>
<strong>Campus Map</strong>
<p class="faux-card">How to find us</p>
</div>
</div>
</div>
</li>
</ul> </ul>
</li> </li>
</ul> </ul>