Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
- <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
- <link rel="stylesheet" href="main.css">
- </head>
- <body>
- <div class="nav">
- <div class="container">
- <ul class="pull-left">
- <li><a href="#">My Name</a></li>
- <li><a href="#">::</a><li>
- <li><a href="#"> Bla bla bla bla bla bla bla</a></li>
- </ul>
- <ul class="pull-right">
- <li><a href="#">Stuff</a></li>
- <li><a href="#">More Stuff</a></li>
- <li><a href="#">Contact Me</a></li>
- </ul>
- </div>
- </div>
- <div class="jumbotron">
- <div class="container">
- <h1>My Name</h1>
- <p>Geophysicist, Astronomer, bla bla bla</p>>
- </div>
- </div>
- <div class="menuphotos">
- <div class="container">
- <h2> Lorem Ipsum</h2>
- <p>Bal Bla Bla Bla </p>
- <div class="row">
- <div class="col-md-4">
- <div class="thumbnail">
- <a href="#"><img src="http://imgur.com/4uEiK33.jpg"></a>
- <div class="h2 strong">Geology and Geophysics</div>
- <p> Bla Bla Bla</p>
- </div>
- </div>
- <div class="col-md-4">
- <div class="thumbnail">
- <a href="#"><img src="http://imgur.com/U5IO8eV.jpg"></a>
- <div class="h2 strong">Astronomy</div>
- <p> Bla Bla Bla</p>
- </div>
- </div>
- <div class="col-md-4">
- <div class="thumbnail">
- <a href="#"><img src="http://imgur.com/OZ5C3Wy.jpg"></a>
- <div class="h2 strong">Etc</div>
- <p> Bla Bla Bla</p>
- </div>
- </div>
- </div>
- </h2>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment