-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (73 loc) · 3.96 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wireframe Exercise</title>
<link rel="stylesheet" href="CSS/reset.css">
<link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<header>
<section>
<nav>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/200x70/000000"></a>
<ul>
<li><a href="">Nav item 1</a></li>
<li><a href="/html/">Nav item 2</a></li>
<li><a href="/html/">Nav item 3</a></li>
<li><a href="/html/">Nav item 4</a></li>
</ul>
</nav>
</section>
</header>
<main>
<section>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/960x450/000000"></a>
</section>
<section>
<div>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/300x375/000000"></a>
<div>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/300x375/000000"></a>
</div>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/300x375/000000"></a>
</div>
</section>
<section>
<div>
<a href="https://via.placeholder.com"><img src="https://via.placeholder.com/480x400/000000"></a>
</div>
<div>
<p>
Featured Section Heading
<br>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea provident quis sed quasi. Tempore,
ipsa. Saepe praesentium deleniti id accusamus iure, tempora rerum, beatae voluptate fugiat
labore, eos amet error. Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae fuga
commodi inventore soluta rerum. Esse laborum itaque obcaecati vitae quidem inventore dolores
voluptatem, repudiandae praesentium tempore magni, ipsam nemo quos?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea provident quis sed quasi. Tempore,
ipsa. Saepe praesentium deleniti id accusamus iure, tempora rerum, beatae voluptate fugiat
labore, eos amet error. Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae fuga
commodi inventore soluta rerum. Esse laborum itaque obcaecati vitae quidem inventore dolores
voluptatem, repudiandae praesentium tempore magni, ipsam nemo quos?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea provident quis sed quasi. Tempore,
ipsa. Saepe praesentium deleniti id accusamus iure, tempora rerum, beatae voluptate fugiat
labore, eos amet error. Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae fuga
commodi inventore soluta rerum. Esse laborum itaque obcaecati vitae quidem inventore dolores
voluptatem, repudiandae praesentium tempore magni, ipsam nemo quos?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea provident quis sed quasi. Tempore,
ipsa. Saepe praesentium deleniti id accusamus iure, tempora rerum, beatae voluptate fugiat
labore, eos amet error. Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae fuga
commodi inventore soluta rerum. Esse laborum itaque obcaecati vitae quidem inventore dolores
voluptatem, repudiandae praesentium tempore magni, ipsam nemo quos?
</p>
<button type="button">Call to Action</button>
</div>
</section>
</main>
<footer>
</footer>
</body>
</html>