143 lines
No EOL
5 KiB
HTML
143 lines
No EOL
5 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">
|
|
<link rel="stylesheet" href="css/tipso.css">
|
|
<link rel="stylesheet" href="css/calendar.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 <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>
|
|
<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>
|
|
|
|
<p class="stand-out">
|
|
Le programme des activités sera prochainement disponible !
|
|
</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-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-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>Remerciements</h2>
|
|
<div>
|
|
<div id="sponsors">
|
|
<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>
|
|
|
|
<br>
|
|
|
|
<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>
|
|
</div>
|
|
</section>
|
|
</body>
|
|
|
|
<!-- Note: tipso plugin requires the full jQuery library, the slim one is not sufficient -->
|
|
<!-- <script type="text/javascript" src="js/jquery-3.3.1.slim.min.js"></script> -->
|
|
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
|
|
<script type="text/javascript" src="js/triangles-mask.js"></script>
|
|
<!--<script type="text/javascript" src="js/tipso.min.js"></script>-->
|
|
<!--<script type="text/javascript" src="js/interval_coloration.js"></script>-->
|
|
<!--<script type="text/javascript" src="js/calendar.js"></script>-->
|
|
|
|
<!--<script type="text/javascript">
|
|
$(window).ready(() => {
|
|
let cal = new Calendar({
|
|
startDate: new Date(2018, 11, 01, 19, 00),
|
|
endDate: new Date(2018, 11, 02, 5),
|
|
groupEventsByLocation: true
|
|
});
|
|
|
|
console.log(cal);
|
|
});
|
|
</script>-->
|
|
</html> |