forked from ApplETS/Site-Web-App-ETS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·247 lines (217 loc) · 10.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/typewriter.css">
<link rel="stylesheet" href="css/home.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<title>Club App|ETS</title>
</head>
<body>
<!--Navigation bar-->
<nav class="navbar fixed-top navbar-expand-lg">
<span id="navTitle" class="navbar-brand" style="font-size:5vh;cursor:default;color:white;display: none;">
<img id="brandImage" class="brandImage" src="images/Logo_blanc_ApplETS.png">
</span>
<div id="floatingToggle"></div>
<a id="nav-toggler" style="opacity:0;">
<span></span>
</a>
<div class="collapse navbar-collapse main-nav" id="navToggleContent">
<ul id="navButtons" class="nav-buttons navbar-nav mr-auto mt-2 mt-lg-0" style="display:none;">
<li class="nav-item currentTab">
<a href="index.html">Accueil</a>
</li>
<li class="nav-item">
<a href="equipe.html">Équipe</a>
</li>
<li class="nav-item">
<a href="projets.html">Projets</a>
</li>
<li class="nav-item">
<a href="partenaires.html">Partenaires</a>
</li>
<li class="nav-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<!--Welcome section content-->
<div class="container-fluid" id="motto" style="background-image:url('images/background2.png');">
<div id="typewriter-container"></div>
<div id="link-buttons-container" style="opacity:0;">
<span class="link-button" id="go-to-description-button">
À propos du club
</span>
<span class="link-button" id="go-to-blog-button">
Blog
</span>
</div>
</div>
<!--Club intro section content-->
<div id="parallax-content" class="description-content">
<div class="container info-bubble" id="club-description">
<div>
<span class="bubble-title">LE CLUB</span>
<div class="gradient-border"></div>
<span>ApplETS est avant tout un regroupement d’étudiants qui partagent un intérêt commun pour le domaine
des télécommunications
et des applications mobiles.
<br>
Ce club étudiant a pour objectif principal de former, au sein de l’ÉTS, une main
d’œuvre
spécialisée en ingénierie d’applications mobiles et de promouvoir le développement de ces applications au
sein
de la communauté étudiante.
</span>
</div>
</div>
<div class="container info-bubble" id="club-mission">
<div>
<span class="bubble-title">MISSION DU CLUB</span>
<div class="gradient-border"></div>
<span>Le club ApplETS a été fondé par des étudiants de
l’École de
Technologie Supérieure (ÉTS) souhaitant répondre aux besoins technologiques grandissants des étudiants.
Constatant
la forte demande pour un accès mobile à l’information diffusée par l’ÉTS, le club a d’abord développé
ÉTSMobile,
une application centralisant des informations provenant de multiples plateformes. L’impact fut instantané;
une
complicité incroyable entre le club et l’ÉTS est née! Encore aujourd’hui, l’École et les étudiants utilisent
cette
application mobile qui ne cesse d’être améliorée. Depuis, ApplETS reçoit régulièrement des propositions de
nouveaux
projets, tant de la part des étudiants que des services et départements de l’ÉTS.
</span>
</div>
</div>
<div class="container info-bubble" id="club-objectives">
<div>
<span class="bubble-title">OBJECTIFS DU CLUB</span>
<div class="gradient-border"></div>
<span>Nos objectifs sont divers :
<br>
<br> - Appliquer les normes du génie logiciel
<br> - Améliorer les processus de développement
<br> - Se former rapidement aux nouvelles technologies
<br> - Améliorer le quotidien de la communauté ÉTS avec des solutions mobiles
<br> - Promouvoir le développement d’applications mobiles
</span>
</div>
</div>
</div>
<!--Blog section content-->
<div id="blog" style="background-image:url('images/background2.png');background-repeat:round;background-size:cover;">
<div class="container" style="width: 100%;display: flex;justify-content: center;">
<span class="blog-title">Blog</span>
</div>
<div class="container news-container">
<span class="title main-title">droidcon NYC</span>
<span class="title sub-title">Une conférence enrichissante pour l'équipe Android</span>
<span class="title sub-sub-title">28 août 2018</span>
<span class="title sub-sub-title">New-York City, USA</span>
<div class="row news-content">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FClubApplETS%2Fposts%2F1872106766172456&width=500"
width="500" height="747" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"
allow="encrypted-media"></iframe>
</div>
<div class="news-link-container">
<a class="news-button-container" href="https://www.facebook.com/ClubApplETS/posts/1872106766172456">
<img class="logo-image" src="images/facebook-logo.png" alt="">
<span style="text-decoration-line:none">Voir sur Facebook</span>
</a>
<div class="x-spacer"></div>
<a class="news-button-container" href="https://twitter.com/ClubApplETS/status/1044691798420008965">
<img class="logo-image" src="images/Twitter_Logo_WhiteOnBlue.png" alt="">
<span style="text-decoration-line:none">Voir sur Twitter</span>
</a>
</div>
</div>
<div class="container news-container">
<span class="title main-title">StarterHacks 2018</span>
<span class="title sub-title">24 heures de conception et une nouvelle application pour l'équipe App|ETS</span>
<span class="title sub-sub-title">3 mars 2018</span>
<span class="title sub-sub-title">Université de Waterloo, Ontario, Canada</span>
<div class="row news-content">
<div class="col-lg news-text-container">
<span class="text-content">Durant la semaine du 3 mars 2018, des membres du club App|ETS se sont déplacés à
l'Université de Waterloo en Ontario afin de participer au hackathon "StarterHacks". Durant cette
compétition de 24 heures, ils ont eu la chance de développer une application qui met en contact les
touristes avec des guides locaux, tout en faisant l'apprentissage de l'outil multiplateforme Flutter.</span>
</div>
<div class="col-lg">
<img class="img-fluid news-image" src="images/starterhacks.jpg" alt="">
</div>
</div>
<div class="news-link-container">
<a class="news-button-container" href="https://guidefinder.github.io">
<span style="text-decoration-line:none">Voir le projet</span>
</a>
</div>
</div>
<div style="height:1px;width:1px;"></div>
</div>
<!--Footer content-->
<div class="footer">
<div class="footer-content container">
<div style="display:flex;flex-direction:column;text-align: center;">
<span class="main-title">Coordonnées</span>
<span>
<br>
1100 rue Notre-Dame Ouest
<br>
Montréal, QC
<br>
H3C 1K3
<br>
Local : A-1304
<br>
Téléphone : +1 514 396-8800 poste 7314
<br>
Courriel : <a href="mailto:[email protected]">[email protected]</a>
</span>
</div>
<div style="display:flex;flex-direction:column;text-align:center;">
<span class="main-title">Médias sociaux</span>
<span>
<br>
Restez en contact avec nous:
</span>
<span style="margin-top:5px;">
<a href="https://github.com/ApplETS">
<img src="images/GitHub-Mark-Light-64px.png" class="logo-image" alt="">
</a>
<a href="https://www.facebook.com/ClubApplETS/">
<img src="images/facebook-logo.png" class="logo-image" alt="">
</a>
<a href="https://twitter.com/ClubApplETS">
<img src="images/Twitter_Logo_WhiteOnBlue.png" alt="" class="logo-image">
</a>
<a href="https://www.linkedin.com/company/applets/">
<img src="images/linkedin-logo.png" style="margin-left:-10px;" alt="" class="logo-image">
</a>
</span>
<span style="height:20px;width:1px;"></span>
<span>© 2018 App|ETS</span>
</div>
</div>
</div>
<!-- JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
<script async src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script>
<script src="js/typewriter.js"></script>
<script src="js/home.js"></script>
</body>
</html>