-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path0-index.html
43 lines (40 loc) · 1.92 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Headphones</title>
<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./0-styles.css">
</head>
<body>
<!-- HEADER -->
<section class="header-hero">
<nav class="header">
<div class="container header_container">
<!-- Responsive menu for all screen sizes -->
<input type="checkbox" id="hamburger-menu">
<label for="hamburger-menu" class="nav-icon">
<div class="bar-icon"></div>
</label>
<a href=""><img src="./images/logo_headphones.png" class="logo" alt="logo_headphones"></a>
<ul class="nav-list">
<!-- NAVBAR -->
<li class="nav-item"><a href="#what"><b>what we do</b></a></li>
<li class="nav-item"><a href="#results"><b>our results</b></a></li>
<li class="nav-item"><a href="#contact"><b>contact us</b></a></li>
</ul>
</div>
</nav>
<div class="container">
<h1 class="header-1"><b>Lorem ipsum dolor set amet lorem ipsum</b></h1>
<h2 class="header-2"><b>Lorem ipsum dolor set amet lorem ipsum dolor set</b></h2>
<button class="btn"><b>CALL TO ACTION</b></button>
<p class="header-3">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>
</div>
</section>
</body>
</html>