From 1872c21c253ee74be5a2ad5245c00c5635b357c2 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Fri, 29 Jan 2021 10:19:10 -0500
Subject: [PATCH] add navbar

---
 groups/new-homepage-3/homepage3-js-css.html   | 16 ++++++++
 groups/new-homepage-3/homepage3-template.html | 38 +++++++++++++++++++
 2 files changed, 54 insertions(+)

diff --git a/groups/new-homepage-3/homepage3-js-css.html b/groups/new-homepage-3/homepage3-js-css.html
index 099d341..ea0d2a7 100644
--- a/groups/new-homepage-3/homepage3-js-css.html
+++ b/groups/new-homepage-3/homepage3-js-css.html
@@ -1,4 +1,20 @@
 <style>
+/* style navbar */
+
+.navbar-default {
+        background-color: #bbb;
+        border: none;
+        font-size: 1.5em;
+        color: black;
+        margin-top: -15px;
+        margin-bottom: 28px;
+        border-radius: 0px;
+}
+
+
+.navbar-default .navbar-nav>li>a {
+        color: black;
+}
 
 /* style jumbotron */
 
diff --git a/groups/new-homepage-3/homepage3-template.html b/groups/new-homepage-3/homepage3-template.html
index c54feb6..8d02d79 100644
--- a/groups/new-homepage-3/homepage3-template.html
+++ b/groups/new-homepage-3/homepage3-template.html
@@ -11,6 +11,44 @@
                                 <div class="col-xs-12">
                                         {{public_header}}
                                 </div>
+                         </div>
+                         <div class="row">
+                                <div class="col-xs-12">
+                                        <nav class="navbar navbar-default">
+                                                <div class="container-fluid">
+                                                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                                                                <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 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>
+                                                                        <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>
+                                                               </ul>
+                                                       </div>
+                                               </div>
+                                        </nav>
+                                </div>
                         </div>
 			<div class="row">
                                  <div class="col-sm-8">