-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
288 lines (262 loc) · 25 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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="keywords" content="semaine numérique quebec">
<meta name="description" content="Plus de 1000 participants convergeront à Québec, du 4 au 9 avril 2016 pour la première Semaine du numérique. Que vous soyez créateur de contenu Web ou de jeux vidéo, fournisseur ou entrepreneur en quête de solutions numérique, chercheur, institutionnel ou citoyen touché par ce sujet, vous serez intéressé par l'un des cinq événements de cette semaine incontournable.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>La semaine numérique de Québec</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<noscript>
Ce site uttilise la technologie javascript, pour profiter de ce site, veuillez activer les scripts sur votre navigateur ou mettre à jour ce dernier.
</noscript>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="pageWrapper row">
<div class="bouton-menu"><img width="30px" height="30px" src="img/menu.svg" alt="acces au menu" title="acces au menu"></div>
<section id="header">
<nav role="navigation wrapper">
<li ><img src="img/logo_semaine_numerique_small.png" height="48px" alt="logo de la semaine numérique" title="logo de la semaine numérique"></li><!--
--><li><a class="lien-menu" data-link="#689f38" href="#cestquoi">C'est quoi ?</a></li><!--
--><li><a class="lien-menu" data-link="#fb8c00" href="#evenements">Les évènements</a></li><!--
<li><a class="lien-menu" data-link="#c2185b" href="#ofqj">L'OFQJ</a></li>
--><li><a class="lien-menu" data-link="#c2185b" href="#marraine">La marraine</a></li><!--
--><li><a class="lien-menu" data-link="#00acc1" href="#partenaires">Partenaires</a></li>
<a href="/programme.html" class="btn-cta rose">Voir le programme</a>
</nav>
</section>
<section role="contenu principal" id="fullpage" class="content row">
<div class="section page page-1 impair">
<div class="wrapper">
<div class="col-md-5 col-sm-5 col-xs-12 vertical">
<img class="logo" src="img/logoSemaineNumerique.svg" alt="logo la semaine numérique de québec" title="logo la semaine numérique de Québec">
</div><!--
--><div class="conteur col-md-7 col-sm-7 col-xs-12 row vertical">
<a href="#cestquoi" class="btn-ghost bleu">c'est Quoi ?</a>
<a href="#evenements" class="btn-cta bleu">Voir les évènements</a>
</div>
</div>
</div>
<div class="section page page-2 pair row">
<div class="wrapper">
<div class="left col-md-7 col-sm-7 col-xs-12 row vertical">
<h1 class="titre"><span class="slimTxt">la semaine numérique</span></br><span class="boldTxt">C'est quoi?</span></h1>
<p class="contenu">Plus de 1000 participants convergeront à Québec, du 4 au 9 avril 2016 pour la première Semaine du numérique.<br><br> Que vous soyez créateur de contenu Web ou de jeux vidéo, fournisseur ou entrepreneur en quête de solutions numérique, chercheur, institutionnel ou citoyen touché par ce sujet, vous serez intéressé par l'un des cinq événements de cette semaine incontournable.<br><br>Au programme figurent le Web à Québec qui en sera à sa 6e édition, la compétition de création de jeux vidéo Pixel Challenge et la plateforme d'échanges de contenus multi-écrans Pixel Média, le rendez-vous d'affaires Opportunités digitales et le congrès scientifique Intelligence numérique. Venez y rencontrer des passionnés du numérique d'ici et d’ailleurs!</p>
<a href="#evenements" class="btn-cta vert">Voir les évènements</a>
</div><!--
--><div class="col-md-5 col-sm-5 col-xs-12 vertical">
<iframe width="80%" height="315" src="https://www.youtube.com/embed/5R1r-7UDUMw" frameborder="0" allowfullscreen></iframe>
<span class="boldTx hashtag">#SNQuebec16</span></br>
<span class="slimTxt">Partagez vos attentes <br> Pour nous suivre sur Twitter : <a href="https://twitter.com/snquebec">@SNQuebec</a></span>
</div>
</div>
</div>
<div class="section page page-3 impair row">
<div class="slide slide1">
<div class="wrapper vertical cont-events">
<h2 class="titre"><span class="boldTxt">Les évènements</span></br><span class="slimTxt"> de la semaine numérique</span></h2>
<p>Pour assister à un ou plusieurs événement(s), n'oubliez pas de vous inscrire indépendamment auprès de chaque structure respective.</p>
<div class="col-md-6 col-sm-6 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/logoWAQ.png" alt="le web à quebec" title="Le web à Québec">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Web à Québec</h3></br>
Le plus grand événement numérique francophone en Amérique du Nord vous ouvre les portes de ses 7 salles de conférence! Découvrez les dernières tendances numériques, rencontrez les acteurs majeurs de l'écosystème et perfectionnez vos connaissances des métiers de l'industrie Web.</p>
<a href="http://www.webaquebec.org" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/logo-opportunitesdigitales.png" alt="Opportunités Digitales" title="Opportunités Digitales">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Opportunités Digitales</h3></br>
Opportunités Digitales à Québec, un événement conçu pour les PME souhaite mettre en valeur les entreprises qui ont travaillé en collaboration avec des experts pour implanter des technologies ou des solutions numériques pour augmenter la performance de leur entreprise au niveau local et international.</p>
<a href="http://quebecinternational.ca/calendrier-d-activites/2016/04/opportunites-digitales-a-quebec/" target="_blanck" no-follow class="btn-cta orange" title="En dkjfhskjdhfskd (Nouvelle fen^tre)">en savoir plus</a>
</div>
</div>
</div>
</div>
</div>
<div class="slide slide2">
<div class="wrapper vertical">
<h2 class="titre titre-slide2"><span class="boldTxt">Les évènements</span></br><span class="slimTxt"> de la semaine numérique</span></h2>
<div class="col-md-6 col-sm-6 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/logoDigitalInteligence.png" alt="Digital Intelligence" title="Digital Intelligence">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Intelligence Numérique</h3></br>
Intelligences numériques (Digital Intelligence) est une nouvelle conférence internationale dédiée aux cultures et à la société numérique, organisée conjointement par l’Université de Nantes (France) et l’Université Laval (Canada). Participez aux échanges et débats, pour ainsi contribuez à l’enrichissement des connaissances scientifiques sur les questions liées au numérique!</p>
<a href="http://di2016.org/accueil/" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/logoPixelChallenge.png" alt="Pixel Challenge" title="Pixel Challenge">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Pixel Challenge</h3></br>
Au cœur de la technoculture de Québec, le Pixel Challenge est une compétition de création de jeux vidéo lors de laquelle les compétiteurs ont 48 heures pour créer un jeu épique!</p>
<a href="http://www.pixelchallengequebec.org/" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
</div>
</div>
<div class="slide slide3">
<div class="wrapper vertical">
<h2 class="titre titre-slide2"><span class="boldTxt">Les évènements</span></br><span class="slimTxt"> de la semaine numérique</span></h2>
<div class="col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/logoPixelMedia.png" alt="Pixel Media" title="Pixel Media">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Pixel Media</h3></br>
Au moment où les technologies numériques et interactives bousculent toutes les pratiques reliées à la production audiovisuelle et médiatique, Pixel Média rassemble à Québec les professionnels des contenus multi-écrans dans le but d'approfondir toutes ces questions les touchant au premier degré pour leur permettre de profiter de cette nouvelle culture médiatique.</p>
<a href="http://www.pixelmediaquebec.org/" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/Webinaire-OMSRP-2016.png" alt="Webinaire-OMSRP" title="Webinaire OMSRP">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Webinaire OMSRP</h3></br>
Le Webinaire international franco-québécois del’Observatoire des médias sociaux en relations publiques (OMSRP), coorganisé avec l’Université de Toulouse 1 Capitole, et collaborateurs, MICA de l’Université de Bordeaux et Ellico Sciences Po Lyon.Mardi 5 avril 2016 de 9h à 17h. Terminal Croisières, Port de Québec. Au cœur de ce 5e rendez-vous« l’E-réputation et les influenceurs 2.0 »</p>
<a href="http://www.omsrp.com.ulaval.ca/activites/webinaires/" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
</div>
</div>
<div class="slide slide4">
<div class="wrapper vertical">
<h2 class="titre titre-slide2"><span class="boldTxt">Les évènements</span></br><span class="slimTxt"> de la semaine numérique</span></h2>
<div class="col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/villeDeQuebec.png" alt="Ville de Québec" title="Ville de Québec">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt"> Ville de Québec</h3></br>
La Ville de Québec est fière de participer activement à cette première Semaine numérique québécoise! En plus d’en soutenir financièrement trois événements, rappelons que l’animation et la promotion de l’écosystème numérique ainsi que le développement des entreprises numériques et technologiques sont au cœur de la Stratégie de développement économique de la Ville de Québec depuis plusieurs années.</p>
<a href="http://www.ville.quebec.qc.ca/index.aspx" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-md-offset-3 col-sm-offset-3 col-xs-12 row cont-event">
<div class="event col-md-12 col-sm-12 col-xs-12">
<img src="img/bibliothequeQuebec.png" alt="Bibliothèque de Québec" title="Bibliothèque de Québec">
<div class="descr-event">
<p class="content-event"><h3 class="titre-event boldTxt">Bibliothèque de Québec</h3></br>
La Bibliothèque de Québec est heureuse d’assurer le volet grand public de la première Semaine numérique québécoise! Pendant toute la semaine, une foule d’activités gratuites en lien avec le numérique seront offertes dans l’ensemble du réseau. Les activités culmineront les 9 et 10 avril avec des journées complètement dédiées au numérique où conférences, démonstrations et ateliers se succèderont à la bibliothèque Gabrielle-Roy.</p>
<a href="http://www.bibliothequedequebec.qc.ca/index.aspx" target="_blanck" no-follow class="btn-cta orange">en savoir plus</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="section page page-4 pair row">
<div class="wrapper">
<div class="left col-md-7 col-sm-7 col-xs-12 row vertical">
<h2 class="titre"><span class="boldTxt">L'OFQJ</span></br><span class="slimTxt">et la semaine numérique</span></h2>
<p class="contenu">L'Office franco-québécois pour la jeunesse (OFQJ) contribue au
rapprochement des jeunesses française et québécoise par la mise en œuvre
de programmes de mobilité axés sur le développement et le perfectionnement
professionnels, dans les secteurs économique, culturel, académique et
social, tout en favorisant les découvertes interculturelles et le maillage
des réseaux.<br><br>
Implanté en France et au Québec, l'OFQJ conseille et soutient chaque année
des milliers de jeunes adultes de 18 à 35 ans dans leur projet de mobilité
professionnelle outre-Atlantique. L'OFQJ détient une compétence unique en
matière d'accompagnement à la mobilité et de conception et gestion de
projets outre-Atlantique. En tant qu'initiateur, catalyseur ou partenaire,
il contribue à accroître les échanges d'expertise et de savoir-faire,
facilite l'insertion professionnelle et la mise en réseau de sa clientèle.<br><br>
Dans le cadre de la Semaine du Numérique de la ville de Québec qui se
déroulera du 4 au 9 avril 2016, l'Office franco-québécois pour la
jeunesse, en collaboration avec Québec numérique, Québec international,
Pixel media et l'Université Laval, organise et soutient financièrement la
participation d'une délégation d¹entrepreneurs et professionnels du
numérique.<br><br>
<a href="http://www.ofqj.org/appels/entrepreneurs-et-professionnels-fran-ais-du-num-rique-embarquez-avec-l-ofqj-pour-la-semaine-n" class="btn-cta rose">en savoir plus</a>
</div>
<div class="col-md-5 col-sm-5 col-xs-12 row vertical">
<img src="img/logo-ofqjcouleur.png" class="logo-ofqj" alt="logo ofqj" title="Logo ofqj">
<div class="col-md-12" id="jours-ofqj">
<span class="boldTxt count-ofqj">Les inscriptions sont terminées.</span><br/><span class="slimTxt sous">Communiquer avec madame Astrid Laye pour toutes questions : [email protected]</span>
</div>
</div>
</div>
</div> -->
<div class="section page page-5 impair row">
<div class="wrapper">
<h2 class="titre left"><span class="boldTxt">La marraine</span></br><span class="slimTxt">de la semaine numérique</span></h2>
<div class="temoignage col-md-12 col-sm-10 col-xs-12 ">
<div class="col-md-4 col-sm-4 col-xs-12">
<img src="img/axelle-lemaire.jpg" class="img-responsive" style="padding-top:15px;" alt="Axelle Lemaire" title="Axelle Lemaire">
<p>©mein-PatrickVEDRUNE</p>
</div>
<div class="col-md-8 col-sm-8 col-xs-12 texte left">
<h4 class="titre"><span class="boldTxt">Axelle Lemaire</span></br><span class="slimTxt">Secrétaire d'état chargée du numérique, auprés du ministre de l'économie, de l'industrie et du numérique</span></h4>
<p>Vous connaissez mon attachement personnel au Québec et mon engagement pour la diffusion des usages du numérique. Je ne peux donc que me féliciter de l’organisation d’une semaine dédiée au numérique dans la ville de Québec, du 4 au 9 avril 2016, à laquelle participeront plus de 200 participants français grâce à l’appui de l’Office franco-québécois pour la jeunesse. Cette manifestation est une parfaite illustration du dynamisme de la région de Québec pour former un écosystème d’innovation dynamique et ambitieux, à l’instar de ce que le gouvernement français a initié aux côtés des territoires dans le cadre de l’initiative French Tech.<br><br>
Nous devons approfondir notre coopération en la matière et développer plus encore les échanges, tant économiques qu’humains, pour créer les conditions d’un espace d’innovation francophone puissant qui met en avant la diversité culturelle, linguistique et géographique. C’est aussi ce combat que je mène avec nos amis africains pour renforcer nos liens grâce au numérique.<br><br>
Les French Tech Hubs ont vocation à devenir des passerelles pour ces échanges, à constituer des lieux de rencontre et de partage, à offrir un cadre propice à la pratique des affaires, aux coopérations technologiques et à la diffusion d’usages numériques francophones dans le monde entier.<br><br>
Je suis très honorée que mes amis québécois m’ait proposé de devenir la marraine de cette première semaine numérique de Québec. C’est avec le plus grand plaisir que j’ai donc accepté de soutenir cet événement dont le rayonnement auprès de milliers de participants de la francophonie constituera un jalon important pour faire vivre ces valeurs.<br><br>
Bonne semaine numérique à tous.</p>
</div>
</div>
</div>
</div>
<div class="section page page-6 pair row">
<div class="wrapper">
<h2 class="titre left"><span class="boldTxt">Les partenaires</span></br><span class="slimTxt">de la semaine numérique</span></h2>
<!-- <div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<img src="img/logofrenchtech.png" alt="logo french tech" title="Logo French tech Quebec">
</div> -->
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="http://quebecnumerique.com" target="_blank"><img src="img/qcnumerique.png" alt="logo Quebec numérique" title="Logo Quebec numérique"></a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="http://www.ofqj.org" target="_blank"><img src="img/logo-ofqjcouleur-small.png" alt="logo OFQJ" title="Logo OFQJ"></a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="http://www.quebecinternational.ca" target="_blank"><img src="img/logo-qi.jpg" alt="logo québec international" title="Logo Québec international"></a>
</div>
<div class="col-md-12 col-sm-12 col-xs-12"></div>
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="http://www.pixelmediaquebec.org" target="_blank"><img src="img/pixel-quebec-logo.jpg" alt="logo pixel québec" title="Logo Pixel Québec"></a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="https://www.ulaval.ca" target="_blank"><img src="img/logo-universite-laval.jpg" alt="logo universite Laval" title="Logo Université Laval"></a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="http://www.omsrp.com.ulaval.ca/" target="_blank"><img src="img/logo-OMSRP.png" alt="logo OMSRP" title="Logo OMSRP"></a>
</div>
<div class="col-md-12 col-sm-12 col-xs-12"></div>
<div class="col-md-offset-2 col-md-4 col-sm-4 col-xs-12 partenaire">
<a href="http://www.ville.quebec.qc.ca/index.aspx" target="_blank"><img src="img/logoVilleQuebec.png" alt="logo Ville de Quebec" title="Logo ville de Quebec"></a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 partenaire">
<a href=" http://www.bibliothequedequebec.qc.ca/index.aspx" target="_blank"><img src="img/logoBibliotheque.png" alt="logo Bibliotheque de Quebec" title="Logo Bibliotheque de Quebec"></a>
</div>
<footer role="footer" class="col-md-12">
Tous droits réservés <a href="http://quebecnumerique.com" target="_blanck">Québec Numérique</a><br>
Site réalisé par <a href="http://joffreygentreau.fr" target="_blanck" no-follow>joffreygentreau.fr</a> - <a href="http://digital-campus.fr" target="_blanck" no-follow>étudiant Digital Campus</a></footer>
</div>
</div>
</section>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-41116311-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>