-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
154 lines (147 loc) · 8.33 KB
/
Copy pathindex.html
File metadata and controls
154 lines (147 loc) · 8.33 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Tea Shop</title>
<link href="index.css" rel="stylesheet">
</head>
<body class="grid">
<header class="griditem1">
<div id="logobar">
<div id="space"></div>
<div id="branding">
<img id="tealogo" src="media/tealogo.png" alt="Tea Shop Logo"/>
<h1>Tea Shop</h1>
</div>
<div id="logos">
<a href="https://example.com/link1" class="icon1">
<button class="icons">
❤
</button>
</a>
<a href="https://example.com/link2">
<button class="icons">
👤
</button>
</a>
<a href="https://example.com/link3">
<button class="icons">
🛒
</button>
</a>
</div>
</div>
</header>
<nav class="griditem2">
<div class="navlinks">
<div class="dropdownbox">
<a href="#teavarieties">Tea Varieties▾</a>
<div class="dropdown">
<a href="https://example.com/link1" target="_self">Black Tea</a>
<a href="https://example.com/link3" target="_self">Green Tea</a>
<a href="https://example.com/link4" target="_self">White Tea</a>
<a href="https://example.com/link2" target="_self">Fruit Tea</a>
<a href="https://example.com/link5" target="_self">Herbal Tea</a>
</div>
</div>
<div class="dropdownbox">
<a href="#accessories">Accessories▾</a>
<div class="dropdown">
<a href="https://example.com/link6" target="_self">Teapots</a>
<a href="https://example.com/link1" target="_self">Teacups</a>
<a href="https://example.com/link2" target="_self">Tea Strainers</a>
<a href="https://example.com/link3" target="_self">Other Accessories</a>
</div>
</div>
<a href="https://example.com/link4" class="dropdownbox">Brewing Tips</a>
<a href="https://example.com/link5" class="dropdownbox">Gift Ideas</a>
<a href="https://example.com/link6" class="dropdownbox">All Products</a>
</div>
</nav>
<main class="griditem3">
<div class="media-container">
<a href="https://example.com/link1" target="_self">
<img
srcset="media/Blacktea.webp 800w, media/Blacktea_1_50.webp 400w"
src="media/Blacktea.webp"
sizes="(max-width: 992px) 400px, 800px"
alt="Black Tea"
class="teaimage"
>
</a>
<video controls autoplay>
<source src="media/teavideo.mp4" type="video/mp4" class="teavideo">
Your browser does not support the video tag.
</video>
<a href="https://example.com/link2" target="_self">
<img
srcset="media/Fruittea.webp 800w, media/Fruittea_1_50.webp 400w"
src="media/Fruittea.webp"
sizes="(max-width: 992px) 400px, 800px"
alt="Fruit Tea"
class="teaimage"
>
</a>
</div>
<div class="text-container">
<h1 class="texth">All of our Tea is sustainably sourced!</h1>
<p class="text">We are dedicated to providing our customers with the highest quality tea, sourced responsibly to support both the environment and the communities we work with.
From cultivation to shipping, we optimize every step of our supply chain to minimize carbon emissions. This includes choosing sea freight over air and using eco-friendly packaging materials.
We believe that sustainability extends to the people who grow and pick our tea. We ensure that all workers receive fair wages that exceed local minimum standards. This commitment helps improve the quality of life for our workers and their families.
We also maintain stringent health and safety standards on all partnering farms. Regular training and updated equipment are standard practice, ensuring that working environments are safe and dignified.
We source our tea from farms that adhere strictly to organic farming methods. This means our tea is grown without synthetic pesticides or fertilizers, reducing pollution and ensuring soil health. By embracing organic farming, we significantly reduce the chemical load released into the environment. This protects not only the local land and water but also the health of workers and wildlife in the area.
We source our tea sustainably because we recognize that the future of the tea industry depends on healthy environments and thriving communities. Our practices reflect a deep respect for the planet and its people. We believe that this approach not only results in a superior product but also aligns with our customers' values of responsibility and mindfulness.
We are dedicated to providing our customers with the highest quality tea, sourced responsibly to support both the environment and the communities we work with.
From cultivation to shipping, we optimize every step of our supply chain to minimize carbon emissions. This includes choosing sea freight over air and using eco-friendly packaging materials.
We believe that sustainability extends to the people who grow and pick our tea. We ensure that all workers receive fair wages that exceed local minimum standards. This commitment helps improve the quality of life for our workers and their families.
We also maintain stringent health and safety standards on all partnering farms. Regular training and updated equipment are standard practice, ensuring that working environments are safe and dignified.
We source our tea from farms that adhere strictly to organic farming methods. This means our tea is grown without synthetic pesticides or fertilizers, reducing pollution and ensuring soil health. By embracing organic farming, we significantly reduce the chemical load released into the environment. This protects not only the local land and water but also the health of workers and wildlife in the area.
We source our tea sustainably because we recognize that the future of the tea industry depends on healthy environments and thriving communities. Our practices reflect a deep respect for the planet and its people. We believe that this approach not only results in a superior product but also aligns with our customers' values of responsibility and mindfulness.
</p>
<a href="http://example.org">
<button class="textbutton">Read more</button>
</a>
</div>
<div class="image-container">
<a href="https://example.com/link3" target="_self">
<img
srcset="media/Greentea.webp 800w, media/Greentea_1_50.webp 400w"
src="media/Greentea.webp"
sizes="(max-width: 992px) 400px, 800px"
alt="Green Tea"
class="teaimage"
>
</a>
<a href="https://example.com/link4" target="_self">
<img
srcset="media/Whitetea.webp 800w, media/Whitetea_1_50.webp 400w"
src="media/Whitetea.webp"
sizes="(max-width: 992px) 400px, 800px"
alt="White Tea"
class="teaimage"
>
</a>
<a href="https://example.com/link5" target="_self">
<img
srcset="media/Herbaltea.webp 800w, media/Herbaltea_1_50.webp 400w"
src="media/Herbaltea.webp"
sizes="(max-width: 992px) 400px, 800px"
alt="Herbal Tea"
class="teaimage"
>
</a>
</div>
</main>
<footer class="griditem4">
<p class="copyright">© Tea Shop Inc, 2024</p>
<div class="footerlinks">
<a href="https://example.com/link6">Newsletter</a>
<a href="https://example.com/link1">Shipping & Payment Terms</a>
<a href="https://example.com/link2">FAQ</a>
<a href="https://example.com/link3">About Us</a>
<a href="https://example.com/link4">Contact</a>
</div>
</footer>
</body>
</html>