-
Notifications
You must be signed in to change notification settings - Fork 0
/
0-index.html
68 lines (57 loc) · 2.43 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<title>Headphones</title>
<meta name="description" content="This page is the result of a web creation exercise based on a design by Nicolas Philippot, built with HTML and CSS.">
<meta name="author" content="Fabien Chavonet">
<meta name="keywords" content="holberton, school, learning, html, css">
<link rel="icon" href="./resources/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="./resources/images/favicon.png" type="image/png">
<link rel="apple-touch-icon" sizes="180x180" href="./resources/images/apple-touch-icon.png">
<link rel="stylesheet" href="./0-styles.css">
</head>
<body>
<!-- HEADER -->
<header>
<input id="checkbox" type="checkbox">
<label id="hamburger_button" for="checkbox">
<span class="bar" id="bar1"></span>
<span class="bar" id="bar2"></span>
<span class="bar" id="bar3"></span>
</label>
<img class="logo_headphones" src="./resources/images/logo_headphones.png" alt="Headphones logo">
<nav>
<ul>
<li><a href="#what_we_do">what we do</a></li>
<li><a href="#our_results">our results</a></li>
<li><a href="#contact_us">contact us</a></li>
</ul>
</nav>
</header>
<!-- MAIN -->
<main>
<!-- BANNER SECTION -->
<section id="banner">
<div id="banner_container">
<div>
<h1>Lorem ipsum dolor set amet lorem ipsum</h1>
<h2>Lorem ipsum dolor set amet lorem ipsum dolor set</h2>
</div>
<button>
call to action
</button>
<p>
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>
</main>
</body>
</html>