-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
219 lines (219 loc) · 13.2 KB
/
Copy pathindex.html
File metadata and controls
219 lines (219 loc) · 13.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="LiberaGroup est une association française de loi 1901, son but est de rendre l'informatique accessible à tous.">
<meta name="author" content="LiberaGroup" />
<title>LiberaGroup</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" integrity="sha512-fD9DI5bZwQxOi7MhYWnnNPlvXdp/2Pj3XSTRrFs5FQa4mizyGLnJcN6tuvUS6LbmgN1ut+XGSABKvjN0H6Aoow==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><h3>LiberaGroup</h3></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ms-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#services">Notre but</a></li>
<li class="nav-item"><a class="nav-link" href="#about">À propos</a></li>
<li class="nav-item"><a class="nav-link" href="#team">Notre équipe</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Nous contacter</a></li>
<li class="nav-item"><a class="nav-link" href="/redirect/liberadev.html">LiberaDev</a></li>
<li class="nav-item"><a class="nav-link" href="/redirect/liberaedu.html">LiberaEdu</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<div class="masthead-subheading">LiberaGroup</div>
<div class="masthead-heading text-uppercase">Rendons l'informatique plus accessible ensemble !</div>
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Dit moi en plus</a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Objectif</h2>
<h3 class="section-subheading text-muted">Que fait LiberaGroup pour vous ?</h3>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Prix</h4>
<p class="text-muted">LiberaGroup contribue au développement de logiciel / site Internet avec des prix peu cher contrairement à la moyenne voir gratuit !</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Facilité et libre d'accès</h4>
<p class="text-muted">L'objectif prinicpal de LiberaGroup est de rendre l'informatique plus accessible. Nous contribuons à cela en développant des logiciels dit <a href="https://fr.wikipedia.org/wiki/Open_source">Open Source</a> et à la réalisation de <a href="/redirect/liberaedu.html">session de formation gratuite</a> pour personne isolé numériquement.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Sécurité</h4>
<p class="text-muted">Nous essayons au maximum de contribuer à la sécurité de nos utilisateurs.</p>
</div>
</div>
</div>
</section>
<!-- About-->
<section class="page-section" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">À propos de nous</h2>
<h3 class="section-subheading text-muted">Cheminement du projet</h3>
</div>
<ul class="timeline">
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2021 - 2023</h4>
<h4 class="subheading">Reflection sur le sujet</h4>
</div>
<div class="timeline-body"><p class="text-muted">Hugo, Fondateur et Vice Président de LiberaGroup, pense pour la première fois au projet et imagine le nom, l'objectif du projet.</p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>25 Mai 2023</h4>
<h4 class="subheading">Création de l'association</h4>
</div>
<div class="timeline-body"><p class="text-muted">Guillaume, Co-Fondateur et Président de LiberaGroup, rejoint le projet et prend en charge les déclarations pour ouvrir la structure que vous connaissez aujourd'hui.</p></div>
</div>
</li>
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2023 - 2024</h4>
<h4 class="subheading">Développement de notre infrastucture</h4>
</div>
<div class="timeline-body"><p class="text-muted">Mathieu, Trésorier et Président Adjoint ainsi que Neil, Secrétaire rejoigne l'Association et nous aide dans notre but ultime: <b>Rendre l'informatique plus accessible pour tous.</b></b></p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>
Rejoins
<br />
Nous pour
<br />
nous aider
</h4>
</div>
</li>
</ul>
</div>
</section>
<!-- Team-->
<section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Notre equipe</h2>
<h3 class="section-subheading text-muted">L'équipe de choc de LiberaGroup !</h3>
</div>
<div class="row">
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="Guillaume" />
<h4>Guillaume M.</h4>
<p class="text-muted">Président et Co-Fondateur</p>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="Hugo" />
<h4>Hugo H.</h4>
<p class="text-muted">Vice-Président et Fondateur</p>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="Mathieu" width="50%" />
<h4>Mathieu H.</h4>
<p class="text-muted">Président Adjoint et Trésorier</p>
</div>
</div>
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/4.jpg" alt="Neil" />
<h4>Neil U--M.</h4>
<p class="text-muted">Secrétaire</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center"><p class="large text-muted">De vrai génie !</p></div>
</div>
</div>
</section>
<!-- Contact-->
<section class="page-section" id="contact">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Nous contacter</h2>
<h3 class="section-subheading text-muted">Une question ? Une proposition ? Juste en-dessous ça passe.</h3>
</div>
<a href="mailto: contact@liberagroup.fr">
<div class="text-center">
<button class="btn btn-primary btn-xl text-uppercase" name="submit" type="submit">Envoyer</button>
</div>
</a>
</div>
</section>
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 text-lg-start">LiberaGroup © 2023 - Tous droits réservés</div>
<div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="/redirect/twitter.html" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="/redirect/facebook.html" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="/redirect/instagram.html" aria-label="instagram"><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" href="/redirect/github.html" aria-label="Github"><i class="fab fa-github"></i></a>
</div>
<div class="col-lg-4 text-lg-end">
<a class="link-dark text-decoration-none me-3" href="assets/file/legal.pdf">Mentions Légales</a>
<a class="link-dark text-decoration-none me-3" href="./dp.html">Contacter l'equipe Sécurité</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>