search

nss-evening-cohort-9 / nutshell-pine

nutshell-pine created by GitHub Classroom
1 stars 1 forks source link

NavBar/ Footer #21

Closed westmary48 closed 5 years ago

westmary48 commented 5 years ago

User Story

As a user, I should see a navbar and a footer on page load.

Acceptance Criteria

WHEN I go to the page, THEN I should see a nav bar with the Nutshell THEN I should see a footer with copyright and social media information

Developer Notes

westmary48 commented 5 years ago 
<div id = "navbar">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="#">Nutshell</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a id="navbar-button-auth" class="nav-link">Authentication</a>
            </li>
            <li class="nav-item">
              <a id="navbar-button-nutshell" class="nav-link hide">My Application</a>
            </li>
            <li class="nav-item">
              <a id="navbar-button-logout" class="nav-link hide">Logout</a>
            </li>
          </ul>
        </div>
      </nav>
</div>