switch nav by jumbotron to a simpler list of divs

This commit is contained in:
Mark Eaton
2021-01-28 17:01:01 -05:00
parent 3814c185b2
commit 010960fa79
2 changed files with 12 additions and 10 deletions
+8 -5
View File
@@ -5,6 +5,7 @@
.jumbotron { .jumbotron {
color: white; color: white;
background-color: #003466; background-color: #003466;
border-radius: 0px !important;
} }
.link-list { .link-list {
@@ -13,13 +14,15 @@
/* style for nav by the jumbotron */ /* style for nav by the jumbotron */
.nav-by-jumbotron { .nav-by-jumbotron {
background-color: #bbb; margin-top: -4px;
border-radius: 5px;
padding: 17px 17px 16px 17px;
} }
.nav-item-border { .nav-divs-by-jumbotron {
border-bottom: solid grey 1px; background-color: #bbb;
margin: 4px;
padding:8px;
font-size: 1.5em;
text-align: center;
} }
/* style the panels with the text content */ /* style the panels with the text content */
@@ -27,11 +27,10 @@
</div> </div>
<div class="col-sm-4"> <div class="col-sm-4">
<div class="nav-by-jumbotron"> <div class="nav-by-jumbotron">
<ul class="nav flex-column"> <div class="nav-divs-by-jumbotron">Link to a library service</div>
<li class="nav-item nav-item-border"><a class="nav-link" href="#">Link to a library service</a></li> <div class="nav-divs-by-jumbotron">Link to another library service</div>
<li class="nav-item nav-item-border"><a class="nav-link" href="#">Link to another library service</a></li> <div class="nav-divs-by-jumbotron">Another Link</div>
<li class="nav-item nav-item-border"><a class="nav-link" href="#">Another Link</a></li> <div class="nav-divs-by-jumbotron">One last link Link</div>
<li class="nav-item"><a class="nav-link" href="#">One last link Link</a></li>
</ul> </ul>
</div> </div>
</div> </div>