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
|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Infernal ⁕ Garden</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>@import url("/assets/css/main.css");</style>
<link defer rel="icon" type="image/png" href="/assets/image/icon.png">
</head>
<body>
<nav class="nav">
<div class="floatwrapper">
<div>
<div class="header-image">
<img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata between "infernal" and "garden"" src="/assets/image/header.png">
<img loading="lazy" class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
</div>
<div class="nav-button">
<a href="/pages/about.html">
<span>About</span>
</a>
</div>
<div class="nav-button">
<a href="/pages/projects.html">
<span>Projects</span>
</a>
</div>
<div class="nav-button">
<a href="/pages/services.html">
<span>Services</span>
</a>
</div>
<div class="nav-button">
<a href="/pages/people.html">
<span>People</span>
</a>
</div>
</div>
<div>
<div class="nav-button">
<a href="/pages/contact.html">
<span>Contact</span>
</a>
</div>
<div id="nav-pin" class="nav-button">
<a><span>Pin</span></a>
</div>
</div>
</div>
</nav>
<div class="body-wrapper">
<main>
<div id="content">
<section id="lorem">
<h2>Lorem Ipsum!</h2>
<article>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis vehicula tellus. Phasellus maximus sem arcu, sit amet auctor odio fermentum sit amet. Duis viverra, magna vitae vehicula euismod, mi augue ultricies magna, quis convallis est purus ac justo. Donec quis enim vel purus sodales scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin congue quam a metus finibus, quis consectetur nisi lacinia. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam facilisis, tellus sed aliquet congue, lacus ligula lobortis arcu, sit amet mattis purus justo a purus.<br><br>
Nam ut turpis eget tortor auctor ultrices in quis enim. Nulla luctus posuere tempus. Cras quis fringilla sapien. Quisque consequat justo augue, eget pulvinar massa bibendum eget. Nam aliquet tortor ipsum, ac hendrerit ex maximus sed. Donec eu ultrices orci, quis iaculis elit. Fusce eu euismod dolor, quis vulputate tortor. Suspendisse semper viverra lectus sit amet eleifend. Interdum et malesuada fames ac ante ipsum primis in faucibus.<br><br>
Nullam sed lectus ac ipsum viverra tincidunt sed ac turpis. Quisque aliquam mi velit, at auctor massa dictum non. Cras tempus in lacus euismod blandit. Integer porta nibh nec eros consequat, ac bibendum mi placerat. Etiam euismod pellentesque erat non eleifend. Fusce sit amet justo mattis, semper lorem vel, feugiat velit. Morbi sagittis varius ante ac suscipit.<br><br>
Quisque lobortis nisl sed fermentum dignissim. Integer sit amet erat nec nunc mollis sodales. Duis augue augue, scelerisque dignissim massa sit amet, ullamcorper aliquam nibh. Praesent volutpat purus a lorem elementum eleifend. In et neque augue. Quisque vel rutrum augue. Pellentesque in nisi tellus. Duis venenatis laoreet ex sit amet facilisis. Morbi iaculis vestibulum viverra. Vivamus sed risus vel nunc mattis elementum ac vitae leo. Nullam ultrices purus vel eros fringilla, non vestibulum arcu condimentum. Curabitur vitae luctus quam.<br><br>
Cras volutpat id augue eget pellentesque. Quisque euismod nisl eget nibh rhoncus, quis commodo nisl lobortis. Mauris vulputate et ipsum in semper. Duis a placerat nunc. Suspendisse ut sem eu mi dictum euismod. Fusce non felis et nibh elementum condimentum laoreet quis leo. Fusce nisi elit, placerat sit amet semper quis, imperdiet ut leo. Cras tincidunt metus a dolor fringilla, vel feugiat tortor lobortis. Nam pellentesque tortor nec erat congue, id rutrum lacus tempus.<br><br>
</p>
</article>
</section>
</div>
<nav class="mobile-nav">
<div class="mobile-nav-button"></div>
<div class="mobile-nav-button"></div>
<div class="mobile-nav-button">
<img class="noaa" alt="A pixelated Lycoris Radiata" src="/assets/image/icon.png">
</div>
<div class="mobile-nav-button"></div>
<div class="mobile-nav-button"></div>
</nav>
</main>
<div class="body_decoration noaa"></div>
<div class="space"></div>
</div>
<footer></footer>
</body>
</html>
|
