Advertisement
Terziyski

Blog Navbar

Jul 13th, 2017
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C# 1.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>SoftUni Blog</title>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <link type="text/css" rel="stylesheet" href="styles/style.css">
  7.     <scripts src="scripts/jquery-1.10.2.js"></scripts>
  8.     <scripts src="scripts/bootstrap.js"></scripts>
  9.  
  10. </head>
  11. <body>
  12.     <header>
  13.         <div class="navbar navbar-default navbar-fixed-top text-uppercase">
  14.             <div class="container">
  15.                 <div class="navbar-header">
  16.                     <a href="index.html" class="navbar-brand">SoftUni Blog</a>
  17.  
  18.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  19.                         <span class="icon-bar"></span>
  20.                         <span class="icon-bar"></span>
  21.                         <span class="icon-bar"></span>
  22.                     </button>
  23.                 </div>
  24.  
  25.                 <div class="navbar-collapse collapse">
  26.                     <ul class="nav navbar-nav navbar-right">
  27.                         <li><a href="#">Register</a></li>
  28.                         <li><a href="#">Login</a></li>
  29.                     </ul>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </header>
  34.  
  35.     <main>
  36.     </main>
  37.  
  38.     <footer>
  39.  
  40.     </footer>
  41. </body>
  42. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement