-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (145 loc) · 6.25 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://use.fontawesome.com/37cad9c700.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="images/favicon1.ico" type="image/x-icon">
<title>Het Uber-platform verkennen | Uber</title>
</head>
<body>
<header>
<div class="navi">
<a href="#" class="logo" >Uber</a>
<ul >
<li class="bedrijf"><a href="#" class="screen">Bedrijf <i class="fa fa-sort-desc"></i></a>
<ul id="innavi">
<div class="box">
<li><a href="#">Over ons</a></li>
<li><a href="#">Wat wij bieden</a></li>
<li><a href="#">Wereldburgerschap</a></li>
<li><a href="#">Newsroom</a></li>
<li><a href="#">Investeerders</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Werken bij Uber</a></li>
</div>
</ul>
</li>
<li><a href="#" class="screen">Veiligheid</a></li>
<li><a href="#" class="screen">Help</a></li>
<li class="big" ><a href="#" class="screen">Informatie over COVID-19</a></li>
<li><a href="#" class="screen"><i class="fa fa-globe"></i>NL-NL</a></li>
<li ><a href="#" class="screen"><i class="fa fa-th"></i>Producten</a></li>
<li ><a href="#" class="screen"><i class="fa fa-user-o"></i>Inloggen</a></li>
<li ><a href="#" class="mobil"><i class="fa fa-user-o"></i></a></li>
<li ><a href="#" class="aanmelden">Aanmelden</a></li>
<li ><a href="#" class="mobil"><i class="fa fa-bars"></i></a></li>
</ul>
</div>
</header>
<main>
<div class="sub-nav">
<ul>
<li><a href="#"><div class="pict beloning"></div>Beloning<br/>ontvangen</a></li>
<li><a href="#"><div class="pict instappen"></div>Instappen</a></li>
<li><a href="#"><div class="pict eten"></div>Eten</a></li>
<li><a href="#"><div class="pict freight"></div>Uber Freight</a></li>
<li><a href="#"><div class="pict zakelijk"></div>Zakelijk</a></li>
<li><a href="#"><div class="pict ov"></div>Ov</a></li>
<li><a href="#"><div class="pict fiets"></div>Fiets en<br/>step</a></li>
</ul>
</div>
<div class="card1">
<h1>Kruip achter het stuur en maak omzet</h1>
<p>Rijd via het platform met het grootste netwerk van actieve passagiers.</p>
<div ><a href="">Aanmelden als Uber-partner</a></div>
<p ><a href=""><span class="link">Meer informatie over rijden en bezorgen</span></a></p>
</div>
<div class="banner">
</div>
<div class="block2">
<div class="block1">
<h2>We brengen meer dan 10.000 steden in beweging</h2>
<p><a href=""><span class="link">Alle steden weergeven</span></a></p>
</div>
</div>
<div class="business">
<h2>Uber for Business</h2>
<p>De kracht van Uber tijdens het werk</p>
<div class="gallery">
<div class="item">
<img src="images/business-eater-horz2x.png" alt=""/>
<h4>Maaltijden op het werk</h4>
<p>Verras je medewerkers met hun favoriete maaltijden die bezorgd worden waar ze ook werken.</p>
<p><a href="#"><span class="link">Meer informatie</span></a></p>
</div>
<div class="item">
<img src="images/employee-travel-horz2x.png" alt=""/>
<h4>Ritten van medewerkers</h4>
<p>Geen omkijken meer naar zakelijke ritten. Maak programma's voor vervoer over de weg en woon-werkverkeer voor medewerkers.</p>
<p><a href="#"><span class="link">Meer informatie</span></a></p>
</div>
<div class="item">
<img src="images/ride-coordinator-horz2x.png" alt=""/>
<h4>Aangeboden ritten</h4>
<p>Maak een blijvende indruk. Regel ritten van deur tot deur voor je klanten en gasten.</p>
<p><a href="#"><span class="link">Meer informatie</span></a></p>
</div>
</div>
</div>
</main>
<footer class="black">
<div class="container">
<p><a href="#">Uber</a></p>
<p><a href="#">Naar het Help Center</a></p>
<div class="list">
<ul>
<h3>Bedrijf</h3>
<li><a href="#">Over ons</a></li>
<li><a href="#">Wat wij bieden</a></li>
<li><a href="#">Newsroom</a></li>
<li><a href="#">Investeerders</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Werken bij Uber</a></li>
<li><a href="#">AI</a></li>
</ul>
<ul>
<h3>Producten</h3>
<li><a href="#">Instappen</a></li>
<li><a href="#">Rijden</a></li>
<li><a href="#">Eten</a></li>
<li><a href="#">Uber for Business</a></li>
<li><a href="#">Uber Freight</a></li>
</ul>
<ul>
<h3>Wereldburgerschap</h3>
<li><a href="#">Veiligheid</a></li>
<li><a href="#">Diversiteit en inclusiviteit</a></li>
</ul>
</div>
<div class="socials">
<a href="#"><i class="fa fa-facebook-official"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube-play"></i></a>
<a href="#"><i class="fa fa-linkedin-square"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
<div class="location">
<p><a href="#"><i class="fa fa-globe"></i> Nederlands</a></p>
<p><a href="#"><i class="fa fa-map-marker"></i> Amsterdam</a></p>
</div>
<div class="apps">
<a href="#"><img src="images/app-store-google-4d63c31a3e.svg" alt="" height="40px"></a>
<a href="#"><img src="images/app-store-apple-f1f919205b.svg" alt="" height="40px"></a>
</div>
<p class="copyright">© 2021 Uber Technologies Inc.</p>
<p class="privacy"><a href="">Privacy</a>
<a href="#">Toegankelijkheid</a>
<a href="#">Voorwaarden</a></p>
</div>
</footer>
</body>
</html>