forked from RobFenger/7vs7
-
Notifications
You must be signed in to change notification settings - Fork 0
/
hoe-werkt-het.html
126 lines (119 loc) · 5.79 KB
/
hoe-werkt-het.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
<!doctype html>
<html>
<head>
<title>Wat is 7vs7?</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="icon" type="image/png" href="7V7-logo.png" sizes="16x16">
<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=Ubuntu:wght@400;700&family=Zen+Dots&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/23ac1fdc5c.js" crossorigin="anonymous"></script>
<script src="https://code.iconify.design/iconify-icon/1.0.2/iconify-icon.min.js"></script>
</head>
<body>
<header>
<div class="header-container">
<div class="menu-icon" onclick="toggleMenu()">
<div class="menu-line one"></div>
<div class="menu-line two"></div>
<div class="menu-line three"></div>
</div>
<div class="logo">
<a href="index.html">
<img alt="7vs7" src="7V7-logo.png">
</a>
</div>
<div class="nav-menu">
<a class="menu-item link" href="location.html">Locatie</a>
<a class="menu-item link" href="contact.html">Contact</a>
<div class="menu-item dropdown-link">Informatie
<div class="dropdown-container">
<a class="menu-item link" href="hoe-werkt-het.html">Hoe werkt het?</a>
<a class="menu-item link" href="voor-wie.html">Voor wie is het?</a>
<a class="menu-item link" href="regels.html">Regels</a>
<a class="menu-item link" href="kosten.html">Wat kost het?</a>
</div>
</div>
<a class="menu-item link menu-button" href="form.html">Meld je nu aan!</a>
</div>
</div>
</header>
<div class="page-wrapper">
<div class="banner">
<div class="banner-wrapper sm">
<!-- <div class="headings">
<h2>Hoe werkt</h2>
<div class="seven-wrapper">
<h2 class="number">7</h2><h2 class="versus">versus</h2><h2 class="number">7</h2>
</div>
</div> -->
<div class="image">
<img alt="7vs7-banner" src="7vs7-how-work.jpg">
</div>
</div>
</div>
<div class="info-wrapper">
<div class="row-no-color row">
<div class="versus-info">
<h2 class="list-title">Hoe werkt het?</h2>
<h3 class="intro">Iedereen mag mee doen. Het belangrijkste is dat er elke wedstrijd 7 mensen op het veld staan (ook vrouwen mogen meedoen). Wij raden per team 10 mensen aan.
Iedereen dient zelf een team naam te verzinnen met een logo (plaatje van het internet).
Het team dat wint verdient aan het eind van de wedstrijd 3 punten. Gelijk is 1 punt. Verliezen is 0 punten</h3>
</div>
</div>
<div class="spacer-sm"></div>
<div class="row">
<div class="image">
<img src="7vs7-image-2.jpg">
</div>
<div class="info">
<h3>Zelf regelen:</h3>
<ul class="unordered-list">
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Eigen tenues(Allemaal de zelfde kleur shirt of iets in het thema van je teamnaam)</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Voetbalschoenen, Scheenbeschermers(optioneel), broekjes</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Eigen bal is altijd handig om even op te warmen</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Water</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Logo voor je teamnaam(plaatje van het internet)</li>
</ul>
</div>
</div>
<div class="spacer-sm"></div>
<div class="row second">
<div class="image">
<img src="img-info.jpg">
</div>
<div class="info">
<h3>Vanuit de organisatie:</h3>
<ul class="unordered-list">
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Scheidsrechter</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Wedstrijdbal</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Hesjes(als teams dezelfde kleuren hebben)</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Competitie indeling</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Locatie</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Kantine waar drinken gehaald kan worden</li>
<li class="list-item"><i class="fa-regular fa-futbol usp-icon"></i>Kleedkamers</li>
<li class="list-item">Zo simpel kan het zijn! Voor eventuele vragen kan er gemaild worden naar [email protected]</li>
</ul>
</div>
</div>
</div>
</div>
<div class="spacer-sm"></div>
<footer>
<div class="footer-container">
<img alt="7vs7" src="7V7-logo.png">
<div class="footer-menu-items">
<a class="menu-item link" href="location.html">Locatie</a>
<a class="menu-item link" href="contact.html">Contact</a>
<a class="menu-item link" href="hoe-werkt-het.html">Hoe werkt het?</a>
<a class="menu-item link" href="voor-wie.html">Voor wie is het?</a>
<a class="menu-item link" href="regels.html">Regels</a>
<a class="menu-item link" href="kosten.html">Wat kost het?</a>
</div>
</div>
</footer>
<script src="menu.js"></script>
</body>
</html>