-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (40 loc) · 1.65 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
<!DOCTYPE html>
<html lang="en">
<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">
<title>Hype Pack</title>
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<a href="#">The</a>
<a href="#">Hype</a>
<a href="#">Isn't</a>
<a href="#">Real</a>
</nav>
<main class="">
<a href="#" class="toggle-nav">
<img src="./assets/menu.svg" alt="Menu"> Menu
</a>
<section>
<div class="slides">
<img src="./assets/hype1.jpg" srcset="./assets/hype1.jpg, ./assets/hype1-2x.jpg 2x">
<img src="./assets/hype2.jpg" srcset="./assets/hype2.jpg, ./assets/hype2-2x.jpg 2x">
<img src="./assets/hype3.jpg" srcset="./assets/hype3.jpg, ./assets/hype3-2x.jpg 2x">
<img src="./assets/hype4.jpg" srcset="./assets/hype4.jpg, ./assets/hype4-2x.jpg 2x">
<img src="./assets/hype5.jpg" srcset="./assets/hype5.jpg, ./assets/hype5-2x.jpg 2x">
</div>
<div class="content">
<h1>Hype Pack</h1>
<p>No time to acquire fashionable items? Is waiting in line for the lastest and greatest to much for you? Then look no further! With the all new Hype Pack you’ll be set with the lastest hyper fashion gear.</p>
<a href="#" class="button">Buy for $6.969</a>
</div>
</section>
</main>
</body>
<script src="./js/menu.js"></script>
<script src="./js/slides.js"></script>
</html>