-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (196 loc) · 7.44 KB
/
index.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
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<title>Earthly</title>
</head>
<body>
<nav class="navigationWrapper">
<div class="logoWrapper">
<img class="stylish" height="50px" src="/assets/logo.png" />
<span class="logo"
>Earthly
<p style="font-size: 10px">
Sustainable products at affordable prices
</p>
</span>
</div>
<ul class="navigation">
<li class="parent"><a class="link" href="index.html">Home</a></li>
<li class="parent"><a class="link" href="#">Shop</a></li>
<li class="parent"><a class="link" href="#">Get in touch</a></li>
</ul>
</nav>
<section class="landing">
<div data-aos="zoom-in" class="banner">
<h1>Join The Revolution</h1>
<h3>Make it Possible</h3>
</div>
</section>
<section class="cards">
<main data-aos="fade-left">
<div class="card">
<div class="card__body">
<div class="half">
<div class="featured_text">
<h1>Resusable Bamboo Straws</h1>
<p class="price">€1.99</p>
</div>
<div class="image">
<img src="/assets/straws.jpeg" alt="" />
</div>
</div>
</div>
</div>
<div class="card">
<div class="card__body">
<div class="half">
<div class="featured_text">
<h1>Plant Based Resusable Cup</h1>
<p class="price">€2.39</p>
</div>
<div class="image">
<img src="/assets/cup.jpg" alt="" />
</div>
</div>
</div>
</div>
<div class="card">
<div class="card__body">
<div class="half">
<div class="featured_text">
<h1>Sustainable Starter Kit</h1>
<p class="price">€10.99</p>
</div>
<div class="image">
<img src="/assets/cup.jpg" alt="" />
</div>
</div>
</div>
</div>
<div class="card">
<div class="card__body">
<div class="half">
<div class="featured_text">
<h1>Natural Bamboo Loofah</h1>
<p class="price">€2.99</p>
</div>
<div class="image">
<img src="/assets/cup.jpg" alt="" />
</div>
</div>
</div>
</div>
</main>
</section>
<section class="aboutus" data-aos="fade-up">
<h1 class="text-bold">About Us</h1>
<p>
It’s high time for all of us to think about our impression and capacity
to lessen the waste and its impacts on the climate. This must be
finished by settling on a responsible choice of utilizing eco-friendly
products. Earthly Eco-friendly products like bamboo toothbrushes, bamboo
straws, plant-based coffee cups, and many sustainable products are items
that are not unsafe to the climate. These are items produced using
sustainable and organic raw materials. Earthly products are of the best
quality and in the best designs. What’s more, it’s shockingly easy to
roll out sure improvements to your way of life just by sorting out where
to begin. Rather than utilizing a plastic cup, trade it for eco-friendly
cups and eco-friendly containers. Earthly organic products are the most
affordable option in the market. The other alternatives are expensive
and lack quality.
<br />
<br />
Enter Earthly, a spot for businesses that need to be a part of the green
movement. We do an amazing job to give you the information and
alternative sustainable products for your cafes and food business.
Earthly has a fair trade policy for all business deals. You have the
right to place orders for sustainable products that go with your budget
and business. We’re endeavoring to set new principles, increase present
expectations, and review what is useful for your business and our
planet. Each move you make as a business is a chance to be better. When
you shop at Earthly, you add to a superior future for every one of us.
So now you know a superior method to shop sustainable products, and join
the development beneath! We offer a variety of biodegradable options
like biodegradable cups, biodegradable containers, organic toothbrushes
and many more to choose from.
</p>
</section>
<section class="banner2">
<h1 class="title">Earthy is Plant-Based and Made From</h1>
<div class="product" data-aos="fade-right">
<div style="width: 40%">
<h1 class="title">Bamboo and Wheat Fibre</h1>
<p style="font-size: larger">
Sourced from local farmers, plant residue from Wheat, Barley, and
Bamboo is molded into durable cups using our proprietary technology.
</p>
</div>
<div>
<img class="product__images" src="/assets/prod-1.webp" alt="" />
</div>
</div>
<div class="product" data-aos="fade-left">
<div>
<img class="product__images" src="/assets/prod-2.webp" alt="" />
</div>
<div style="width: 40%">
<h1 class="title">Orange Fibre</h1>
<p style="font-size: larger">
Made from orange peels and other organic matter left behind after
Orange harvested.
</p>
</div>
</div>
</section>
<footer>
<div class="bg">
<center>
<h1 class="bg-title">Join The Club</h1>
<p>
Join our list and get access to specials deals exclusive to our
subscribers.
</p>
<div class="email">
<input
placeholder="Enter your email here*"
type="text"
class="input"
name=""
id=""
/>
<input type="button" value="Sign Up" class="button" />
</div>
</center>
</div>
<div class="bottom">
<div style="display: flex; justify-content: space-around;align-items: center; width: 100%;">
<select class="lang-selector" name="language" id="">
<option value="eng">English</option>
<option value="french">French</option>
<option value="German">German</option>
</select>
<div class="social">
<img src="/assets/insta.png" class="icon" data-aos="zoom-in">
<img src="/assets/facebook.png" class="icon" data-aos="zoom-in">
<img src="/assets/tweeter.png" class="icon" data-aos="zoom-in">
<img src="/assets/linkedin.png" class="icon" data-aos="zoom-in">
<img src="/assets/youtube.png" class="icon" data-aos="zoom-in">
</div>
<h1>@2023 Earthly.ie</h1>
</div>
</div>
</footer>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 200,
duration: 1000,
});
</script>
</body>
</html>