-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
208 lines (184 loc) · 12.4 KB
/
index.php
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
<!DOCTYPE html>
<html>
<head>
<?php include("include/inc_meta.php") ?>
<?php include("include/inc_analytics.php") ?>
<link rel="stylesheet" href="global.css" />
<title>Festival audiovisuel étudiant - FRAMMI Awards</title>
</head>
<body>
<input type="checkbox" class="ctrl lien-tactile-menu"/>
<input type="radio" name="option-menu" class="ctrl lien-tactile-inscription" onClick="location.href='#'"/>
<input type="radio" name="option-menu" class="ctrl lien-neutre" checked/>
<div class="bouton">
<div class="ligne-menu"></div>
<div class="ligne-menu"></div>
<div class="ligne-menu"></div>
</div>
<div class="fond-bouton"></div>
<nav id="menu"> <!-- MENU -->
<ul class="elements-menu">
<li><a href="#description">Le concept</a></li>
<li><a href="#edition2017">L'édition 2017</a></li>
<li><a href="#localisation">Localisation</a></li>
<li><a href="#contact">Contact</a></li>
<li>Inscription</li>
</ul>
<div class="social">
<a href="https://www.facebook.com/frammiawards/" target="_blank"><img src="images/icones/facebook-white.svg" width="100%"/></a>
<a href="https://www.instagram.com/frammi_awards/" target="_blank"><img src="images/icones/instagram-white.svg" width="100%"/></a>
<a href="https://www.youtube.com/channel/UCrFkdKO0A1VvjbN36g0fUrg" target="_blank"><img src="images/icones/youtube-white.svg" width="100%"/></a>
</div>
</nav>
<div id="zone-expend">
<section id="inscription">
<?php include("include/inc_details-inscription.php") ?>
</section>
</div>
<section id="grid-index">
<header> <!-- ENTETE -->
<div>
<a id="logo" href="pingouin.html" target="_blank" alt="Easter egg !">
<img src="images/logo_blanc.png" alt="logo">
</a>
<div class="infos-header">
<!--div>
<span>Lundi 5 mars 2018 à 19h</span>
<span>Salle Jean Renoir</span>
<span>à Chambéry</span>
</div-->
<a href="pages/vote.php"><div class="bouton-vote">
<img src="images/icones/deadline.svg" width="auto">
<span>VOTEZ</span>
</div></a>
<?php if(isset($_GET['ok'])){ echo
"<p>
Merci d'avoir voté, vous pouvez modifier votre vote en cliquant sur voter.
</p>";}
?>
</div>
<?php if(isset($_GET['ok'])){ echo
"<p>
Merci d'avoir voté, vous pouvez modifier votre vote en cliquant sur voter.
</p>";}
?>
</div>
<video poster="videos/poster1.png" id="bgvideo" autoplay loop muted>
<source src="videos/bgvideo.mp4" type="video/mp4">
</video>
</header>
<section id="description"> <!-- DESCRIPTION -->
<p>
Le festival des FRAMMI Awards est un Festival de réalisations audiovisuelles étudiantes organisé par des étudiants du <a href="http://mmi.univ-savoie.fr/site/"><abbr title="Métiers du Multimédias et de l’Internet">DUT MMI</abbr></a> de Chambéry. Depuis la première édition en 2010, l’événement invite à découvrir des court-métrages réalisés par des étudiants. Notre objectif principal est de partager une passion commune autour d’un événement qui alliera professionnalisme et convivialité en regroupant des étudiants de différents horizons. <br>
<br>Cette année la 9ème édition des FRAMMI Awards aura lieu le <span class="bold"><time datetime="2018-03-05T19:00">Lundi 5 mars 2018</time> salle Jean Renoir</span> à Chambéry. Les étudiants inscrits à cette évènement auront jusqu’au <time datetime="2018-03-05T19:00">Dimanche 18 février 2018</time> pour remettre leur courts métrages.
</p>
</section>
<section id="explications"> <!-- ICONES EXPLICATIVES -->
<div>
<a class="idee"></a>
<img src="images/icones/target.svg" class="idee"/>
<legend>Trouvez <span>le scénario</span></legend>
<a class="clap"></a>
<img src="images/icones/clapperboard.svg" class="clap"/>
<legend><span>Faites votre film</span> de maximum 5 minutes</legend>
<a class="fusee"></a>
<img src="images/icones/rocket.svg" class="fusee"/>
<legend><span>Envoyez nous</span> votre oeuvre !</legend>
<a class="trophee"></a>
<img src="images/icones/trophy.svg" class="trophee"/>
<legend><span>Remportez</span> un prix</legend>
<a class="tapis"></a>
<img src="images/icones/red-carpet.svg" class="tapis"/>
<legend>Venez le <span>lundi 5 Mars 2018</span></legend>
</div>
</section>
<section id="participer"> <!-- BOUTON INSCRIPTION -->
<input type="radio" name="inscription-accueil" class="ctrl bouton-accueil"/>
<input type="radio" name="inscription-accueil" class="ctrl bouton-accueil-close" checked/>
<div class="inscription-popup">
<div class="traits-inscription-popup">
<div class="trait"></div>
<div class="trait"></div>
</div>
<?php include("include/inc_details-inscription.php") ?>
</div>
<div class="bouton-index">INSCRIPTION</div>
</form>
</section>
<section id="edition2017"> <!-- EDITION 2017 -->
<div class="edition-contenu">
<h1>RETROSPECTIVE <span>DE L'EDITION 2017</span></h1>
<video src="videos/FRAMMI2017.mp4" controls poster="images/miniature.png" width="100%"></video>
<div class="cat">
<p class="cat1"><span>Bande-son :</span>
<a href="https://goo.gl/BM7Fnz" target="_blank">Massacre au GEC</a></p>
<p class="cat2"><span>Scénario :</span>
<a href="https://goo.gl/pc9nEU" target="_blank">Versus dating</a></p>
<p class="cat3"><span>Prix du public :</span>
<a href="https://goo.gl/QXbAU2" target="_blank">Relative Liberté</a></p>
<p class="cat4"><span>Prix du jury :</span>
<a href="https://goo.gl/zhPwjY" target="_blank">Too Menu Choices</a></p>
</div>
</div>
</section>
<section id="jury">
<div id="premier">
<img src="images/jurys/jury-1.jpg" class="picture" width="auto" height="auto">
<!-- PREMIER JURY : texte -->
<div class="texte-presentation">
<div class="nom">JULIEN LAMY-QUIQUE</div>
<div id="jury-1">
<p> Professeur de communication visuelle en PEC, sensibilisé sur l'art audiovisuelle grâce à ses différentes experiences dans le domaine.<br> Apportera un jugement professionel aux créations.</p>
</div>
</div>
</div>
<div id="deuxieme">
<img src="images/jurys/jury-2.jpg" class="picture" width="auto" height="auto">
<!-- DEUXIEME JURY : texte -->
<div class="texte-presentation">
<div class="nom">CAROLINE MONTAUD</div>
<div id="jury-2">
<p>Professeur de théatre de loisir à la MJC (Maison des Jeunes et de la Culture) de Chambéry, passionnée des arts de la comédie <br> Offrira un regard critique sur les réalisations </p>
</div>
</div>
</div>
<div id="troisieme">
<img src="images/jurys/jury-3.jpg" class="picture" width="auto" height="auto">
<!-- TROISIEME JURY : texte -->
<div class="texte-presentation">
<div class="nom">JEAN-MARIE LAPERNAT</div>
<div id="jury-3">
<p> Amateur de réalisation audiovisuelles, lui même réalisateur de nombreux court-métrages. Ses domaines d'expertise: le montage, la réalisation, la scénarisation <br> Jugera grâce à ses diverses exepriences</p>
</div>
</div>
</div>
</section>
<section id="localisation"> <!-- LOCALISATION -->
<div class="localisation-bande">
<div class="localisation-contenu">
<h1>Localisation</h1>
<h2>
Salle Jean-Renoir<br />
30 rue Nicolas Parent<br />
73000 Chambéry<br />
FRANCE<br />
</h2>
</div>
</div>
<a class="localisation-bouton" href="https://goo.gl/maps/i1jbWyNuhmx" target="_blank">itinéraire</a>
</section>
<section id="partenaires">
<h1>Nos partenaires</h1>
<a href="http://www.olivermichael.com/" target="_blank"><img src="images/partenaires/OliverMichael.png" width="auto"/></a>
<a href="http://www.lasergame-evolution.com/fr/5/Chambery/" target="_blank"><img src="images/partenaires/L13.png" width="auto"/></a>
<a href="http://www.toulontoutcourt.com/" target="_blank"><img src="images/partenaires/logoToulontoutcourt.png" width="auto"/></a>
<a href="http://afs.fr/" target="_blank"><img src="images/partenaires/afs.png" width="auto"/></a>
<a href="https://www.ldlc.com/" target="_blank"><img src="images/partenaires/LDLC.jpg" width="auto"/></a>
<a href="http://socabel.com/" target="_blank"><img src="images/partenaires/socabel.jpg" width="auto"/></a>
<a href="http://www.hobbyone.fr/" target="_blank"><img src="images/partenaires/hobbyone.jpg" width="auto"/></a>
<!--a href="" target="_blank"><img src="images/partenaires/votrelogo.jpg" width="auto"/></a-->
</section>
<?php include("include/inc_pied.php") ?>
</section>
</body>
</html>