diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index 7069268..4ad8573 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -13,10 +13,9 @@
                                                 <div class="container-fluid">
                                                         <div>
                                                                 <ul class="nav navbar-nav">
-                                                                        <li style="color: black;"><a href="#">Non-dropdown link</a></li>
-                                                                        <li><a href="#">Another non-dropdown link</a></li>
+                                                                        <li><a href="#">Library Account</a></li>
                                                                         <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">
                                                                                         <li>
                                                                                                 <div class="yamm-content" style="max-width:900px">
@@ -92,17 +91,78 @@
                                                                               </ul>
                                                                        </li>
                                                                         <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>
-                                                                                <ul class="dropdown-menu">
-                                                                                        <li><a href="#">Action</a></li>
-                                                                                        <li><a href="#">Another action</a></li>
-                                                                                        <li><a href="#">Something else here</a></li>
-                                                                                        <li role="separator" class="divider"></li>
-                                                                                        <li><a href="#">Separated link</a></li>
-                                                                                        <li role="separator" class="divider"></li>
-                                                                                        <li><a href="#">One more separated link</a></li>
-                                                                              </ul>
-                                                                       </li>
+                                                                                <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 dropdown-margin">
+                                                                                        <li>
+                                                                                                <div class="yamm-content" style="max-width:675px">
+                                                                                                        <div class="row">
+                                                                                                                <div class="col-xs-12 col-md-4">
+                                                                                                                        <span class="glyphicon glyphicon-music"></span> 
+                                                                                                                        <strong>Library Instruction</strong> 
+                                                                                                                        <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>
+                                                                        </li>
                                                                </ul>
                                                        </div>
                                                </div>