-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (103 loc) · 5.11 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
<!DOCTYPE html>
<html lang="nl" id="body">
<head>
<script src="https://kit.fontawesome.com/6ee7061bfb.js" crossorigin="anonymous"></script>
<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>zonnepark-schalkwijk</title>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="icon" type="image" href="/zonnepark website/pictures/favicon-32x32.png">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<section class="headline" id="headerbackground">
<div class="containernav visible" id="container" style="color: black;">
<nav id="flex-nav">
<a href="index.html">Home</a>
<a href="Historie.html">Historie</a>
<a href="contact.html">contact</a>
</nav>
</div>
<!-- phone menu -->
<ul class="menu">
<li><a class="menuItem" href="index.html">Home</a></li>
<br>
<li><a class="menuItem" href="Historie.html">Historie</a></li>
<br>
<!-- <li><a class="menuItem" href="timeline.html">Timeline</a></li> -->
<li><a class="menuItem" href="contact.html">contact</a></li>
</ul>
<button class="hamburger">
<i class="menuIcon material-icons">menu</i>
<i class="closeIcon material-icons">close</i>
</button>
<h1 id="header1">Zonnepark schalkwijk</h1>
</div>
</section>
<div class="contentmain contentbody" id="contentbody">
<div id="content1bg" class="content1">
<img class="content1img" src="/pictures/karsten-wurth-lsJ9jHKIqHg-unsplash.jpg" alt="Picture">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit distinctio quasi quibusdam nam inventore
reprehenderit alias est laborum, porro vero Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores
cum
necessitatibus rem, excepturi consectetur dignissimos molestias voluptatem quisquam enim debitis suscipit
temporibus ipsam ipsa aliquam, accusamus quasi deserunt accusantium. Ducimus repudiandae quos illo voluptas
deleniti optio, amet obcaecati perspiciatis nisi nostrum eum labore placeat cum at quam adipisci!
Consequuntur,
non.</p>
</div>
<div class="custom-shape-divider-bottom-1666886689">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path
d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z"
opacity=".25" class="shape-fill"></path>
<path
d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z"
opacity=".5" class="shape-fill"></path>
<path
d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z"
class="shape-fill"></path>
</svg>
</div>
<div id="content2bg" class="content2">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit distinctio quasi quibusdam nam inventore
reprehenderit alias est laborum, porro vero Lorem ipsum dolor sit amet consectetur adipisicing elit.
Dolorescum necessitatibus rem, excepturi consectetur dignissimos molestias voluptatem quisquam enim debitis
suscipit temporibus ipsam ipsa aliquam, accusamus quasi deserunt accusantium. Ducimus repudiandae quos illo
voluptas deleniti optio, amet obcaecati perspiciatis nisi nostrum eum labore placeat cum at quam adipisci!
Consequuntur, non.</p>
<img class="content2img" src="/pictures/nicholas-doherty-pONBhDyOFoM-unsplash.jpg" alt="Picture">
</div>
</div>
</div>
</div>
</div>
<!---top button-->
<!-- <script>
let mybutton = document.getElementById("myBtn");
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script> -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="script.js"></script>
<script>
AOS.init();
</script>
</body>
</html>