-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjewelry.html
165 lines (158 loc) · 4.24 KB
/
jewelry.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>
<script src="https://kit.fontawesome.com/15dcbed7bd.js" crossorigin="anonymous"></script>
<link
rel="stylesheet"
href="jewelrystyle.css"
/>
<!-- Logo -->
<div id= "page-wrapper">
<header id="header">
<div class="logo">
<img
id="header-img"
src="/img/verdelogo.png"
alt=""
/>
</div>
<!-- End logo-->
<!-- Start nav bar -->
<nav id= "nav-bar">
<ul>
<li><a class="nav-link"
href="#features">Features</a>
</li>
<li><a class="nav-link"
href="#how-it-works">How It Works</a>
</li>
<li><a class="nav-link"
href="#pricing">Pricing</a>
</li>
</ul>
</nav>
<!--End Nav Bar-->
</header>
<!--Start email box-->
<section id="hero">
<h2>
Handcrafted, custom masterpieces
</h2>
<form id="form"
action="">
<input
name="email"
id="email"
type="email"
placeholder="Enter your email address"
required
/>
<input id="submit"
type="submit"
value="Get Started!"
class="btn"
/>
</form>
</section>
<!-- End email Box-->
<!-- Start Body-->
<div class="container">
<section id="features">
<div class="grid">
<div class="icon"><i class="fa fa-3x fa-fire"></i></div>
<div class="desc">
<h2>Premium Materials</h2>
<p>
We only use the the highest quality gold and diamonds. All of our materials are lab tested and certified. We use a minimum of 18 karat gold and VV diamond.
</p>
</div>
</div>
<div class="grid">
<div class="icon"><i class="fa fa-3x fa-truck"></i></div>
<div class="desc">
<h2>Fast Shipping</h2>
<p>
We make sure you recieve your custom piece faster then any jewler in town. We also provide free lifetime polishing for all of our pieces.
</p>
</div>
</div>
<div class="grid">
<div class="icon"><i class="far fa-gem"></i>
</div>
<div class="desc">
<h2>Quality Assurance</h2>
<p>
For every purchase you make, we will ensure there are no damages or
faults and we will check and test the quality and integrity of your custom piece.
</p>
</div>
</div>
</section>
<!-- End body-->
<!-- Start youtube video-->
<section id="how-it-works">
<iframe
id="video"
width="560"
height="315"
src="https://www.youtube.com/embed/nJSEpDcBiTk"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</section>
<!--End youtube Video -->
<!-- Start pricing section-->
<section id="pricing">
<div class="product"
id="gold-grill">
<div class="level">Custom 18k Gold Grill</div>
<h2>$699</h2>
<ol>
<li>Lab-tested 18k Gold</li>
<li>Guarenteed Fit</li>
<li>Custom Design</li>
<li>Lifetime Polishing</li>
</ol>
<button
class="btn">Select</button>
</div>
<div class="product"
id="custom-pendant">
<div class="level">Custom 18k Gold Pendant</div>
<h2>$999</h2>
<ol>
<li>Lab-tested 18k Gold</li>
<li>Fits All Chains</li>
<li>Diamond Upgrade Available</li>
<li>Lifetime Polishing</li>
</ol>
<button
class="btn">Select</button>
</div>
<div class="product"
id="gold-grill">
<div class="level">Custom 18k Golf Chain & Pendant</div>
<h2>$1299</h2>
<ol>
<li>Lab-tested 18k Gold</li>
<li>Guarenteed Fit</li>
<li>Custom Design</li>
<li>Lifetime Polishing</li>
</ol>
<button
class="btn">Select</button>
</div>
</section>
<!--End pricing section-->
<!-- Start footer-->
<footer>
<ul>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Contact</a></li>
</ul>
<span>Copyright 2021, Justin Hamza</span>
</footer>
</div>
</div>
</html>