Guest User

Website Template

a guest
Mar 21st, 2015
325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.23 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.   <head>
  5.     <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  6.    
  7.     <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
  8.     <link rel="stylesheet" href="main.css">
  9.    
  10.   </head>
  11.  
  12.   <body>
  13.     <div class="nav">
  14.       <div class="container">
  15.         <ul class="pull-left">
  16.           <li><a href="#">My Name</a></li>
  17.           <li><a href="#">::</a><li>
  18.           <li><a href="#"> Bla bla bla bla bla bla bla</a></li>
  19.         </ul>
  20.         <ul class="pull-right">
  21.           <li><a href="#">Stuff</a></li>
  22.           <li><a href="#">More Stuff</a></li>
  23.           <li><a href="#">Contact Me</a></li>
  24.         </ul>
  25.       </div>
  26.     </div>
  27.  
  28.     <div class="jumbotron">
  29.       <div class="container">
  30.         <h1>My Name</h1>
  31.         <p>Geophysicist, Astronomer, bla bla bla</p>>
  32.       </div>
  33.     </div>
  34.    
  35.    
  36.  
  37. <div class="menuphotos">
  38.     <div class="container">
  39.         <h2> Lorem Ipsum</h2>
  40.             <p>Bal Bla Bla Bla </p>
  41.             <div class="row">
  42.                 <div class="col-md-4">
  43.                       <div class="thumbnail">
  44.                         <a href="#"><img src="http://imgur.com/4uEiK33.jpg"></a>
  45.                          <div class="h2 strong">Geology and Geophysics</div>
  46.                          <p> Bla Bla Bla</p>
  47.                
  48.                     </div>
  49.                    
  50.                    
  51.                    
  52.                 </div>
  53.                 <div class="col-md-4">
  54.                      <div class="thumbnail">
  55.                         <a href="#"><img src="http://imgur.com/U5IO8eV.jpg"></a>
  56.                         <div class="h2 strong">Astronomy</div>
  57.                     <p> Bla Bla Bla</p>
  58.                     </div>
  59.                 </div>
  60.                 <div class="col-md-4">
  61.                      <div class="thumbnail">
  62.                         <a href="#"><img src="http://imgur.com/OZ5C3Wy.jpg"></a>
  63.                        <div class="h2 strong">Etc</div>
  64.                        <p> Bla Bla Bla</p>
  65.                     </div>                
  66.                 </div>
  67.             </div>
  68.         </h2>
  69.     </div>
  70. </div>
  71.  
  72.    
  73.   </body>
  74. </html>
Advertisement
Add Comment
Please, Sign In to add comment