forked from Technigo/project-business-site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (64 loc) · 2.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Gleaming Gemstones</title>
</head>
<body>
<!--hero section-->
<div class="hero-video">
<video autoplay muted loop>
<source src="3633003-hd_1906_1080_30fps.mp4" type="video/mp4">
Din webbläsare stödjer inte HTML5 video.
</video>
<!--text in hero video-->
<div class="hero-content">
<h1>Gleaming <br>Gemstones</h1>
</div>
<!--navigation menu-->
<div class="navbar">
<ul>
<a href="#e-shop">E-shop</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</ul>
</div>
<!--text section-->
</div>
<h2>Welcome to the World of Gleaming Gemstones</h2>
<p>Discover a universe of brilliance and elegance. Subscribe to our newsletter and be the first to explore our
dazzling new collections, enjoy exclusive offers, and get expert tips on how to make your gems shine even
brighter. Plus, as a thank you, we’ll gift you a 10% discount on your first purchase when you sign up!
</p>
<!--form-->
<form action="https://httpbin.org/anything" method="post">
<h3>Sign me up!</h3>
<!--first name-->
<label>
<input type="text" id="first name" name="first name" placeholder="First name" required><br><br>
</label>
<!--last name-->
<label>
<input type="text" id="last name" name=" last name" placeholder="Last name" required><br><br>
</label>
<!-- email -->
<label>
<input type="email" id="email" name="email" placeholder="E-mail" required><br><br>
</label>
<!-- date of birth -->
<label class="date-label">
<span>Date of birth</span>
<input type="date" id="dob" name="dob" placeholder="Date of birth">
</label><br><br>
<!-- checkbox for terms and conditions -->
<label class="checkbox">
<input type="checkbox" id="terms" name="terms" required>
I agree to the terms and conditions</a>
</label> <br> <br>
<!--submit button-->
<button type="submit">SUBMIT</button>
</form>
</body>
</html>