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 {
color: white;
background-color: #003466;
border-radius: 0px !important;
}
.link-list {
@@ -13,13 +14,15 @@
/* style for nav by the jumbotron */
.nav-by-jumbotron {
background-color: #bbb;
border-radius: 5px;
padding: 17px 17px 16px 17px;
margin-top: -4px;
}
.nav-item-border {
border-bottom: solid grey 1px;
.nav-divs-by-jumbotron {
background-color: #bbb;
margin: 4px;
padding:8px;
font-size: 1.5em;
text-align: center;
}
/* style the panels with the text content */
@@ -27,11 +27,10 @@
</div>
<div class="col-sm-4">
<div class="nav-by-jumbotron">
<ul class="nav flex-column">
<li class="nav-item nav-item-border"><a class="nav-link" href="#">Link to a library service</a></li>
<li class="nav-item nav-item-border"><a class="nav-link" href="#">Link to another library service</a></li>
<li class="nav-item nav-item-border"><a class="nav-link" href="#">Another Link</a></li>
<li class="nav-item"><a class="nav-link" href="#">One last link Link</a></li>
<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>
</ul>
</div>
</div>