Advertisement
makispaiktis

Codecademy - Open Exercise (MySolution - HTML)

Dec 10th, 2019 (edited)
464
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!-- Head -->  
  5. <head>
  6.         <title>Tea Cozy</title>
  7.         <link href="./style.css" type="text/css" rel="stylesheet">
  8.         <link href="https://fonts.googleapis.com/css?family=Calligraffitti&display=swap" rel="stylesheet">
  9.         <link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
  10.     </head>
  11.  
  12.     <!-- Body -->
  13.     <body>
  14.        
  15.         <!-- Header section-->
  16.         <header>
  17.             <h1 class="inlineBlock">Tea Cozy</h1>
  18.             <a href="#locations"><h2 class="inlineBlock">Locations</h2></a>
  19.             <a href="#featured-tea"><h2 class="inlineBlock">Featured Tea</h2></a>
  20.             <a href="#mission"><h2 class="inlineBlock">Mission</h2></a>
  21.         </header>
  22.  
  23.         <!-- Section -->
  24.         <section class="image" id="mission">
  25.             <div class="h">
  26.                 <h2>Our Mission</h2>
  27.                 <h4>Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea</h4>
  28.             </div>
  29.         </section>
  30.  
  31.         <!-- New Section -->
  32.         <section class="photos" id="featured-tea">
  33.             <h1>Tea of the Month</h1>
  34.             <h2>What's Steeping at the Tea Cozy?</h2>
  35.             <div class="container">
  36.                 <div>
  37.                     <div class="photo" id="photo1"></div>
  38.                     <h2>Fall Berry Blitz Tea</h2>
  39.                 </div>
  40.                 <div>
  41.                     <div class="photo" id="photo2"></div>
  42.                     <h2>Spiced Rum Tea</h2>
  43.                 </div>
  44.                 <div>
  45.                     <div class="photo" id="photo3"></div>
  46.                     <h2>Seasonal Donuts</h2>
  47.                 </div>
  48.                 <div>
  49.                     <div class="photo" id="photo4"></div>
  50.                     <h2>Myrtle Ave Tea</h2>
  51.                 </div>
  52.                 <div>
  53.                     <div class="photo" id="photo5"></div>
  54.                     <h2>Bedford Bizarre Tea</h2>
  55.                 </div>
  56.             </div>
  57.         </section>
  58.  
  59.         <!-- Another Section-->
  60.         <section class="locations" id="locations">
  61.             <div class="div1">
  62.                 <h1>Locations</h1>
  63.             </div>
  64.             <div class="container2">
  65.                 <div class="box">
  66.                     <h3>Downtown</h3>
  67.                     <h4>384 West 4th Street</h4>
  68.                     <h4>Suite 108</h4>
  69.                     <h4>Portland, Maine</h4>
  70.                 </div>
  71.                 <div class="box">
  72.                     <h3>East Bayside</h3>
  73.                     <h4>3433 Phisherman's Avenue</h4>
  74.                     <h4>(Northwest Corner))</h4>
  75.                     <h4>Portland, Maine</h4>
  76.                 </div>
  77.                 <div class="box">
  78.                     <h3>Oakdale</h3>
  79.                     <h4>515 Crescent Avenue</h4>
  80.                     <h4>Second Floor</h4>
  81.                     <h4>Portland, Maine</h4>
  82.                 </div>
  83.             </div>
  84.         </section>
  85.  
  86.         <!-- Last section -->
  87.         <section class="end">
  88.             <h1>The Tea Cozy</h1>
  89.             <h5>contact@theteacozy.com</h5>
  90.             <h5>917-555-8904</h5>
  91.         </section>
  92.  
  93.         <!-- Footer -->
  94.         <footer>
  95.             <h3>copyright The Tea Cozy 2019</h3>
  96.         </footer>
  97.  
  98.     </body>
  99.  
  100. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement