-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (151 loc) · 10.3 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./src/style.css">
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
<script
defer
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/ScrollTrigger.min.js"
></script>
<script defer src="./src/script.js" ></script>
</head>
<body>
<div class="hero">
<img src="./src/img/great_desert_full_2.png" alt="" class="hero__img2">
<div class="hero__text">
<h2>Explore Wastelands<span class="hero__arrow"></span></h2>
</div>
<img src="./src/img/great_desert_full_1.png" alt="" class="hero__img1">
<div class="hero__logo">
<h1>Great Desert</h1>
</div>
</div>
<main>
<section>
<div class="article">
<div class="article__header">
<h3>I bet you didn’t know</h3>
</div>
<div class="article__content">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus consequatur quia vel explicabo
reprehenderit blanditiis suscipit alias possimus impedit quas, temporibus molestiae molestias optio
nulla, repellendus dolores amet in consequuntur, dignissimos neque veniam at voluptate excepturi!
Facilis cumque ratione vero nulla inventore ab consequatur necessitatibus obcaecati, illo itaque
dignissimos quia iste ut debitis maxime ipsa hic alias accusamus ea sed vel ducimus? Fugit possimus
iste fuga eum fugiat veniam sit nostrum recusandae obcaecati consequatur, eligendi, debitis repellat
iusto enim maiores beatae inventore.
</p>
<p>
Tempore animi harum inventore vero libero, nam, deleniti magni quasi quam labore incidunt quod
beatae quia est necessitatibus enim id rem ab quidem repellendus. Fugiat possimus, esse earum quia
soluta ex alias suscipit voluptatum expedita quisquam, autem nesciunt dolorem? Sequi perspiciatis
quis suscipit laborum cupiditate ut nisi facilis quia reiciendis reprehenderit omnis nesciunt
ratione unde temporibus enim est excepturi voluptatem impedit non itaque, earum deleniti, ea quae?
Et necessitatibus iure ipsa?
</p>
<p>
Libero, quos dignissimos voluptates rerum, nobis recusandae suscipit esse, dicta illo voluptatibus
reprehenderit optio quod vitae. Architecto ullam assumenda, vero quisquam in vel dignissimos
eveniet. Adipisci sapiente odio enim doloribus harum numquam! Vero sapiente numquam quod itaque
inventore at, voluptas ipsa corporis esse laudantium placeat facere possimus. Facilis molestias qui
tenetur illum veritatis, explicabo exercitationem repellat doloribus omnis similique non reiciendis
odit eos repellendus, maxime aperiam nesciunt tempora cupiditate quaerat.
</p>
<p>
Hic nihil fugit culpa iusto ex voluptate asperiores illum animi perferendis, voluptatibus libero
ratione suscipit harum dolorem, est odio perspiciatis pariatur cum! Numquam, consequatur a. Eligendi
vitae nulla pariatur, maxime tempore ratione sit, unde explicabo cum animi ducimus corrupti! In,
nobis voluptatibus animi, beatae inventore magni architecto facere eius quod recusandae doloremque
excepturi ut quasi amet sit totam quidem dolorum accusantium optio rem delectus.
</p>
</div>
</div>
<div class="article">
<div class="article__header">
<h3>There’s a weird thing</h3>
</div>
<div class="article__content">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus consequatur quia vel explicabo
reprehenderit blanditiis suscipit alias possimus impedit quas, temporibus molestiae molestias optio
nulla, repellendus dolores amet in consequuntur, dignissimos neque veniam at voluptate excepturi!
Facilis cumque ratione vero nulla inventore ab consequatur necessitatibus obcaecati, illo itaque
dignissimos quia iste ut debitis maxime ipsa hic alias accusamus ea sed vel ducimus? Fugit possimus
iste fuga eum fugiat veniam sit nostrum recusandae obcaecati consequatur, eligendi, debitis repellat
iusto enim maiores beatae inventore.
</p>
<p>
Tempore animi harum inventore vero libero, nam, deleniti magni quasi quam labore incidunt quod
beatae quia est necessitatibus enim id rem ab quidem repellendus. Fugiat possimus, esse earum quia
soluta ex alias suscipit voluptatum expedita quisquam, autem nesciunt dolorem? Sequi perspiciatis
quis suscipit laborum cupiditate ut nisi facilis quia reiciendis reprehenderit omnis nesciunt
ratione unde temporibus enim est excepturi voluptatem impedit non itaque, earum deleniti, ea quae?
Et necessitatibus iure ipsa?
</p>
<p>
Libero, quos dignissimos voluptates rerum, nobis recusandae suscipit esse, dicta illo voluptatibus
reprehenderit optio quod vitae. Architecto ullam assumenda, vero quisquam in vel dignissimos
eveniet. Adipisci sapiente odio enim doloribus harum numquam! Vero sapiente numquam quod itaque
inventore at, voluptas ipsa corporis esse laudantium placeat facere possimus. Facilis molestias qui
tenetur illum veritatis, explicabo exercitationem repellat doloribus omnis similique non reiciendis
odit eos repellendus, maxime aperiam nesciunt tempora cupiditate quaerat.
</p>
<p>
Hic nihil fugit culpa iusto ex voluptate asperiores illum animi perferendis, voluptatibus libero
ratione suscipit harum dolorem, est odio perspiciatis pariatur cum! Numquam, consequatur a. Eligendi
vitae nulla pariatur, maxime tempore ratione sit, unde explicabo cum animi ducimus corrupti! In,
nobis voluptatibus animi, beatae inventore magni architecto facere eius quod recusandae doloremque
excepturi ut quasi amet sit totam quidem dolorum accusantium optio rem delectus.
</p>
</div>
</div>
<div class="article">
<div class="article__header">
<h3>We must support</h3>
</div>
<div class="article__content">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus consequatur quia vel explicabo
reprehenderit blanditiis suscipit alias possimus impedit quas, temporibus molestiae molestias optio
nulla, repellendus dolores amet in consequuntur, dignissimos neque veniam at voluptate excepturi!
Facilis cumque ratione vero nulla inventore ab consequatur necessitatibus obcaecati, illo itaque
dignissimos quia iste ut debitis maxime ipsa hic alias accusamus ea sed vel ducimus? Fugit possimus
iste fuga eum fugiat veniam sit nostrum recusandae obcaecati consequatur, eligendi, debitis repellat
iusto enim maiores beatae inventore.
</p>
<p>
Tempore animi harum inventore vero libero, nam, deleniti magni quasi quam labore incidunt quod
beatae quia est necessitatibus enim id rem ab quidem repellendus. Fugiat possimus, esse earum quia
soluta ex alias suscipit voluptatum expedita quisquam, autem nesciunt dolorem? Sequi perspiciatis
quis suscipit laborum cupiditate ut nisi facilis quia reiciendis reprehenderit omnis nesciunt
ratione unde temporibus enim est excepturi voluptatem impedit non itaque, earum deleniti, ea quae?
Et necessitatibus iure ipsa?
</p>
<p>
Libero, quos dignissimos voluptates rerum, nobis recusandae suscipit esse, dicta illo voluptatibus
reprehenderit optio quod vitae. Architecto ullam assumenda, vero quisquam in vel dignissimos
eveniet. Adipisci sapiente odio enim doloribus harum numquam! Vero sapiente numquam quod itaque
inventore at, voluptas ipsa corporis esse laudantium placeat facere possimus. Facilis molestias qui
tenetur illum veritatis, explicabo exercitationem repellat doloribus omnis similique non reiciendis
odit eos repellendus, maxime aperiam nesciunt tempora cupiditate quaerat.
</p>
<p>
Hic nihil fugit culpa iusto ex voluptate asperiores illum animi perferendis, voluptatibus libero
ratione suscipit harum dolorem, est odio perspiciatis pariatur cum! Numquam, consequatur a. Eligendi
vitae nulla pariatur, maxime tempore ratione sit, unde explicabo cum animi ducimus corrupti! In,
nobis voluptatibus animi, beatae inventore magni architecto facere eius quod recusandae doloremque
excepturi ut quasi amet sit totam quidem dolorum accusantium optio rem delectus.
</p>
</div>
</div>
</section>
</main>
<footer>
<h5>Copyright© 2020 All rights reserved</h5>
</footer>
</body>
</html>