-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (46 loc) · 2.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laser & Sparkles</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="cont">
<header>
<h1>Sparkles in CSS</h1>
</header>
<section>
<label class="input-container">
Do you want the camera to move
<input type="checkbox" checked="checked" class="button">
<span class="checkmark"></span>
</label>
</section>
<main>
<div class="section-1">
<h2>Some useful text</h2>
<p>
This is a tuto on YouTube, but I wanted to do it, so I did.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore impedit alias magni minus nam natus dolore rerum, accusamus assumenda quis ipsum sit ipsam laborum blanditiis id. Animi repudiandae magnam maxime.
Ducimus ipsam harum, eos ad nihil, nobis sunt laboriosam rem asperiores officiis quidem optio in soluta veritatis adipisci sit ut blanditiis tenetur esse incidunt eaque reiciendis voluptatum vitae? Velit, voluptas.
Vel blanditiis, quam numquam necessitatibus corrupti tempora dolore iste sed doloremque esse laborum quo aperiam incidunt quod temporibus cum debitis. Assumenda odio magni dignissimos totam esse? Similique est in illum!
Culpa voluptatem sequi voluptatum ipsum illum est itaque deserunt magnam nisi, voluptatibus minima fugit libero eum veritatis magni placeat inventore quibusdam, officia quaerat temporibus maiores molestias voluptates ut sapiente. Nam.
</p>
</div>
<div class="section-2 scene-wrap">
<div class="scene cameraMove">
<div class="laser"></div>
<div class="panel"></div>
<div class="sparks"></div>
<div class="drop"></div>
</div>
</div>
</main>
</div>
<script src="script.js"></script>
</body>
</html>