|
|
@@ -0,0 +1,56 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <title></title>
|
|
|
+
|
|
|
+ <link href="css/bootstrap.css" rel="stylesheet" /> <!-- pulls in the main bootstrap content we need -->
|
|
|
+ <link href="css/styles.css" rel="stylesheet" />
|
|
|
+
|
|
|
+ <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
|
+ <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
|
+ <!--[if lt IE 9]>
|
|
|
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
|
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
|
+ <![endif]-->
|
|
|
+
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body>
|
|
|
+ <nav class="navbar navbar-default">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <!-- collapsed navbar -->
|
|
|
+ <div class="navbar-header">
|
|
|
+ <button type="button"
|
|
|
+ class="navbar-toggle collapsed"
|
|
|
+ data-toggle="collapse"
|
|
|
+ data-target="#main_navbar"
|
|
|
+ aria-expanded="false">open!</button>
|
|
|
+ </div><!-- /collapsed navbar -->
|
|
|
+
|
|
|
+ <!-- uncollapsed navbar -->
|
|
|
+ <div id="main_navbar" class="collapse navbar-collapse">
|
|
|
+ <ul class="nav navbar-nav">
|
|
|
+ <li class="active"><a href="index.html">Home</a></li>
|
|
|
+ <li><a href="albums.html">Albums</a></li>
|
|
|
+ <li><a href="photos.html">All photos</a></li>
|
|
|
+ </ul>
|
|
|
+ </div><!-- /uncollapsed navbar -->
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+
|
|
|
+ <div class="container">
|
|
|
+ <h1>Here are the photos</h1>
|
|
|
+
|
|
|
+ <a href="photo1.html"><img class="photo_list" src="images/img_1.jpg" alt="Graffiti cover image" /></a>
|
|
|
+ <a href="photo1.html"><img class="photo_list" src="images/img_2.jpg" alt="Graffiti cover image" /></a>
|
|
|
+ <a href="photo1.html"><img class="photo_list" src="images/img_3.jpg" alt="Graffiti cover image" /></a>
|
|
|
+ <a href="photo1.html"><img class="photo_list" src="images/img_4.jpg" alt="Graffiti cover image" /></a>
|
|
|
+ <a href="photo1.html"><img class="photo_list" src="images/img_5.jpg" alt="Graffiti cover image" /></a>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script src="js/jquery.min.js"></script> <!-- jquery libraries -->
|
|
|
+ <script src="js/bootstrap.min.js"></script> <!-- bootsrap libraries -->
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|
