-
Notifications
You must be signed in to change notification settings - Fork 0
/
providers.html
121 lines (108 loc) · 5.54 KB
/
providers.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./style.css">
<title>Mobile Providers</title>
</head>
<body>
<!-- Header met header image, menu icon en back icon.
Menu icon opent het menu scherm.
Back icon om terug te gaan.
-->
<header>
<div id="header_content">
<a href="./filter.html">
<img class="header_back_icon" src="./Icons/back_icon.svg" alt="Back icon">
</a>
<img id="header_image" src="./Images/Header/mobile_providers.svg" alt="Mobile Providers">
<a href="./menu.html">
<img class="header_icon" src="./Icons/menu_icon.svg" alt="Menu icon">
</a>
</div>
</header>
<main>
<section>
<div class="intro">
<h3>Mobile providers in the Netherlands</h3>
<p> This is a list of all the mobile providers in the
Netherlands. A mobile plan in the Netherlands consists
of a certain amount of calling minutes and mobile data. </p>
</div>
<div class="info_container">
<!-- Container om het logo en de tekst naast elkaar te zetten. -->
<div class="provider_info">
<img class="logo" src="./Images/Logos/NPK_Logo.svg" alt="NPK logo">
<p class="provider_text"> NPK is one of
best mobile providers in the
Netherlands, but beware it is
one of the most expensive! </p>
</div>
<!--Container om de individuele support info onder elkaar te zetten. -->
<div class="contact_info">
<img class="contact_icon" src="./Icons/phone_icon.svg" alt="Phone icon">
<b class="contact_info_data">0800 0402</b>
<img class="contact_icon" src="./Icons/site_icon.svg" alt="Site icon">
<a class="contact_info_data" href="https://www.npk.com/"><b>www.npk.com</b></a>
</div>
</div>
<div class="info_container">
<!-- Container om het logo en de tekst naast elkaar te zetten. -->
<div class="provider_info">
<img class="logo" src="./Images/Logos/2ELET_logo.svg" alt="2Elet logo">
<p class="provider_text"> 2 Elet offers
you the best bang for your buck,
their mobile plans are the cheapest
and offer the most data. </p>
</div>
<!--Container om de individuele support info onder elkaar te zetten. -->
<div class="contact_info">
<img class="contact_icon" src="./Icons/phone_icon.svg" alt="Phone icon">
<b class="contact_info_data">0800 1234</b>
<img class="contact_icon" src="./Icons/site_icon.svg" alt="Site icon">
<a class="contact_info_data" href="https://www.2elet.nl/"><b>www.2elet.nl</b> (dutch)</a>
</div>
</div>
<div class="info_container">
<!-- Container om het logo en de tekst naast elkaar te zetten. -->
<div class="provider_info">
<img class="logo" src="./Images/Logos/OYSIM_logo.svg" alt="Oymis logo">
<p class="provider_text"> Oymis offers
cheap plans with low amounts of data.
If you are low on funds this is a
great choice. </p>
</div>
<!--Container om de individuele support info onder elkaar te zetten. -->
<div class="contact_info">
<img class="contact_icon" src="./Icons/phone_icon.svg" alt="Phone icon">
<b class="contact_info_data">0800 5678</b>
<img class="contact_icon" src="./Icons/site_icon.svg" alt="Site icon">
<a class="contact_info_data" href="https://www.oysim.nl/"><b>www.oysim.nl</b> (dutch)</a>
</div>
</div>
<div class="info_container">
<!-- Container om het logo en de tekst naast elkaar te zetten. -->
<div class="provider_info">
<img class="logo" src="./Images/Logos/O_Phone_logo.svg" alt="O Phone logo">
<p class="provider_text"> O Phone is a
reliable but expensive provider.
If you have the extra cash its a
good choice. </p>
</div>
<!--Container om de individuele support info onder elkaar te zetten. -->
<div class="contact_info">
<img class="contact_icon" src="./Icons/phone_icon.svg" alt="Phone icon">
<b class="contact_info_data">0800 0402</b>
<img class="contact_icon" src="./Icons/site_icon.svg" alt="Site icon">
<a class="contact_info_data" href="https://www.O phone.nl/"><b>www.OPhone.nl</b> (dutch)</a>
</div>
</div>
</section>
</main>
<footer>
<p>Copyright 2020 Stein Bergergervoet</p>
</footer>
</body>
</html>