-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (38 loc) · 2.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MouseMouve</title>
<link rel="stylesheet" href="./mouse.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
</head>
<body>
<div class="nav-wrapper">
<nav>
<a href="https://neat-stack.github.io/" class="hovering"><span class=" nav-ele logo">Neat-Stack</span></a>
<a href="https://neat-stack.github.io/1" class="hovering"><span class="nav-ele">Home</span></a>
<a href="https://neat-stack.github.io/1" class="hovering"><span class="nav-ele">About</span></a>
<a href="https://neat-stack.github.io/1" class="hovering"><span class="nav-ele">Studio</span></a>
<a href="https://neat-stack.github.io/1" class="hovering"><span class="nav-ele">Collab</span></a>
<hr>
</nav>
</div>
<div class="toggle">
<input type="checkbox" class='checkbox' id='checkbox'>
<label class='label' for="checkbox">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
<div class="ball"></div>
</label>
</div>
<div class="content">
<h1 class='header1'>Test this</h1>
<p class='para'>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores nobis assumenda quo reprehenderit doloribus, nihil commodi voluptatum eveniet ratione consequatur dolores eos culpa. Incidunt rerum dolorem, porro maiores excepturi quidem quod repudiandae quos aut odit nobis. Aperiam nihil quo fugiat harum eveniet totam quis voluptates, quos illum ex ab dolorem odio optio sed minus, ullam fuga ratione quibusdam recusandae aliquam dolorum. Dolor ipsum, magnam adipisci soluta, reiciendis fuga dolore inventore a tenetur animi saepe sed dicta quibusdam totam recusandae incidunt veniam repellendus exercitationem repudiandae id, doloremque nisi beatae! Quibusdam ipsa est, expedita odio ab ea necessitatibus dicta eaque ullam error.\</p>
</div>
<div class="cursor"></div>
<div class="cursor2"></div>
<div class="cursor3"></div>
<script src="./script.js" type="text/javascript"></script>
</body>
</html>