fgm
/
front__coursera-responsive-design


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
							<!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><a href="index.html">Home</a></li>
            <li class="active"><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 my albums</h1>
      <ol class="breadcrumb">
        <li><a href="index.html">Home</a></li>
        <li><a href="albums.html">Albums</a></li>
      </ol>

      <a href="photos.html"><img class="album_cover" src="images/img_1.jpg" alt="Graffiti cover image" /></a>
      <p>Graffiti album</p>
      <a href="photos.html"><img class="album_cover" src="images/img_2.jpg" alt="Full english breakfast" /></a>
      <a href="photos.html"><img class="album_cover" src="images/img_3.jpg" alt="Racks of cheese!" /></a>
    </div>
  
    <script src="js/jquery.min.js"></script> <!-- jquery libraries -->
    <script src="js/bootstrap.min.js"></script> <!-- bootsrap libraries -->

  </body>
</html>