banda.ens.fr/www/index.html

179 lines
5.9 KiB
HTML
Raw Normal View History

2024-04-23 11:20:14 +02:00
<!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="Site de la bandarretdurgence &mdash; Le club de la banda de l'ENS" />
<meta name="keywords" content="ENS Banda" />
<title>La Bandarretdurgence</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>
<style>
header {
width: 100%;
text-align: center; /* Pour centrer l'image horizontalement */
}
header img {
width: 100%; /* Pour que l'image occupe toute la largeur de son conteneur */
max-width: 100%; /* Pour s'assurer que l'image ne dépasse pas la largeur de la page */
height: auto; /* Pour que la hauteur de l'image soit ajustée proportionnellement à sa largeur */
}
</style>
<header>
2024-05-07 10:24:34 +02:00
<img src="img/header/banda_header.svg" alt="titre" />
2024-04-23 11:20:14 +02:00
</header>
</header>
<section>
<img src="img/content/presentation.svg" alt="Présentation" />
<div>
<p>
La Bandarrêtdurgence c'est un morceau du Sud-Ouest à Paris !
2024-05-07 10:28:19 +02:00
Jeunes musicien⸱ne⸱s dynamiques et chahuteur⸱se⸱s, on anime les soirées
2024-04-23 11:20:14 +02:00
des bars à tapas comme les matchs du <strong>sport roi</strong>. Tu nous trouveras le plus souvent
2024-05-07 10:17:47 +02:00
sagement en répétition dans le 5ème arrondissement comme depuis le début de l'aventure en 2018 !
2024-04-23 11:20:14 +02:00
Mais nous préférons par dessus tout réjouir petits et grands en jouant en manche dans le quartier
2024-05-07 10:17:47 +02:00
(et le plus souvent, accoudé⸱e⸱s au comptoir le plus proche une fois la soirée arrivée). </br >
Finalement, le but ultime et avoué est de rejoindre nos compatriotes du Sud-Ouest pour les férias et fêtes de villages de l'été : de Toulouse à Gourdon, on s'y donne à coeur joie !
2024-04-23 11:20:14 +02:00
</p>
<p>
2024-05-07 10:17:47 +02:00
Qu'est-ce qu'on y joue, à la Bandarrêtdurgence, me direz-vous ? Et bien on y retrouve tout ce qu'on aime pardi !
De la bonne chanson française avec Joe Dassin et Claude François, les incontournables traditionnels pasodobles espagnols,
2024-04-23 11:20:14 +02:00
les meilleurs tubes qui vous feront chanter à pleins poumons jusqu'au bout des <strong>démons de minuit</strong>.
</p>
<p>
2024-05-07 10:17:47 +02:00
Tu es musicien⸱ne et cherches une banda conviviale pour venir jouer ? <strong>Nous recrutons à tous les pupitres !</strong>
2024-04-23 11:20:14 +02:00
Nous répétons les mercredis soirs au 45 rue d'Ulm dans le 5ème arrondissement. Contacte-nous par mail ou sur un réseau social et nous t'accueillerons avec plaisir.
2024-05-07 10:17:47 +02:00
Il n'y a pas de niveau musical requis mais la bonne humeur et l'enthousiasme sont de mise.
2024-04-23 11:20:14 +02:00
</p>
<a href="https://www.instagram.com/bandarretdurgence/" target="_blank">
<div id="instagram-button" class="button">
<span>Page Instagram</span>
</div>
</a>
<a href="https://www.facebook.com/Bandarretdurgence.Paris" target="_blank">
<div id="facebook-button" class="button">
<span>Page Facebook</span>
</div>
2024-05-07 10:17:47 +02:00
</a>
2024-04-23 11:20:14 +02:00
</div>
</section>
<section id="Contrats">
2024-05-07 10:17:47 +02:00
<img src="img/content/contrats.svg" alt="Contrats" />
2024-04-23 11:20:14 +02:00
<div>
<p>
2024-05-07 10:17:47 +02:00
Tu nous as peut-être vu⸱e⸱s ou entendu⸱e⸱s : </br>
- Au rugby club de Suresnes</br>
- Au rugby club du XVe </br>
- A la maison basque de Saint-Ouen </br>
- Aux aubades de Montastruc </br>
- A la Saint Jean et à la fête du pain de Gourdon avec la Dede's banda </br>
2024-04-23 11:20:14 +02:00
</p>
</div>
</section>
<section id="photos">
<img src="img/content/photos.svg" alt="Photos" />
<div>
<p>
2024-05-07 10:17:47 +02:00
On est beaux et belles, on joue bien, on s'amuse et on vous divertit : ce sont les plus beaux moments de banda sous vos yeux !
2024-04-23 11:20:14 +02:00
</p>
</div>
2024-05-07 10:17:47 +02:00
<div class="banda_photos">
2024-04-23 11:20:14 +02:00
<p align="center">
<img src="img/photos/banda/photobanda1.jpg" alt="Danse de salon" />
</p>
<p align="center">
<img src="img/photos/banda/photobanda2.jpg" />
</p>
<p align="center">
<img src="img/photos/banda/photobanda3.jpg" alt="Pompom" />
</p>
<p align="center">
<img src="img/photos/banda/photobanda4.jpg" alt="Concert" />
</p>
</div>
</section>
<section>
<img src="img/content/nouscontacter.svg" alt="Nous contacter" />
<div>
<p id="contact-email">
<span><a href="mailto:bandarretdurgence@gmail.com">bandarretdurgence@gmail.com</a></span>
</p>
</div>
<br />
<br />
<div id="sponsors">
<a href="https://www.ens.fr/">
<img class="sponsor-disc" src="img/sponsors/ens.png" alt="ENS" />
</a>
<a href="https://www.cof.ens.fr">
<img class="sponsor-disc" src="img/sponsors/cof.png" alt="COF" />
</a>
</div>
</section>
<p id="signature">© Louise Harari, Louise Nassor, Camille Gobert</p>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/tipso.min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript">
$(window).ready(() => {
// Starry background init (used in 2019 but not in 2021 because there was no starry background behind the header)
// const canvas = document.getElementById("main-header-stars");
// const sky = new StarrySky(canvas);
// Calendar init
let calendar1 = new Calendar({
containerNode: $("#cal-container-1"),
startDate: new Date(2024, 3, 12, 18),
endDate: new Date(2024, 3, 13, 3),
groupEventsByLocation: true,
});
let calendar2 = new Calendar({
containerNode: $("#cal-container-2"),
startDate: new Date(2024, 3, 13, 11),
endDate: new Date(2024, 3, 14, 4),
groupEventsByLocation: true,
});
let calendar3 = new Calendar({
containerNode: $("#cal-container-3"),
startDate: new Date(2024, 3, 14, 10),
endDate: new Date(2024, 3, 14, 14),
groupEventsByLocation: true,
});
});
</script>
</html>