-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path0-index.html
50 lines (49 loc) · 2.05 KB
/
0-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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Headphones</title>
<link rel="stylesheet" href="05-styles.css">
</head>
<body>
<header>
<div>
<a href="#">
<img src="images/logo_headphones.png" alt="logo">
</a>
<!-- Invisible checkbox -->
<input class="menu-btn" type="checkbox" id="menu-btn">
<!-- Label with an empty span -->
<label for="menu-btn" class="menu-icon">
<span class="navicon"></span>
<span class="navicon"></span>
<span class="navicon"></span>
</label>
<nav class="navbar-menu">
<ul class="nav">
<li class="nav-item"><a href="#">What We Do</a></li>
<li class="nav-item"><a href="#">Our Results</a></li>
<li class="nav-item"><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="hero">
<h2>Lorem ipsum dolor set amet lorem ipsum</h2>
<p>Lorem ipsum dolor set amet lorem ipsum dolor set</p>
<button class="btn" type="button">CALL TO ACTION</button>
<p class="paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur.
</p>
</section>
</main>
</body>
</html>