-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
75 lines (70 loc) · 9.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header id="header">
<img id="header-img" src="https://img.freepik.com/free-vector/bird-colorful-logo-gradient-vector_343694-1365.jpg?size=338&ext=jpg&ga=GA1.1.87170709.1707436800&semt=ais" alt="Logo">
<nav id="nav-bar">
<a href="#features" class="nav-link">Features</a>
<a href="#Explained" class="nav-link">Video</a>
<a href="#pricing" class="nav-link">Pricing</a>
</nav>
</header>
<main>
<section id="features">
<h4>Our Features Are</h4>
<img src="data:image/png;base64,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">
<p>Faster Shipping</p>
</section>
<section id="Explained">
<iframe id="video" src="https://www.youtube.com/embed/JEwOy5Fm1yw"></iframe>
</section>
<section id="pricing">
<div class="product" id="tenor">
<div class="level">Tenor Trombone</div>
<h2>$600</h2>
<ol>
<li>Lorem ipsum.</li>
<li>Lorem ipsum.</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum.</li>
</ol>
<button class="btn">Select</button>
</div>
<div class="product" id="bass">
<div class="level">Bass Trombone</div>
<h2>$900</h2>
<ol>
<li>Lorem ipsum.</li>
<li>Lorem ipsum.</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum.</li>
</ol>
<button class="btn">Select</button>
</div>
<div class="product" id="valve">
<div class="level">Valve Trombone</div>
<h2>$1200</h2>
<ol>
<li>Plays similar to a Trumpet</li>
<li>Great for Jazz Bands</li>
<li>Lorem ipsum dolor.</li>
<li>Lorem ipsum.</li>
</ol>
<button class="btn">Select</button>
</div>
</section>
<section id="contact">
<form id="form" action="https://www.freecodecamp.com/email-submit" method="post">
<input type="email" id="email" name="email" placeholder="Enter your email" required>
<input type="submit" id="submit" value="Submit">
</form>
</section>
</main>
</body>
</html>