-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
165 lines (160 loc) · 6.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous"
/>
<meta
property="og:image"
content="https://i.ibb.co/4FBFJCN/thumbnail.pngx"
/>
<meta name="description" content="Maintain a nourished and healthy skin" />
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="./images/icon.ico" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Beauty Chain</title>
</head>
<body>
<div class="container">
<header>
<nav>
<a href="/index.html"><h3>Beauty Chain</h3></a>
<ul>
<li><a href="/index.html">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/contact.html">Contact Us</a></li>
</ul>
<i class="fas fa-bars hamburger"></i>
</nav>
</header>
<div class="hero">
<div class="content">
<h1>Want the perfect <span>skin?</span></h1>
<p>
Beauty Chain offers a variety of products than can help you maintain
a nourished and healthy skin
</p>
<a href="#products" class="btn">Our Products</a>
</div>
<img src="/images/princess_.svg" alt="" />
</div>
<section id="products" class="products">
<div class="cards">
<div class="card">
<img src="creams/cream2.png" alt="" />
<h3>PLACENTA REJUVENATING NIGHT CREAM</h3>
<p>
Rich nourishing cream specially formulated for night time use,
with the extra placenta, Manuka Honey, Aloe Vera and Vitamin A
</p>
</div>
<div class="card">
<img src="creams/cream4.jpg" alt="" />
<h3>REGENERATION SNAIL CREAM</h3>
<p>
JYP New Zealand Regeneration Snail Cream with Natural Snail Slime
and Collagen Assists in skin regeneration
</p>
</div>
<div class="card">
<img src="creams/cream5.jpeg" alt="" />
<h3>PLACENTA ANTI WRINKLE DAY CREAM</h3>
<p>
New Zealand Placenta rejuvenates and nourishes aged and tired skin
</p>
</div>
<div class="card">
<img src="creams/cream3.jpg" alt="" />
<h3>JYP BEE VENOM MASK</h3>
<p>
Bee Venom encourages blood flow in the area around which it is
applied. This plumps up skin & increases the production of
collagen
</p>
</div>
<div class="card">
<img src="creams/cream1.jpg" alt="" />
<h3>JYP MANUKA HONEY CREAM</h3>
<p>
JYP Replenishing Manuka Honey Moisturizer is a deeply nourishing
cream made from the finest natural New Zealand ingredients.
</p>
</div>
<div class="card">
<img src="creams/cream6.jpg" alt="" />
<h3>NEW ZEAL VITAMIN E</h3>
<p>
New Zealand Vitamin E Facial Cream moisturizes and protects the
skin against harmful weather effects that contributes to the signs
of aging, leaving your skin optimally hydrated, soothed and
protected.
</p>
</div>
</div>
</section>
<section class="quality one">
<div class="content">
<h2>Committed to Quality <i class="fas fa-bolt"></i></h2>
<p>
Quality should never be a compromise. From the most popular looks
and brands, to the deepest cleansers and latest treatments, we bring
it all to you! We are committed to being the only place you need to
look great and maintain your healthy, beautiful look!
</p>
</div>
<img src="images/undraw_My_universe_re_txot.svg" alt="" />
</section>
<section class="quality two">
<img src="images/undraw_a_whole_year_vnfm.svg" alt="" />
<div class="content">
<h2>Satisfaction Guaranteed <i class="fas fa-smile-wink"></i></h2>
<p>
We want you to be completely happy with your shopping experience
from order to delivery. Try our samples before you buy to ensure you
get exactly what you need. If you have questions about our products,
delivery, or shipping, get in touch!
</p>
</div>
</section>
<section class="quality three">
<div class="content">
<h2>Look and Feel Great <i class="fas fa-smile-beam"></i></h2>
<p>
We stock a variety of essential products for every skin type and
tone. From day to night and special occasions, we have your look
covered! We only stock products made with natural occurring, organic
ingredients that are healthy for you and for the planet.
</p>
</div>
<img src="images/undraw_happy_feeling_slmw.svg" alt="" />
</section>
</div>
<footer>
<p class="rights">Copyrights reserved 2020</p>
<div class="social">
<p>+(962) ******</p>
<a
target="_blank"
href="https://web.facebook.com/Beauty-Chain-Nature-Cosmetic-Products-1010337095819811"
>
<i class="fab fa-facebook-f"></i>
</a>
</div>
</footer>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"
integrity="sha512-IQLehpLoVS4fNzl7IfH8Iowfm5+RiMGtHykgZJl9AWMgqx0AmJ6cRWcB+GaGVtIsnC4voMfm8f2vwtY+6oPjpQ=="
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js"
integrity="sha512-wK2NuxEyN/6s53M8G7c6cRUXvkeV8Uh5duYS06pAdLq4ukc72errSIyyGQGYtzWEzvVGzGSWg8l79e0VkTJYPw=="
crossorigin="anonymous"
></script>
<script src="./script.js"></script>
</body>
</html>