docbear

Navigation Menu

Jan 1st, 2020
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="index.html"><img src="/images/Doc Bear Logo v01 - 12-26-19.png" width="50" height="50" alt=""/></a>
  2.       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  3.       <div class="collapse navbar-collapse" id="navbarSupportedContent1">
  4.         <ul class="navbar-nav mr-auto">
  5.         <li class="nav-item"> <a class="nav-link" href="index.html">Home </a> </li>
  6.         <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li>
  7.         <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Services Menu</a>
  8.             <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
  9.                 <a class="dropdown-item" href="Services.htm" target="_blank">Services Offered</a>
  10.                 <a class="dropdown-item" href="Consulting.htm" target="_blank">Consulting </a>
  11.                 <a class="dropdown-item" href="Training.htm" target="_blank">Consulting &amp; Training Price List </a>
  12.                 <a class="dropdown-item" href="pricelist.htm" target="_blank">Basic Computer Consulting Price List </a>
  13.             </div></li>
  14.         <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Social Media </a>
  15.             <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
  16.                 <a class="dropdown-item" href="https://www.facebook.com/docbearent/" target="_blank">Facebook</a>
  17.                 <a class="dropdown-item" href="https://twitter.com/EdMcKeown" target="_blank">Twitter @EdMcKeown</a>
  18.                 <a class="dropdown-item" href="#">Instagram &#40;coming soon&#41;</a>
  19.                 <a class="dropdown-item" href="#">Snapchat &#40;coming soon&#41;</a>
  20.                 <a class="dropdown-item" href="#">Google &#40;coming soon&#41;</a>
  21.                 <a class="dropdown-item" href="#">YouTube &#40;coming soon&#41; </a>
  22.             </div></li>
  23.         </ul>
  24.       </div>
  25. </nav>
Advertisement
Add Comment
Please, Sign In to add comment