API tools faq
paste
Advertisement
makispaiktis

Codecademy - Open Exercise (MySolution - HTML)

makispaiktis
Dec 10th, 2019 (edited)
459
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.34 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!