albums.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title></title>
  5. <link href="css/bootstrap.css" rel="stylesheet" /> <!-- pulls in the main bootstrap content we need -->
  6. <link href="css/styles.css" rel="stylesheet" />
  7. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  8. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  9. <!--[if lt IE 9]>
  10. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  11. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  12. <![endif]-->
  13. </head>
  14. <body>
  15. <nav class="navbar navbar-default">
  16. <div class="container-fluid">
  17. <!-- collapsed navbar -->
  18. <div class="navbar-header">
  19. <button type="button"
  20. class="navbar-toggle collapsed"
  21. data-toggle="collapse"
  22. data-target="#main_navbar"
  23. aria-expanded="false">open!</button>
  24. </div><!-- /collapsed navbar -->
  25. <!-- uncollapsed navbar -->
  26. <div id="main_navbar" class="collapse navbar-collapse">
  27. <ul class="nav navbar-nav">
  28. <li><a href="index.html">Home</a></li>
  29. <li class="active"><a href="albums.html">Albums</a></li>
  30. <li><a href="photos.html">All photos</a></li>
  31. </ul>
  32. </div><!-- /uncollapsed navbar -->
  33. </div>
  34. </nav>
  35. <div class="container">
  36. <h1>Here are my albums</h1>
  37. <ol class="breadcrumb">
  38. <li><a href="index.html">Home</a></li>
  39. <li><a href="albums.html">Albums</a></li>
  40. </ol>
  41. <a href="photos.html"><img class="album_cover" src="images/img_1.jpg" alt="Graffiti cover image" /></a>
  42. <p>Graffiti album</p>
  43. <a href="photos.html"><img class="album_cover" src="images/img_2.jpg" alt="Full english breakfast" /></a>
  44. <a href="photos.html"><img class="album_cover" src="images/img_3.jpg" alt="Racks of cheese!" /></a>
  45. </div>
  46. <script src="js/jquery.min.js"></script> <!-- jquery libraries -->
  47. <script src="js/bootstrap.min.js"></script> <!-- bootsrap libraries -->
  48. </body>
  49. </html>