emilstahl

Untitled

Sep 28th, 2013
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.51 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>TechGadgets.dk</title>
  5. <meta name="viewport" content="width=devices-width, initial-scale=1.0">
  6. <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
  7. <style type="text/css">
  8. .navbar-brand{
  9. max-height: 40px;
  10. overflow: visible;
  11. padding-top: 2px;
  12. padding-bottom: 2px;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <div class="navbar navbar-default navbar-static-top">
  18. <div class="container">
  19. <a href="#" class="navbar-brand"><img src="http://i.imgur.com/5QuuOgL.png" height="46" /></a>
  20. <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
  21. <span class="icon-bar"></span>
  22. <span class="icon-bar"></span>
  23. <span class="icon-bar"></span>
  24. </button>
  25. <div class="collapse navbar-collapse navHeaderCollapse">
  26. <ul class="nav navbar-nav navbar-right">
  27. <li class="active"><a href="#">Home</a></li>
  28. <li class="dropdown">
  29. <a href="#" class="dropdown-toggle" data-toggle ="dropdown">Shop <b class="caret"></b></a>
  30. <ul class="dropdown-menu">
  31. <li><a href="#">Covers</a></li>
  32. <li><a href="#">iPhone dele</a></li>
  33. <li><a href="#">Arduino</a></li>
  34. <li><a href="#">Flere produkter</a></li>
  35. </ul>
  36. <li><a href="#">Om</a></li>
  37. <li><a href="#">Kontakt</a></li>
  38. </ul>
  39. </div>
  40. </div>
  41. </div>
  42.  
  43. <div class="container">
  44. <div class="jumbotron">
  45. <h1>Velkommen til TechGadgets.dk</h1>
  46. <img class="img-thumbnail pull-left" src="http://placekitten.com/200/200">
  47. <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
  48. <p>To see the difference between static and fixed top navbars, just scroll.</p>
  49. <p>
  50. <a class="btn btn-lg btn-success" href="#">Begynd at shoppe nu &raquo;</a>
  51. </p>
  52. </div>
  53. </div>
  54.  
  55. <div class="navbar navbar-default navbar-fixed-bottom">
  56. <div class="container">
  57. <p class="navbar-text">Site by: Sebastian Emil Buch</p>
  58. <a href="http://youtube.com" class="navbar-btn btn-danger btn pull-right">YouTube</a>
  59. </div>
  60. </div>
  61. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  62. <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  63. </body>
  64. </html>
Advertisement
Add Comment
Please, Sign In to add comment