-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (170 loc) · 9.33 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Le Rézoléo</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Bienvenue</a></li>
<li><a href="#who_we_are">Qui sommes nous</a></li>
<li><a href="#what_we_do">Ce que nous faisons</a></li>
<li><a href="#join_us">Nous rejoindre</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Le Rézoléo</h1>
<a href="./index_En.html" class="button scrolly">English version</a>
<br>
<br>Breaking the Internet since 1992
</div>
</section>
<!-- Who we are -->
<section id="who_we_are" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/image_groupe_glitch.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Qui nous sommes</h2>
<p>Rézoléo est l'association Loi 1901 qui administre le réseau internet à la résidence Léonard de Vinci. Ses membres sont des élèves de Centrale Lille Institut bénévoles. Longtemps rattaché à l'école, le Rézoléo est devenu indépendant en 2017, et est depuis un Fournisseur d'Accès Internet Associatif officiel. L'association propose de nombreux services à tous les élèves de l'institut et aux autres associations, ainsi que de nombreuses formations à destination de ses membres.</p>
<ul class="actions">
<li><a href="https://poly.rezoleo.fr/doku.php?id=public:histoire_public" class="button">En savoir plus</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/image_dark.jpg" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Règlement intérieur</h2>
<p>Pour une bonne utilisation de nos services, pensez à consulter le règlement intérieur du Rézoléo en cliquant ci-dessous.</p>
<ul class="actions">
<li><a href="https://ri.rezoleo.fr/reglement_interieur.pdf" class="button">Règlement intérieur</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/image_cables.jpg" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Adhérent Connecté</h2>
<p>Chaque résident peut bénéficier d'une connexion internet grâce à la prise ethernet disponible dans sa chambre et via le Wifi accessible dans toute la résidence. Le prix de la cotisation est de 5€ par mois (50€ pour une année). Vous pouvez régler votre cotisations par chèque, virement bancaire, carte bancaire, ou en liquide.</p>
<ul class="actions">
<li><a href="https://re2o.rezoleo.fr/" class="button">Visiter Re2o</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- What we do -->
<section id="what_we_do" class="wrapper style3 fade-up">
<div class="inner">
<h2>Nos services</h2>
<p>Les nombreux services du Rézoléo.</p>
<div class="features">
<section>
<span class="icon major fa-code"></span>
<h3>Hébergement Web</h3>
<p>Pour un site personnel, pour une association, pour une liste, ou pour un projet, le Rézoléo propose un hébergement web gratuit à la communauté de l'institut.</p>
</section>
<section>
<span class="icon major fa-lock"></span>
<h3>Aide à l'installation</h3>
<p>Besoin de paramétrer un routeur, ou d'installer Linux pour les cours ? Nous sommes là pour vous aider.</p>
</section>
<section>
<span class="icon major fa-code"></span>
<h3>Formations</h3>
<p>Le Rézoléo propose tout au long de l'année de nombreuses formations ouvertes à tous, sur de nombreux sujets liés à l'informatique.</p>
</section>
<section>
<span class="icon major fa-desktop"></span>
<h3>Réparation d'ordinateur</h3>
<p>Si tu as des problèmes d'ordinateur, passe au local pour qu'on puisse y jeter un œil.</p>
</section>
<section>
<span class="icon major fa-chain"></span>
<h3>Les mailings-list</h3>
<p>Nous proposons aux associations de créer et gérer leur liste de diffusion, qui permet de créer une adresse e-mail publique pour un groupe de personnes.</p>
</section>
<section>
<span class="icon major fa-chain"></span>
<h3>Le Poly</h3>
<p>Nous essayons de documenter nos services et notre travail sur notre Poly !</p>
<ul class="actions">
<li><a href="https://poly.rezoleo.fr/doku.php?id=start" class="button">Visiter le poly</a></li>
</ul>
</section>
</div>
</div>
</section>
<!-- Join us -->
<section id="join_us" class="wrapper style1 fade-up">
<div class="inner">
<h2>Nous rejoindre</h2>
<p>Nos réunions se déroulent le jeudi à 18h au local Rézo.</p>
<h2>Nous trouver</h2>
<p>Des permanences sont effectuées en période scolaire tous les lundis et vendredis de 18h à 20h au local Rézo.</p>
<div class="split style1">
<section>
<img margin="0 auto" src="images/carte_local_rezoleo.png" />
</section>
<section>
<ul class="contact">
<li>
<h3>Adresse</h3>
<span>Résidence Léonard de Vinci<br/>
Avenue Paul Langevin<br/>
59650 Villeneuve d'Ascq</span>
</li>
<li>
<h3>E-mail</h3>
<a href="mailto:[email protected]?subject=Question relative à [...]">[email protected]</a>
</li>
<li>
<h3>Réseaux sociaux</h3>
<ul class="icons">
<li><a href="https://twitter.com/rezoleo_ecl" class="fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/rezoleoeclille/" class="fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/rezoleo/" class="fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://linkedin.com/company/rezoleo/" class="fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>