add content and fix stacking of dropdown; add other content
This commit is contained in:
Mark Eaton
@@ -19,47 +19,72 @@
|
|||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
|
||||||
<ul class="dropdown-menu dropdown-margin">
|
<ul class="dropdown-menu dropdown-margin">
|
||||||
<li>
|
<li>
|
||||||
<div class="yamm-content">
|
<div class="yamm-content" style="max-width:900px">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-music"></span>
|
<span class="glyphicon glyphicon-music"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>Peer Reviewed Articles</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Find scholarly articles in the Kingsborough collections</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-off"></span>
|
<span class="glyphicon glyphicon-off"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>Print Books</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Find hard copy books available at Kingsborough and across CUNY</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-time"></span>
|
<span class="glyphicon glyphicon-time"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>Databases A-Z</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">An alphabetical listing of the library's electronic collections</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="clearfix visible-md-block"></div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-home"></span>
|
<span class="glyphicon glyphicon-home"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>eReserves</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Find class materials through the library</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="clearfix visible-lg-block"></div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-refresh"></span>
|
<span class="glyphicon glyphicon-refresh"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>Journal Search</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Find newspapers, magazines and scholarly journals</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-repeat"></span>
|
<span class="glyphicon glyphicon-repeat"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>eBooks</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Find electronic books in the Kingsborough collections</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="clearfix visible-md-block"></div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-download"></span>
|
<span class="glyphicon glyphicon-download"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>CUNY Academic Works</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Research and publications from scholars across CUNY</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-md-4 col-lg-3">
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
<span class="glyphicon glyphicon-tag"></span>
|
<span class="glyphicon glyphicon-tag"></span>
|
||||||
<strong>Lorem ipsum dolor</strong>
|
<strong>KBCC Bookstore</strong>
|
||||||
<p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
<p class="faux-card">Search for and purchase your textbook from KBCC</p>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix visible-lg-block"></div>
|
||||||
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
|
<span class="glyphicon glyphicon-music"></span>
|
||||||
|
<strong>Newspaper Search</strong>
|
||||||
|
<p class="faux-card">Find newspaper articles using OneSearch</p>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix visible-md-block"></div>
|
||||||
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
|
<span class="glyphicon glyphicon-off"></span>
|
||||||
|
<strong>Video</strong>
|
||||||
|
<p class="faux-card">Find DVDs and streaming media</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
|
<span class="glyphicon glyphicon-time"></span>
|
||||||
|
<strong>Research Guides</strong>
|
||||||
|
<p class="faux-card">Guides and tutorials from the KBCC librarians</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-12 col-md-4 col-lg-3">
|
||||||
|
<span class="glyphicon glyphicon-home"></span>
|
||||||
|
<strong>Google Scholar</strong>
|
||||||
|
<p class="faux-card">Search for scholarly articles at Kingsborough and beyond, using Google</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -94,10 +119,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
<div class="nav-by-jumbotron">
|
<div class="nav-by-jumbotron">
|
||||||
<div class="nav-divs-by-jumbotron">Link to a library service</div>
|
<div class="nav-divs-by-jumbotron">Databases</div>
|
||||||
<div class="nav-divs-by-jumbotron">Link to another library service</div>
|
<div class="nav-divs-by-jumbotron">Ask a Librarian</div>
|
||||||
<div class="nav-divs-by-jumbotron">Another Link</div>
|
<div class="nav-divs-by-jumbotron">Research Consultations</div>
|
||||||
<div class="nav-divs-by-jumbotron">One last link Link</div>
|
<div class="nav-divs-by-jumbotron">Research Guides</div>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -184,7 +209,7 @@
|
|||||||
<div class="col-md-5 col-lg-6">
|
<div class="col-md-5 col-lg-6">
|
||||||
<div class="panel panel-default hide-body-border">
|
<div class="panel panel-default hide-body-border">
|
||||||
<div class="panel-heading show-panel">
|
<div class="panel-heading show-panel">
|
||||||
<span class="panel-title content-panel-title">Gallery</span>
|
<span class="panel-title content-panel-title">What's new in the library</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
{{content_boxes}}
|
{{content_boxes}}
|
||||||
|
|||||||
Reference in New Issue
Block a user