-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
172 lines (164 loc) · 6.84 KB
/
index.php
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="nl">
<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" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/navigatiebalk.css" />
<link rel="stylesheet" href="css/alineas.css" />
<link rel="stylesheet" href="css/footer.css" />
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" />
<!-- Preload images to prevent flickering -->
<link rel="preload" href="img/cycle-images/img-1.jpg" as="image" />
<link rel="preload" href="img/cycle-images/img-2.jpg" as="image" />
<link rel="preload" href="img/cycle-images/img-3.jpg" as="image" />
<title>Premaz</title>
</head>
<body>
<header>
<!--Navigation menu and logo-->
<nav class="navbar">
<a href="https://www.premaz.nl/">
<img src="img/logo-premaz-website.png" alt="Premaz logo" class="nav-logo" />
</a>
<ul class="nav-links">
<li class="center">
<a class="nav-link" href="#section-1">
Meer informatie
</a>
</li>
<li class="center">
<a class="nav-link" href="diensten.php">
Onze diensten
</a>
</li>
<li class="center">
<a class="nav-link" href="contact.php">Contact</a>
</li>
<li class="center">
<a class="nav-link" href="webshop/view/webshop.php">Webshop</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
<!-- Header image with the text -->
<div class="header-background">
<div id="cycleImagesDiv"></div>
<div class="header-center">
<h1>
Migreren naar de cloud?
<br />
Wij helpen u daar graag bij.
</h1>
<h4>
Bij Premaz ondersteunen wij u bij het migreren naar
Azure
</h4>
<div class="arrow-down">
<a class="nav-link read-more" href="#section-1">
Lees meer
</a>
</div>
</div>
</div>
</header>
<!--Text and images-->
<section class="section" id="section-1">
<div class="section-title-top">
<h2 class="section-description">Waarom Premaz?</h2>
<h3 class="section-header">
Premaz neemt de zorgen voor de cloudmigratie bij u weg. Ook
zorgen wij er na het migreren voor dat het beheer hiervan
door ons wordt gedaan.
</h3>
</div>
<div class="features">
<img src="img/afbeelding-alinea-1.jpg" alt="Afbeelding 1" class="afbeelding-alinea" />
<div class="section-title">
<h5 class="features-header">Wie zijn wij?</h5>
<p>
Premaz is opgericht door 3 jonge gedreven ondernemers
welke veel affaniteit hebben met cloudmigratie en veel
bedijven ondersteunen hebben hierbij.
</p>
</div>
<!-- Reverse the wrap to order text and images correctly -->
<div class="reverse-flex">
<div class="section-title-reverse">
<h5 class="features-header-reverse">
Waarom cloudmigratie?
</h5>
<p>
Het opslaan van bestanden op de cloud is veel
veiliger dan het opslaan op een lokale server. De
kans op data verlies is op de cloud nagenoeg 0, dit
is anders bij lokale bestanden. Het omzeten van de
bestanden naar de cloud kan een grote stap zijn waar
wij u graag bij helpen.
</p>
</div>
<img src="img/afbeelding-alinea-2.jpg" alt="Afbeelding 2" class="afbeelding-alinea-2 mobile-view" />
</div>
<img src="img/afbeelding-alinea-3.jpg" alt="Afbeelding 3" class="afbeelding-alinea" />
<div class="section-title" id="section">
<h5 class="features-header">Waarom Premaz?</h5>
<p>
Premaz heeft veel ervaring met het migreren naar de
cloud, ook staan uw behoefte bij ons op 1. Wij zorgen
ervoor dat de migratie soepel en naar wens gaat
verlopen. Bij ons is het overstappen naar de cloud zo
geregeld. Ook hoeft u zicht naar de migratie geen zorgen
te maken over het beheer van de data, dit doen wij ook
voor u.
</p>
</div>
</div>
</section>
<!-- Footer from the website -->
<footer class="footer">
<ul class="footer-nav">
<li class="footer-item">
<a class="footer-link" href="#">Home</a>
</li>
<li class="footer-item">
<a class="footer-link" href="index.html#section-1">
Meer informatie
</a>
</li>
<li class="footer-item">
<a class="footer-link" href="diensten.html">
Onze diensten
</a>
</li>
<li class="footer-item">
<a class="footer-link" href="contact.html">Contact</a>
</li>
</ul>
<a href="https://www.premaz.nl/">
<img src="img/logo-premaz-website.png" alt="Logo" class="footer-logo" />
</a>
<p class="footer-copyright">
© Copyright by
<a class="footer-link" target="_blank" href="https://www.premaz.nl/">
Premaz
</a>
. Dit is een website voor een schoolopdracht, Premaz is een
fictief bedrijf.
<br />
<a class="footer-link" target="_blank" href="pdf-files/Algemene voorwaarden Premaz.pdf">
Algemene voorwaarden
</a>
/
<a class="footer-link" target="_blank" href="pdf-files/privacy_statement_16-10-2021.pdf">
Privacyverklaring
</a>
</p>
</footer>
<script src="js/navBar.js"></script>
</body>
</html>