|
@@ -1,26 +1,11 @@
|
|
|
-<div class="collapse bg-inverse" id="navbarHeader">
|
|
|
+<div class="blog-masthead">
|
|
|
<div class="container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-8 py-4">
|
|
|
- <h4 class="text-white">About</h4>
|
|
|
- <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4 py-4">
|
|
|
- <h4 class="text-white">Contact</h4>
|
|
|
- <ul class="list-unstyled">
|
|
|
- <li><a href="#" class="text-white">Follow on Twitter</a></li>
|
|
|
- <li><a href="#" class="text-white">Like on Facebook</a></li>
|
|
|
- <li><a href="#" class="text-white">Email me</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<div class="navbar navbar-inverse bg-inverse">
|
|
|
- <div class="container d-flex justify-content-between">
|
|
|
- <a href="#" class="navbar-brand">Album</a>
|
|
|
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
- <span class="navbar-toggler-icon"></span>
|
|
|
- </button>
|
|
|
+ <nav class="nav blog-nav">
|
|
|
+ <a class="nav-link active" href="#">Home</a>
|
|
|
+ <a class="nav-link" href="#">New features</a>
|
|
|
+ <a class="nav-link" href="#">Press</a>
|
|
|
+ <a class="nav-link" href="#">New hires</a>
|
|
|
+ <a class="nav-link" href="#">About</a>
|
|
|
+ </nav>
|
|
|
</div>
|
|
|
</div>
|