-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
186 lines (160 loc) · 8.66 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<title>Onepage Main Eventer</title>
<meta charset="utf-8">
<meta name="description" content="Onepage Main Eventer">
<meta name="keywords" content="Main Eventer,evenementiel">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="reset.css" media="all" type="text/css">
<link href="style.css" rel="stylesheet" media="all" type="text/css">
<link rel="icon" href="LOGOfav.ico" />
</head>
<body>
<header>
<div id="header-img"></div>
<div id="logo">
<img src="images/LOGO.png" alt ="le logo">
</div>
<nav>
<ul>
<li><a href="#containerWho">About</a></li>
<li><a href="#containerTeam">Team</a></li>
<li><a href="#enteteEvents">Events</a></li>
<li><a href="#formulaire">Nous contacter</a></li>
</ul>
</nav>
</header>
<div id='boxContenu'>
<section>
<div id="containerWho">
<div id="imageBiere">
<img src= images/imageBiere28.png alt = "Photo de bières de marque 28">
<p id="capWho">Best people agency<br> in Belgium</p>
<h2 id="firstH2">Who we are...</h2>
</div>
<p id="paragraphe1">
A corona light completely caricatures a burglar ale around a porter. Now and then, the almost self-loathing razor blade beer makes love to a
somewhat temporal hops. Sometimes a highly paid jersey cow leaves, but a bill around another bill always bestows great honor upon a dry Budweiser!
</p>
<span class="clear"></span>
<p id="paragraphe2">When a flirty booze self-flagellates, the pin ball machine hibernates. The broken bottle near a Brewers Reserve feels nagging remorse, and the
mean-spirited PBR earns enough for a beer; however, another overpriced burglar ale plans an escape from a Busch inside a bar tab a scooby snack.
When a loyal tle is linguistic, the Hazed and Infused around a Pilsner Urquell recognizes the boiled monkey bite.
</p>
</div>
</section>
<section>
<div id="containerTeam">
<h2 id="secH2">Our team...</h2>
<div id="ceoCOO">
<div id="ceo">
<figure>
<img src="images/CEO.png" alt="photo du CEO">
<figcaption>CEO</figcaption>
</figure>
<p class="pTEAM">Cet homme a l'air rudement intelligent. Aucun doute qu'il doit savoir gérer une équipe de façon optimale.</p>
</div>
<div id="coo">
<figure>
<img src="images/COO.png" alt="photo du COO">
<figcaption>COO</figcaption>
</figure>
<p class="pTEAM">J'aimerais savoir loucher comme cet individu à l'air vif. Mais j'ai peur de me faire mal aux yeux.</p>
</div>
</div>
<span class="clear"></span>
<div id="cfoCTO">
<div id="cfo">
<figure>
<img src="images/CFO.png" alt="photo du CFO">
<figcaption>CFO</figcaption>
</figure>
<p class="pTEAM">Qu'est-ce qu'un CFO au juste ? Pas un mauvais poste en tout cas, cette jeune fille a l'air tout à fait heureuse d'être là.</p>
</div>
<div id="cto">
<figure>
<img src="images/CTO.png" alt="photo du CTO">
<figcaption>CTO</figcaption>
</figure>
<p class="pTEAM">Ce CTO a l'air tellement sympatique ! On oublierait presque que c'est lui qui est chargé de tout le sale boulot.</p>
</div>
</div>
</div>
</section>
<span class="clear"></span>
<section>
<div id="enteteEvents">
<div id="clock">
<img src="images/popImageClock.png" alt="fille vintage avec une horloge">
</div>
<h2 id="OurEvents">Our Events</h2>
<div id="beer">
<img src="images/PopimageBeer.png" alt="fille vintage avec une bière">
</div>
</div>
<div id="container">
<div class="box">
<h3>Salsa Course</h3>
<p class="month">Nov</p>
<p class="date">21TH</p>
<h4>Latino night</h4>
<p class="paragraphEvent">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
</div>
<div id="boxXmas">
<h3>Christmas</h3>
<p class="month">Dec</p>
<p class="date">24TH</p>
<h4>Christmas for refugees</h4>
<p class="paragraphEvent">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
</div>
<div class="box">
<h3>Finance research</h3>
<p class="month">Jan</p>
<p class="date">5TH</p>
<h4>Financers Drink</h4>
<p class="paragraphEvent">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
</div>
</div>
</section>
<div id="formulaire">
<form action="traitment.php" method="post">
<fieldset>
<legend>Need an Event ?</legend>
<div id="underline"></div>
<div id="toutleform">
<div id="NameLastname">
<div id="containerFORM">
<div id="nameAlign">
<label for="name">Name *</label>
<input type="text" name="name" id="name" required />
</div>
</div>
<div>
<label for="last">Lastname *</label>
<input type="text" name="last" id="last" required />
</div>
</div>
<div>
<label for="mail">E-mail *</label>
<input type="text" name="mail" id="mail" required />
<label>Description</label>
<textarea name="description" rows="12" cols="50"></textarea>
</div>
<input id="send" type="submit" name="envoi" value="SEND"/>
</div>
</fieldset>
</form>
</div>
</div>
<footer>
<p>MAIN EVENTERS</P>
<div id="container2">
<div><a href='https://be.linkedin.com/' target="_blank"><img class="foot_logo" src="images/linkedin.png" alt="linkedin logo"></a></div>
<div><a href='https://www.instagram.com/' target="_blank"><img class="foot_logo" src="images/instagram.png" alt="instagram logo"></a></div>
<div><a href='https://twitter.com/' target="_blank"><img class="foot_logo" src="images/twitter.png" alt="twitter logo"></a></div>
<div><a href='https://www.facebook.com/' target="_blank"><img class="foot_logo" src="images/fb.jpeg" alt="facebook logo"></a></div>
</div>
</footer>
</body>
</html>