8a296ae718
The CSS was fixed in order to avoid horizontal overflow for certain ranges of page width.
175 lines
No EOL
6 KiB
HTML
175 lines
No EOL
6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,">
|
|
|
|
<meta name="description" content="Les 48h des Arts 2019 — festival artistique annuel de l'Ecole normale supérieure.">
|
|
<meta name="keywords" content="ENS 48h arts 2019 école normale supérieure">
|
|
|
|
<title>Les 48h des Arts 2019</title>
|
|
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<header id="main-header">
|
|
<canvas id="main-header-background"></canvas>
|
|
<img id="main-header-title" src="img/header/title.svg" alt="Les 48h des Arts">
|
|
</header>
|
|
|
|
<section class="red">
|
|
<h2>Présentation</h2>
|
|
<div>
|
|
<p>
|
|
Les 48h des Arts sont un <strong>festival culturel et artistique gratuit</strong> organisé <strong>du 3 au 5 mai 2019</strong> par le Bureau des Arts de l'ENS et des membres de plusieurs écoles de PSL au 45 rue d'Ulm.
|
|
Il rassemble des projets artistiques d'une grande diversité autour du thème <strong>« Ruptures »</strong> : théâtre, concerts, cinéma, arts martiaux, danse, photographie, arts plastiques et bien d'autres encore.
|
|
À cette occasion, l'ENS ouvre ses bâtiments historiques au public et accueille les habitant·e·s du quartier ainsi que tou·te·s celles et ceux qui souhaitent s'y rendre.
|
|
</p>
|
|
<p class="stand-out">
|
|
Projet lauréat de l'Appel à initiatives étudiantes de « Paris Sciences et Lettres » PSL.
|
|
</p>
|
|
<a href="https://www.facebook.com/events/616379335488431/" target="_blank">
|
|
<div class="button">
|
|
<img src="img/icons/facebook.svg" alt="Facebook">
|
|
<span>Page Facebook</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="orange">
|
|
<h2>Programme</h2>
|
|
<p>Les activités débutent le <strong>vendredi 3 mai à 20h00</strong> et se terminent le <strong>dimanche 5 mai à 21h00</strong>.</p>
|
|
|
|
<a href="content/planning-48g-arts.png">
|
|
<div class="button">
|
|
<img src="img/icons/calendar.svg" alt="Calendrier">
|
|
<span>Afficher le planning</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="https://48h.arts.ens.fr/resa" target="_blank">
|
|
<div class="button">
|
|
<img src="img/icons/ticket.svg" alt="Ticket">
|
|
<span>Réserver vos places</span>
|
|
</div>
|
|
</a>
|
|
<p class="stand-out">Attention : certains spectacles requierent de <strong>réserver vos places</strong> en avance !</p>
|
|
</section>
|
|
|
|
<section class="green">
|
|
<h2>Comment venir ?</h2>
|
|
<div>
|
|
<p id="mailing-address">
|
|
<img src="img/icons/location.svg" alt="Emplacement">
|
|
45 rue d'Ulm 75005 Paris
|
|
</p>
|
|
|
|
<iframe id="interactive-map" width="750" height="400" src="https://www.openstreetmap.org/export/embed.html?bbox=2.334809303283692%2C48.8368567401711%2C2.3548936843872075%2C48.84636099015179&layer=hot&marker=48.841602029496684%2C2.344851493835449"></iframe>
|
|
</div>
|
|
|
|
<div id="public-transport-info">
|
|
<div id="transport-metro-icon">
|
|
<img src="img/icons/ratp/metro-7.svg" alt="Métro 7">
|
|
</div>
|
|
<span id="transport-metro-stop">Place Monge</span>
|
|
|
|
<div id="transport-rer-icon">
|
|
<img src="img/icons/ratp/rer-B.svg" alt="RER B">
|
|
</div>
|
|
<span id="transport-rer-stop">Luxembourg</span>
|
|
|
|
<div id="transport-bus-1-icon">
|
|
<img src="img/icons/ratp/bus-24.svg" alt="Bus 24">
|
|
</div>
|
|
<span id="transport-bus-1-stop">École Normale Supérieure</span>
|
|
|
|
<div id="transport-bus-2-icon">
|
|
<img src="img/icons/ratp/bus-21.svg" alt="Bus 21">
|
|
<img src="img/icons/ratp/bus-27.svg" alt="Bus 27">
|
|
</div>
|
|
<span id="transport-bus-2-stop">Feuillantines</span>
|
|
|
|
<div id="transport-noctilien-icon">
|
|
<img src="img/icons/ratp/noctilien-14.svg" alt="Noctilien 14">
|
|
<img src="img/icons/ratp/noctilien-21.svg" alt="Noctilien 21">
|
|
<img src="img/icons/ratp/noctilien-122.svg" alt="Noctilien 122">
|
|
</div>
|
|
<span id="transport-noctilien-stop">Auguste Compte</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="blue">
|
|
<h2>Nous contacter</h2>
|
|
<div>
|
|
|
|
<p id="contact-email">
|
|
<img src="img/icons/email.svg" alt="Email">
|
|
<span>bda[arobase]ens[point]fr</span>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="purple">
|
|
<h2>Organisateurs</h2>
|
|
<div>
|
|
<div class="sponsor-logo-container">
|
|
<a href="https://www.cof.ens.fr">
|
|
<img src="img/sponsors/cof.png" alt="COF">
|
|
</a>
|
|
<a href="https://bda.ens.fr/">
|
|
<img src="img/sponsors/bda.png" alt="BdA">
|
|
</a>
|
|
<a href="https://www.facebook.com/clubPLS/">
|
|
<img src="img/sponsors/pls.png" alt="PLS">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pink">
|
|
<h2>Remerciements</h2>
|
|
|
|
<div id="acknowledgements">
|
|
<span class="name">Camille Gobert</span>
|
|
<span class="role">pour la communication graphique et le site web.</span>
|
|
|
|
<span class="name">Christian Huet</span>
|
|
<span class="role">pour son aide de régisseur du théâtre de l'ENS.</span>
|
|
|
|
<span class="name">Le Club Bouffe</span>
|
|
<span class="role">pour le buffet du samedi et le barbecue du dimanche.</span>
|
|
|
|
<span class="name">Le BDS</span>
|
|
<span class="role">pour libérer la SEA et pour le matériel du barbecue.</span>
|
|
|
|
<span class="name">M<sup>me</sup> Butigieg et M. Lorenzi</span>
|
|
<span class="role">pour le soutien de la Direction des Études et de la Vie Étudiante.</span>
|
|
</div>
|
|
<!--
|
|
<table id="acknowledgements">
|
|
<tr>
|
|
<td class="name">Camille Gobert</td>
|
|
<td class="role">graphiste et développeur web</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="name">Christian Huet</td>
|
|
<td class="role">régisseur du théâtre de l'ENS</td>
|
|
</tr>
|
|
</table>
|
|
-->
|
|
|
|
<div class="sponsor-logo-container">
|
|
<a href="https://www.archicubes.ens.fr/">
|
|
<img src="img/sponsors/a-ulm.png" alt="a-Ulm">
|
|
</a>
|
|
<a href="https://www.ens.fr/">
|
|
<img src="img/sponsors/ens-psl.png" alt="ENS-PSL">
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
|
|
<script type="text/javascript" src="js/triangles-mask.js"></script>
|
|
</html> |