-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTeaShop.html
91 lines (81 loc) · 3.76 KB
/
TeaShop.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<title>Tea Shop</title>
<link rel="stylesheet" href="./TeaShop.css" type="text/css" />
</head>
<body >
<header class="header-container">
<div class="logo-container">
<img
class="logo-image"
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-tea-cozy-logo.png?_gl=1*1okmm5v*_ga*ODgyMDAyNzU5Ny4xNjcxMjk2ODcz*_ga_3LRZM6TM9L*MTY3MTI5Njg3NS4xLjEuMTY3MTI5NjkwMy4wLjAuMA.."
/>
</div>
<nav>
<ul class="nav-list">
<li class="nav-item"><a href="#">Mission</a></li>
<li class="nav-item"><a href="#">Feature tea</a></li>
<li class="nav-item"><a href="#">Locations</a></li>
</ul>
</nav>
</header>
<main >
<section class="section-1">
<img class="image1-size"
src="https://content.codecademy.com/courses/freelance-1/unit-4/img-mission-background.jpg?_gl=1*136adyf*_ga*OTk0ODg0MjM1Ny4xNjcxMzY3NDgz*_ga_3LRZM6TM9L*MTY3MTM3ODQ2Mi4yLjEuMTY3MTM3ODQ2NC4wLjAuMA.."
alt=""
/>
<div class="text-position">
<h2>Our Mission</h2>
<h4>
Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch,
Fair Trade, Organic Tea
</h4>
</div>
</section>
<section class="section-2">
<h2>Tea of the Month</h2>
<h4>What's Steeping at the Tea Shop?</h4>
<div class="images-container">
<div><img class="images" src="https://content.codecademy.com/courses/freelance-1/unit-4/img-berryblitz.jpg?_gl=1*1hqpjyz*_ga*MTEwOTMyNDU1Mi4xNjcxODE1MzI1*_ga_3LRZM6TM9L*MTY3MTgxODM4My4yLjEuMTY3MTgxODM5OS4wLjAuMA.." alt=""/>Fall Berry Blitz Tea</div>
<div><img class="images" src="https://content.codecademy.com/courses/freelance-1/unit-4/img-spiced-rum.jpg?_gl=1*ouu8ao*_ga*OTk0ODg0MjM1Ny4xNjcxMzY3NDgz*_ga_3LRZM6TM9L*MTY3MTUzNDMzMS45LjEuMTY3MTUzNDM2MS4wLjAuMA.." alt="" />Spiced Rum Tea</div>
<div><img class="images" src="https://content.codecademy.com/courses/freelance-1/unit-4/img-donut.jpg?_gl=1*ouu8ao*_ga*OTk0ODg0MjM1Ny4xNjcxMzY3NDgz*_ga_3LRZM6TM9L*MTY3MTUzNDMzMS45LjEuMTY3MTUzNDM2MS4wLjAuMA.." alt="" />Seasonal Donuts</div>
</div>
<div class="images-container">
<div><img class="images" src="https://content.codecademy.com/courses/freelance-1/unit-4/img-myrtle-ave.jpg?_gl=1*ouu8ao*_ga*OTk0ODg0MjM1Ny4xNjcxMzY3NDgz*_ga_3LRZM6TM9L*MTY3MTUzNDMzMS45LjEuMTY3MTUzNDM2MS4wLjAuMA.." alt="" />Myrtle Ave Tea</div>
<div><img class="images" src="https://content.codecademy.com/courses/freelance-1/unit-4/img-bedford-bizarre.jpg?_gl=1*ouu8ao*_ga*OTk0ODg0MjM1Ny4xNjcxMzY3NDgz*_ga_3LRZM6TM9L*MTY3MTUzNDMzMS45LjEuMTY3MTUzNDM2MS4wLjAuMA.." alt="" />Bedford Bizarre Tea</div>
</div>
</section>
<section class="section-3">
<h2 class="title-section3">Locations</h2>
<div class="text-container-section-3">
<div class="text-section3">
<h3>Downtown</h3>
<p>384 West 4th St</p>
<p>Suite 108</p>
<p>Portland, Maine</p>
</div>
<div class="text-section3">
<h3>East Bayside</h3>
<p>3433 Phisherman's Avenue</p>
<p>(Northwest corner)</p>
<p>Portland, Maine</p>
</div>
<div class="text-section3">
<h3>Oakdale</h3>
<p>515 Crescent Avenue</p>
<p>Second Floor</p>
<p>Portland, Maine</p>
</div>
</div>
</section>
</main>
<footer class="footer-container">
<h2>The Tea Shop</h2>
<h5>[email protected]</h5>
<h5>917-555-8904</h5>
<h5>copyright The Tea Shop 2022</h5>
</footer>
</body>
</html>