forked from FrancoisChastel/RIF
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
255 lines (223 loc) · 14.1 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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>AEDI - Rencontres IF édition 2017-18</title>
<link rel="icon" href="ressources/logo/icon_site.png"/>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
</head>
<body>
<div class="navbar-fixed">
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<img id="logo-container" href="#"><img src="ressources/logo/RIF.png" class="brand-logo" alt=""></a>
<!-- Desktop menu -->
<ul class="right hide-on-med-and-down">
<li><a class="black-text" href="#laRencontre">La rencontre</a></li>
<li><a class="black-text" href="#uneEcole">Une école</a></li>
<li><a class="black-text" href="#uneSpecialite">Une spécialité</a></li>
<li><a class="black-text" href="#contact">Contactez-nous !</a></li>
</ul>
<!-- Mobile menu -->
<ul id="nav-mobile" class="side-nav">
<h5 class="center black-text">Rencontres IF édition 2017-18</h5>
<li><a class="black-text" href="#laRencontre">La rencontre</a></li>
<li><a class="black-text" href="#uneEcole">Une école</a></li>
<li><a class="black-text" href="#uneSpecialite">Une spécialité</a></li>
<li><a class="waves-effect waves-light btn light-blue accent-4" href="#contact">Contactez-nous !</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
</div>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center white-text text-accent-1 text-darken-3 shades-text shades black-text-shadow ">Rencontres IF 2017-18</h1>
<h4 class="header center col s12 light black-text-shadow">INSA Lyon, Département Informatique</h5>
<div class="row center">
<h5 class="header col s12 light black-text-shadow"><i>Nouvelle édition du 23 novembre 2017</i></h5>
</div>
<div class="row center">
<a href="#contactModal" id="subscribeFirstButton" class="btn-large waves-effect waves-light light-blue accent-4 modal-trigger">Inscrivez votre entreprise maintenant !</a>
</div>
</div>
</div>
<div class="parallax"><img src="background3.jpg" alt="Unsplashed background img 3"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<h4 class="center-align">La rencontre, les RIFs</h4>
<div class="row scrollspy" id="laRencontre">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">track_changes</i></h2>
<h5 class="center">Une proximité sans égale</h5>
<p class="light justify">Une trentaine d'entreprises sont invitées au sein du département afin de venir à la <b class="light-blue-text accent-4">rencontre des élèves ingénieurs</b>. Vous serez accueillis par notre équipe composée exclusivement d'étudiants. La journée, banalisée pour l'évènement, permettra aux élèves de venir vous rencontrer.
Les Rencontres IF sont ainsi une occasion idéale pour recruter vos <b class="light-blue-text accent-4">futurs collaborateurs</b>.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">schedule</i></h2>
<h5 class="center">Nouvelle édition</h5>
<p class="light justify">Pour cette édition 2017-18, les Rencontres IF se dérouleront le <b class="light-blue-text accent-4">23 novembre 2017</b> dans les locaux du département Informatique de l'INSA Lyon. Ce sera une occasion exceptionnelle pour rencontrer un nombre considérable d'étudiants à la recherche de leur stage ou premier emploi idéal. Vous établirez ainsi une <b class="light-blue-text accent-4">relation durable</b> avec eux.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">forum</i></h2>
<h5 class="center">Des profils variés</h5>
<p class="light justify">Grâce à la date avancée de ces rencontres, votre entreprise pourra <b class="light-blue-text accent-4">échanger</b> avec l'ensemble des profils formés au département informatique :
élèves-ingénieurs de 3<sup>ème</sup>, 4<sup>ème</sup> et 5<sup>ème</sup> années, doctorants au laboratoire LIRIS ainsi qu'étudiants de mastère spécialisé. Ce sera une <b class="light-blue-text accent-4">opportunité</b> pour pourvoir vos offres de stages de 2 à 6 mois.</p>
</div>
</div>
</div>
<div class="row center">
<a href="#contactModal" id="subscribeSecondButton" class="btn-large waves-effect waves-light light-blue accent-4 modal-trigger">Inscrivez votre entreprise maintenant !</a>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="white-text light center-block black-text-shadow">Un événement unique rassemblant plus d'une centaine d'étudiants de l'INSA Lyon spécialisés en Informatique</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background1.jpg" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<h4 class="center-align">Une école, l'INSA Lyon</h4>
<div class="row scrollspy" id="uneEcole">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">star</i></h2>
<h5 class="center">1<sup>ère</sup> école d'ingénieurs de France</h5>
<p class="light justify">Depuis 1957, l’INSA Lyon a formé plus de 31 000 ingénieurs et se positionne comme <b class="light-blue-text accent-4">l'un des plus grands centres de recherche</b> français. Elle accueille chaque année une grande <b class="light-blue-text accent-4">diversité de profils</b> grâce à une sélection pointue.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">language</i></h2>
<h5 class="center">Des étudiants internationaux</h5>
<p class="light justify">L’INSA Lyon valorise l'<b class="light-blue-text accent-4">ouverture internationale</b> en l'inscrivant au coeur de la formation. En effet, l'école compte plus de 30% d'étudiants internationaux et une <b class="light-blue-text accent-4">expérience à l'étranger</b> est nécessaire pour l'obtention du diplôme.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">forward_5</i></h2>
<h5 class="center">Une formation compléte de 5 ans</h5>
<p class="light justify">Le cursus Ingénieur de l'INSA Lyon s'étend en cinq ans et permet à chacun des étudiants d'acquérir de <b class="light-blue-text accent-4">solides compétences</b> scientifiques. L'école valorise également une formation <b class="light-blue-text accent-4">humaniste et citoyenne</b> à travers une importante implication associative. Les profils des étudiants de l'INSA Lyon sont riches et diversifés.</p>
</div>
</div>
</div>
<div class="row center">
<a href="https://www.insa-lyon.fr/" target="_blank" class="btn-large waves-effect waves-light accent-4">Plus de détails sur l'INSA Lyon</a>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="white-text light center-block black-text-shadow">120 Ingénieurs-informatique diplômés par an</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background2.jpg" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<h4 class="center-align">Une spécialité, l'informatique</h4>
<div class="row scrollspy" id="uneSpecialite">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">done_all</i></h2>
<h5 class="center">Une formation d'excellence</h5>
<p class="light justify">La formation dispensée est nationalement reconnue pour son <b class="light-blue-text accent-4">excellence</b>. Les cours dispensés par des chercheurs et experts sont <b class="light-blue-text accent-4">au plus proche du besoin industriel</b> et à la pointe des dernières avancées dans la recherche.
Grâce à de solides bases méthodologiques et techniques, les étudiants développent un ensemble de compétences exploitables selon les exigences des emplois et les caractéristiques des individus.
</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">library_books</i></h2>
<h5 class="center">Des compétences techniques variées et approfondies</h5>
<p class="light justify">Le Département Informatique, créé en 1969, forme des ingénieurs à caractère <b class="light-blue-text accent-4">généraliste et multi-métiers</b>. D'un point de vue technique, les élèves bénéficient d'une vue d'ensemble et développent de solides compétences sur les différents domaines qu'offre l'informatique.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center brown-text"><i class="material-icons">perm_identity</i></h2>
<h5 class="center">Une formation orientée projet</h5>
<p class="light justify">Le cursus rythmé par de nombreux projets en équipe permet aux élèves de dévolopper leur esprit de <b class="light-blue-text accent-4">coopération</b> et de mettre en pratique leurs acquis en <b class="light-blue-text accent-4">conduite de projet</b>.
Ils sont ainsi opérationnels et armés pour devenir des éléments moteurs au sein de vos équipes.
</p>
</div>
</div>
</div>
<div class="row center">
<a href="#contactModal" id="subscribeSecondButton" class="btn-large waves-effect waves-light light-blue accent-4 modal-trigger">Inscrivez votre entreprise maintenant !</a>
</div>
</div>
</div>
<!-- Modal Structure -->
<div id="contactModal" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Réservation et renseignements RIFs 2017-18</h4>
<div class="row center-align">
<p >
Pour toute demande merci d'envoyer un mail à l'équipe entreprise de l'AEDI : <br />
<a href="mailto:aedi.entreprise.asso@listes.insa-lyon.fr"><i class="material-icons tiny">mail</i> aedi.entreprise.asso@listes.insa-lyon.fr</a>
</p>
</div>
</div>
</div>
<footer class="page-footer grey darken-1">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Rencontre IF - Informations complémentaires</h5>
<p class="grey-text text-lighten-4">Les tarifs sont étudiés afin de remercier les entreprises parrainant les promotions d'élèves-ingénieurs et les membres du Club IF. <br /><a href="#contactModal" class="modal-trigger grey-text text-lighten-1"><b>Contactez-nous</b></a> pour connaître les tarifs ou pour toutes informations complémentaires.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text scrollspy" id="contact">Contact</h5>
<ul>
<li><a class="grey-text text-lighten-4" href="mailto:aedi.entreprise.asso@listes.insa-lyon.fr"><i class="material-icons tiny">mail</i> aedi.entreprise.asso@listes.insa-lyon.fr</a></li>
<!-- <li class="grey-text text-lighten-4"><i class="material-icons tiny">phone</i> +33 (0)6 52 07 14 00</li> -->
<li class="grey-text text-lighten-4"><a class="grey-text text-lighten-4" href="http://aedi.insa-lyon.fr" target="_blank"><i class="material-icons tiny">language</i> aedi.insa-lyon.fr</a> -
<a class="grey-text text-lighten-4" href="http://if.insa-lyon.fr/" target="_blank">if.insa-lyon.fr</a>
</li>
<li><a class="grey-text text-lighten-4 modal-trigger" href="#contactModal"><i class="material-icons tiny">web</i> Réservation et contact en ligne</a></li>
<li><img src="ressources/logo/logo_INSA.png" class="responsive-img col s7"/><img src="ressources/logo/LOGO_AEDI.png" class="col s5 responsive-img"/></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 Copyright AEDI INSA Lyon
<a class="grey-text text-lighten-4 right" href="http://aedi.insa-lyon.fr">Un événement organisé par l'AEDI INSA Lyon</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<script src="js/init.js"></script>
</body>
</html>