-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (83 loc) · 3.16 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
<!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" />
<title>Document</title>
<link rel="stylesheet" href="../css/style.css" />
<script src="./libs/gsap/gsap.min.js" defer></script>
<script src="./libs/gsap/ScrollSmoother.min.js" defer></script>
<script src="./libs/gsap/ScrollTrigger.min.js" defer></script>
<script src="./libs/particles/particles.js" defer></script>
<script src="./js/scrypt.js" defer></script>
</head>
<body>
<div class="wrapper">
<div class="content">
<header class="main-header">
<div class="layers">
<div class="layers__header">
<div class="layers__caption">Welcome to Parallax</div>
<div class="layers__title">Fairy Forest</div>
</div>
<div
class="layer layers__base"
style="background-image: url(./img/layer-base.png)"
></div>
<div
class="layer layers__middle"
style="background-image: url(./img/layer-middle.png)"
>
<canvas
class="particles"
data-color="#fdc13f"
data-radius="1.5"
data-number="200"
></canvas>
</div>
<div
class="layer layers__front"
style="background-image: url(./img/layer-front.png)"
>
<canvas
class="particles"
data-color="#9e7d35"
data-radius="3.3"
data-number="50"
></canvas>
</div>
</div>
</header>
<article
class="main-article"
style="background-image: url(./img/dungeon.jpg)"
>
<canvas
class="particles test"
data-color="#576766"
data-radius="3.3"
data-number="75"
></canvas>
<div class="main-article__content">
<h2 class="main-article__header">The Cave...</h2>
<p class="main-article__paragraph">
The world of caves is an amazing world! The temperature does not
change here all year round, there is eternal darkness and unbroken
silence. Caves have always occupied an important place in human
life. They gave our distant ancestors shelter and a relatively
safe place for a family hearth. Many of the caves still keep
traces of the presence of primitive man. And how many secrets and
legends envelop the caves! The lack of information does not yet
make it possible to find answers to many questions of interest to
scientists. Caves as a unique object of nature constantly attract
researchers. The first mentions of caves are already found in the
writings of Herodotus, Strabo and Pausanias.
</p>
</div>
<div class="copy">© WebDev fenn1ks</div>
</article>
</div>
</div>
</body>
</html>