Skip to content

Instantly share code, notes, and snippets.

@Stefany93
Created December 2, 2019 22:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Stefany93/5d4fcf275eafc3b3d035afa56dd8a95b to your computer and use it in GitHub Desktop.
Save Stefany93/5d4fcf275eafc3b3d035afa56dd8a95b to your computer and use it in GitHub Desktop.
furbaby-header.html
<header class="main">
<nav id="primary-nav" aria-label="Main Navigation">
<div class="container">
<a href="/" class="logo-holder">
<img class="logo" src="/assets/template/images/logo/logo.svg" alt="Homepage">
</a>
</div>
<button id="hamburger" aria-expanded="true">
<span>menu</span>
<span id="expanded">expanded</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
<path d="M0 0h24v24H0z" fill="none" />
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
</svg>
</button>
<div class=" main-nav bg-primary">
<ul class="container list-group bg-primary bg-primary" role="menu">
<li role="presentation">
<a href="#" aria-current="page"
class="list-group-item list-group-item-action bg-primary border-0 active">Home </a>
</li>
<li role="presentation">
<a href="#" role="menuitem" class="list-group-item list-group-item-action bg-primary border-0 ">New
Patients</a>
</li>
<li role="presentation">
<a href="#" role="menuitem"
class="list-group-item list-group-item-action bg-primary border-0">Testimonials</a>
</li>
<li role="presentation">
<a href="#" role="menuitem"
class="list-group-item list-group-item-action bg-primary border-0">Hospital Gallery</a>
</li>
<li role="presentation">
<a href="#" role="menuitem"
class="list-group-item list-group-item-action bg-primary border-0">Services</a>
</li>
<li role="presentation">
<a href="#" role="menuitem"
class="list-group-item list-group-item-action bg-primary border-0">Appointments</a>
</li>
<li role="presentation">
<a href="#" role="menuitem"
class="list-group-item list-group-item-action bg-primary border-0">Contact us</a>
</li>
</ul>
</div>
</nav>
</header>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment