-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (137 loc) · 6.66 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!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" />
<link rel="stylesheet" href="main.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Palette+Mosaic&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@600&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Audiowide&family=Black+Ops+One&family=Bungee+Inline&family=Fira+Code:wght@300&family=Fondamento&family=Italianno&family=Kings&family=Libre+Barcode+39+Extended+Text&family=Libre+Barcode+39+Text&family=Megrim&family=Pangolin&family=Permanent+Marker&family=Press+Start+2P&family=Smokum&family=Ubuntu+Mono&family=Vujahday+Script&family=Wallpoet&display=swap"
rel="stylesheet"
/>
<title>Document</title>
</head>
<body>
<div class="Main">
<div class="Header">
<div class="Home">HOME</div>
<div class="Projects">PROJECT</div>
<div class="Hobbies">HOBBIES</div>
<div class="Skills">SKILLS</div>
<div class="About">ABOUT</div>
</div>
<div class="Body">
<div class="SidebarL">
<div class="SidebarLInner">
<ul class="navBar">
<li></li>
<li>PROJECT</li>
<li>HOBBIES</li>
<li>SKILLS</li>
<li>ABOUT</li>
</ul>
</div>
</div>
<div class="SidebarR">
<div class="SidebarRInner">
<ul class="links">
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
</ul>
</div>
</div>
<div class="Content">
<div class="ContentInner">
<h1>Lorem ipsum</h1>
<h2>
dolor sit amet consectetur adipisicing elit. Quae nulla
necessitatibus, sint cupiditate quam dolore tempore placeat
doloremque illo soluta quia aspernatur quo iste hic nostrum
adipisci eius dolores ipsum.
</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint,
omnis temporibus aut dolor eius placeat ea aspernatur iste neque
dolores impedit fuga officiis porro? Fugiat rerum maxime et
tenetur eius! Lorem ipsum dolor sit amet consectetur adipisicing
elit. Nihil dolore minima odit asperiores voluptatibus harum quis
fugit? Asperiores, rem! Quae eveniet alias non iste inventore,
cupiditate vel ipsam necessitatibus nesciunt. Lorem ipsum dolor
sit amet consectetur adipisicing elit. Officiis quibusdam
voluptatum reiciendis animi, id atque voluptas aliquid vel
architecto. Tempora placeat explicabo assumenda modi distinctio
nesciunt, reprehenderit consequuntur fugit qui! Lorem ipsum dolor
sit amet consectetur adipisicing elit. Ratione, natus distinctio.
Facilis veritatis culpa omnis quae expedita, nemo in? Cumque
corrupti rem temporibus tempora qui optio perspiciatis sint
veritatis eius! Lorem ipsum dolor sit amet consectetur adipisicing
elit. Ipsa officiis modi eius enim fuga deleniti eum iste dolorum
aliquam vero veniam reiciendis quo doloribus sint eveniet atque
obcaecati, velit nesciunt? Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Dolor reprehenderit ab voluptate distinctio
porro in. Distinctio sit, itaque sequi quo incidunt, et amet
repellendus, libero labore quisquam aspernatur nam eligendi! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Voluptas ex
officia perspiciatis mollitia, temporibus, optio distinctio id
eveniet nemo quia illum quasi vel quo enim impedit omnis,
molestias amet? Quos. Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Sint, omnis temporibus aut dolor eius placeat ea
aspernatur iste neque dolores impedit fuga officiis porro? Fugiat
rerum maxime et tenetur eius! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Nihil dolore minima odit asperiores
voluptatibus harum quis fugit? Asperiores, rem! Quae eveniet alias
non iste inventore, cupiditate vel ipsam necessitatibus nesciunt.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis
quibusdam voluptatum reiciendis animi, id atque voluptas aliquid
vel architecto. Tempora placeat explicabo assumenda modi
distinctio nesciunt, reprehenderit consequuntur fugit qui!
</p>
<p>
Lorem ipsum dolorsit amet consectetur adipisicing elit. Ratione,
natus distinctio. Facilis veritatis culpa omnis quae expedita,
nemo in? Cumque corrupti rem temporibus tempora qui optio
perspiciatis sint veritatis eius! Lorem ipsum dolor sit amet
consectetur adipisicing elit. Ipsa officiis modi eius enim fuga
deleniti eum iste dolorum aliquam vero veniam reiciendis quo
doloribus sint eveniet atque obcaecati, velit nesciunt? Lorem
ipsum dolor sit amet consectetur, adipisicing elit. Dolor
reprehenderit ab voluptate distinctio porro in. Distinctio sit,
itaque sequi quo incidunt, et amet repellendus, libero labore
quisquam aspernatur nam eligendi!
</p>
</div>
</div>
</div>
<div class="Footer">Footer</div>
</div>
</body>
</html>