-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (38 loc) · 1.68 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
<!DOCTYPE html>
<html lang="ru">
<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>The forest</title>
<link rel="stylesheet" href="./css/main.css">
<script src="./libs/gsap/gsap.min.js"></script>
<script src="./libs/gsap/ScrollTrigger.min.js" defer></script>
<script src="./libs/gsap/ScrollSmoother.min.js" defer></script>
<script src="./js/main.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');"></div>
<div class="layer layers__front" style="background-image: url('./img/layer-front.png');"></div>
</div>
</header>
<article class="main-article" style="background-image: url('./img/dungeon.jpg');">
<div class="main-article__content">
<h2 class="main-article__header">To be continued</h2>
<p class="main-article__paragraph">Lorem ipsum dolor sit amet consectetur, adipisicing elit. At doloribus rerum rem, quam atque, molestias amet corrupti beatae quis iusto omnis sequi consectetur recusandae doloremque quos qui maxime sapiente magni numquam praesentium?</p>
<div class="copy">© Stelzf117</div>
</div>
</article>
</div>
</div>
</body>
</html>