Advertisement
makispaiktis

Codecademy - 17th Exercise (Responsive Websites - HTML)

Oct 24th, 2019 (edited)
322
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.24 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.   <title>Tsunami Coffee</title>
  6.   <link rel="stylesheet" type="text/css" href="resources/css/reset.css">
  7.   <link rel="stylesheet" type="text/css" href="resources/css/style.css">
  8. </head>
  9.  
  10. <body>
  11.   <div class="main">
  12.     <nav class="container">
  13.       <ul>
  14.         <li>Store</li>
  15.         <li>Hours</li>
  16.         <li>Wholesale</li>
  17.       </ul>
  18.     </nav>
  19.     <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/logo.png" />
  20.   </div>
  21.  
  22.   <div class="container supporting">
  23.     <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/beans.png" />
  24.     <div class="description">
  25.       <h2>Great coffee does not happen by accident.</h2>
  26.       <p>We work side by side with farmers around the world to strengthen farming practices to cultivate the best coffee beans in the world. Then, we train our baristas in the sacred art of the brew process, yielding the most flavorful coffee you’ve ever tasted.
  27.       </p>
  28.       <p>Tsunami Coffee is certified organic and fair trade.</p>
  29.     </div>
  30.   </div>
  31.  
  32.   <div class="rating">
  33.     <div class="container">
  34.       <h1>9.4/10: A rush of flavors. Absolutely divine.</h1>
  35.       <p>~ Coffee Critic</p>
  36.     </div>
  37.   </div>
  38.  
  39.   <div class="container gallery">
  40.     <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/latte.png" />
  41.     <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/coffee-man.png" />
  42.     <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/pastries.png" />
  43.     <div class="clearfix"></div>
  44.   </div>
  45.  
  46.   <div class="container location">
  47.     <img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/map.png" />
  48.     <h1>Brewed with love in San Francisco.</h1>
  49.   </div>
  50.  
  51.   <footer>
  52.     <div class="container">
  53.       <div class="copyright">
  54.         &copy; Tsunami Coffee
  55.       </div>
  56.  
  57.       <nav>
  58.         <ul>
  59.           <li>Store</li>
  60.           <li>Hours</li>
  61.           <li>Wholesale</li>
  62.         </ul>
  63.       </nav>
  64.     </div>
  65.   </footer>
  66.  
  67. </body>
  68.  
  69. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement