forked from fdnd-task/i-love-web-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuiten.html
56 lines (47 loc) · 2.04 KB
/
buiten.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>I Love Web:)</title>
<link rel="stylesheet" href="styles/style.css">
<script src="scripts/script.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"></script>
</head>
<body>
<header>
<a href="/" class="logo">I Love Web:)</a>
<nav>
<li><a href="/">We love web</a></li>
<li><a href="/binnen.html">Binnen de les</a></li>
<li><a href="/buiten.html" class="active">Buiten de les</a></li>
</nav>
</header>
<section class="bg"></section>
<section class="parallax">
<em>Buiten de les</em>
<img src="assets/layer_0 1.svg" id="l0" alt="" />
<img src="assets/layer_0 1.svg" id="l0-2" alt="" />
<img src="assets/layer_1 1.svg" id="l1" alt="" />
<img src="assets/layer_2 1.svg" id="l2" alt="" />
<img src="assets/layer_3 1.svg" id="l3" alt="" />
<img src="assets/layer_4 1.svg" id="l4" alt="" />
<img src="assets/layer_5_2 1.svg" id="l5" alt="" />
<img src="assets/layer_6 1.svg" id="l6" alt="" />
</section>
<main>
<h2 class="h2">Buiten de les</h2>
<section class="introtext-wlw-bg">
<p class="introtext-wlw">
<section class="bg-orange">Lorem</section> ipsum dolor sit amet consectetur adipisicing elit. Voluptates
tempora impedit quam nihil dolorem autem repudiandae omnis beatae
labore facere maxime saepe et, non dolor soluta ex sunt obcaecati
sint neque reiciendis culpa! Quia vel mollitia, a illum animi
quibusdam quas! Repudiandae illo aspernatur hic officiis animi nemo
nobis deserunt id vel, laudantium, consequatur dolore nam?
</p>
</section>
</main>
</body>
</html>