-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
96 lines (89 loc) · 6.83 KB
/
index.html
File metadata and controls
96 lines (89 loc) · 6.83 KB
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
91
92
93
94
95
96
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="src/css/main.css">
<title>Mac021</title>
</head>
<body>
<nav id="navbar">
<h1 class="brand">Mac021</h1>
<ul id="menu">
<li><a href="#title">TITLE</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#media">MEDIA</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</nav>
<a name="title"></a>
<section id="title">
<h1>MAC021</h1>
</section>
<a name="about"></a>
<section>
<h1>WhoAmI</h1>
<div id="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt fugit aliquid rem placeat officiis, autem laborum quae ut, id accusamus, aspernatur facere iure facilis alias, deserunt architecto. Molestiae temporibus, illo?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum ratione nihil distinctio quaerat adipisci consequuntur odio asperiores ipsum saepe tenetur sint eos autem culpa repudiandae beatae, atque deleniti libero tempora.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus dolores porro corporis ducimus, voluptas unde repudiandae inventore dolorum earum iure eveniet totam veniam quidem. Explicabo aperiam, corrupti eos earum saepe!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nemo itaque aperiam eius, rem qui corrupti in perspiciatis ad omnis laudantium dolore sint. Ut porro rerum facere ex. Libero, debitis?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam voluptatum, culpa obcaecati ut fugit optio quidem ad nam illo, doloribus beatae reprehenderit in nihil alias. Porro enim quae, tempora accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium voluptas saepe ratione nulla dignissimos aliquid eius voluptatibus, praesentium placeat, illum ipsam pariatur natus qui consectetur sit ab ipsum quidem. Exercitationem.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nemo itaque aperiam eius, rem qui corrupti in perspiciatis ad omnis laudantium dolore sint. Ut porro rerum facere ex. Libero, debitis?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem exercitationem, quam quia ut hic omnis aliquam nihil commodi nobis fugit pariatur quisquam mollitia eligendi amet debitis, at architecto odit iste?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi dignissimos culpa iusto corporis ut accusamus quidem reiciendis nihil quis, ducimus non voluptate consectetur magnam consequuntur? Omnis placeat iusto minima error.
</p>
</div>
</section>
<a name="media"></a>
<section>
<h1>Media</h1>
<div id="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt fugit aliquid rem placeat officiis, autem laborum quae ut, id accusamus, aspernatur facere iure facilis alias, deserunt architecto. Molestiae temporibus, illo?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ad, harum, nemo earum eum explicabo non, sint repellat aut atque, esse assumenda sit alias perspiciatis. Rerum, assumenda consectetur doloremque eveniet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, quaerat, nemo. Accusamus aut, maxime non, est beatae numquam maiores odio, cum nam aliquam consectetur totam magni. Id, deserunt illo ea.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nemo itaque aperiam eius, rem qui corrupti in perspiciatis ad omnis laudantium dolore sint. Ut porro rerum facere ex. Libero, debitis?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus reiciendis hic deserunt omnis cum! Deleniti harum minus, ut. Repellat ipsam, tenetur officiis odit laboriosam eius. Ducimus nemo, maxime illo tempora.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, iure odit eius esse. Consequatur sit praesentium neque at commodi nam repellat aliquid eum. Quidem dolore, alias, quos beatae aliquid voluptate.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nemo itaque aperiam eius, rem qui corrupti in perspiciatis ad omnis laudantium dolore sint. Ut porro rerum facere ex. Libero, debitis?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, sequi, pariatur. Consequatur dolore, cupiditate, quo quasi sit nam dolorem quos odit iure beatae, asperiores amet esse accusamus autem nostrum a.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste qui quis laboriosam? Obcaecati facere nesciunt optio cumque dolor placeat est deleniti harum velit modi eligendi, nulla, culpa dolores! Distinctio, ut!
</p>
</div>
</section>
<a name="contact"></a>
<section>
<h1>Contact</h1>
<div id="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt fugit aliquid rem placeat officiis, autem laborum quae ut, id accusamus, aspernatur facere iure facilis alias, deserunt architecto. Molestiae temporibus, illo?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos adipisci blanditiis mollitia reprehenderit unde recusandae est itaque praesentium rem totam quos repudiandae possimus laborum, rerum impedit eaque necessitatibus facilis suscipit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor velit vitae sapiente praesentium quibusdam itaque ducimus placeat vel tempore incidunt quia accusantium, quos suscipit tenetur, culpa ipsam et, odio inventore?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nemo itaque aperiam eius, rem qui corrupti in perspiciatis ad omnis laudantium dolore sint. Ut porro rerum facere ex. Libero, debitis?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil corporis saepe qui maxime commodi culpa voluptatum, fuga. Nulla dolore, amet excepturi fuga eligendi quasi optio libero error voluptatum, maiores, aut.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate similique corporis nulla rerum aperiam et libero accusantium aspernatur est quod. Quos expedita tenetur consequatur alias, repudiandae id dicta sit accusamus.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nemo itaque aperiam eius, rem qui corrupti in perspiciatis ad omnis laudantium dolore sint. Ut porro rerum facere ex. Libero, debitis?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed odit libero, commodi incidunt architecto voluptate dolores quis laboriosam, deserunt, neque earum necessitatibus inventore similique nam! Maxime incidunt quo temporibus architecto!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis harum eius tempora, iusto, assumenda hic. Non recusandae asperiores architecto molestias iure tempora alias dolore, maiores maxime inventore molestiae a, voluptatem?
</p>
</div>
</section>
<footer>
</footer>
</body>
<script src="src/js/main.js"></script>
</html>