From ce25c7da2be72a0b5f4c247096ff01aa643d5d87 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Fri, 12 Feb 2021 22:00:24 -0500
Subject: [PATCH] add content and fix stacking of dropdown; add other content

---
 groups/new-homepage-3/homepage3-template.html | 69 +++++++++++++------
 1 file changed, 47 insertions(+), 22 deletions(-)

diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index b6ab657..7069268 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -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>
                                                                                 <ul class="dropdown-menu dropdown-margin">
                                                                                         <li>
-                                                                                                <div class="yamm-content">
+                                                                                                <div class="yamm-content" style="max-width:900px">
                                                                                                         <div class="row">
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-music"></span> 
-                                                                                                                        <strong>Lorem ipsum dolor</strong> 
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>Peer Reviewed Articles</strong> 
+                                                                                                                        <p class="faux-card">Find scholarly articles in the Kingsborough collections</p>
                                                                                                                 </div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-off"></span> 
-                                                                                                                        <strong>Lorem ipsum dolor</strong> 
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>Print Books</strong> 
+                                                                                                                        <p class="faux-card">Find hard copy books available at Kingsborough and across CUNY</p>
                                                                                                                 </div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-time"></span> 
-                                                                                                                        <strong>Lorem ipsum dolor</strong> 
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>Databases A-Z</strong> 
+                                                                                                                        <p class="faux-card">An alphabetical listing of the library's electronic collections</p>
                                                                                                                 </div>
+                                                                                                                <div class="clearfix visible-md-block"></div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-home"></span> 
-                                                                                                                        <strong>Lorem ipsum dolor</strong>
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>eReserves</strong>
+                                                                                                                        <p class="faux-card">Find class materials through the library</p>
                                                                                                                 </div>
+                                                                                                                <div class="clearfix visible-lg-block"></div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-refresh"></span>
-                                                                                                                        <strong>Lorem ipsum dolor</strong>
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>Journal Search</strong>
+                                                                                                                        <p class="faux-card">Find newspapers, magazines and scholarly journals</p>
                                                                                                                 </div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-repeat"></span>
-                                                                                                                        <strong>Lorem ipsum dolor</strong>
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>eBooks</strong>
+                                                                                                                        <p class="faux-card">Find electronic books in the Kingsborough collections</p>
                                                                                                                 </div>
+                                                                                                                <div class="clearfix visible-md-block"></div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-download"></span>
-                                                                                                                        <strong>Lorem ipsum dolor</strong>
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>CUNY Academic Works</strong>
+                                                                                                                        <p class="faux-card">Research and publications from scholars across CUNY</p>
                                                                                                                 </div>
                                                                                                                 <div class="col-xs-12 col-md-4 col-lg-3">
                                                                                                                         <span class="glyphicon glyphicon-tag"></span>
-                                                                                                                        <strong>Lorem ipsum dolor</strong>
-                                                                                                                        <p class="faux-card">Sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                                                                                                                        <strong>KBCC Bookstore</strong>
+                                                                                                                        <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>
@@ -94,10 +119,10 @@
                                  </div>
                                  <div class="col-sm-4">
                                          <div class="nav-by-jumbotron">
-                                                 <div class="nav-divs-by-jumbotron">Link to a library service</div>
-                                                 <div class="nav-divs-by-jumbotron">Link to another library service</div>
-                                                 <div class="nav-divs-by-jumbotron">Another Link</div>
-                                                 <div class="nav-divs-by-jumbotron">One last link Link</div>
+                                                 <div class="nav-divs-by-jumbotron">Databases</div>
+                                                 <div class="nav-divs-by-jumbotron">Ask a Librarian</div>
+                                                 <div class="nav-divs-by-jumbotron">Research Consultations</div>
+                                                 <div class="nav-divs-by-jumbotron">Research Guides</div>
                                                  </ul>
                                           </div>
                                   </div>
@@ -184,7 +209,7 @@
                                 <div class="col-md-5 col-lg-6">
                                        <div class="panel panel-default hide-body-border">
                                                <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 class="panel-body">
                                                        {{content_boxes}}