{% extends "common_files/base.html" %}

{% block description %}Site de la musique de Meyenheim{% endblock %}

{% block titre %}La Salle{% endblock %}

{% load static %}
{% block contenu %}
  <header style="background-image: url('{% static "site_statique/salle.jpg" %}')">
      <div class="header-content">
          <div class="header-content-inner">
              <h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 300px;">La salle de l’association<br>pour tous vos évenements festifs</h1>
              <a href="#about" class="btn btn-primary btn-xl page-scroll">Plus d'informations</a>
          </div>
      </div>
  </header>

  <section class="bg-primary" id="about">
      <div class="container">
          <div class="row">
              <div class="col-lg-8 col-lg-offset-2 text-center">
                  <h2 class="section-heading">Adresse de la salle</h2>
                  <hr class="light">
                  <p class="text-faded">10, rue de l'Ill<br>68890 MEYENHEIM</p>
                  <h2 class="section-heading">Présentation de la salle</h2>
                  <hr class="light">
                  <p class="text-faded">Une salle principale pour 20 à 80 personnes assises à table</p>
                  <p class="text-faded">Une scène pour un DJ, un orchestre, une projection…</p>
                  <p class="text-faded">Piano droit à disposition sur demande</p>
                  <p class="text-faded">Nouvel éclairage d'ambiance</p>
                  <p class="text-faded">Une cuisine équipée (plaques, fours, lave-verre, vaisselle), ouverte vers la salle et vers une salle annexe de 25m2 ;</p>
                  <p class="text-faded">Un espace vert privé engazonné de 100m2 sous 2 tilleuls à disposition à côté de la salle pour apéritif extérieur ou barbecue ;</p>
                  <p class="text-faded">Salle entièrement rénovée avec une mise aux normes accessibilité (notamment des sanitaires) et traitement acoustique. Travaux en partie financés grâce aux subventions de la Commune de Meyenheim et du Conseil Départemental du Haut-Rhin</p>
                  <h2 class="section-heading">Mise à disposition pour évènements privés</h2>
                  <hr class="light">
                  <h3>Tarifs à compter du 1 février 2022</h3>
                  <ul class="list-group" style="color: #333;">
                          <li class="list-group-item">Mise à disposition “week-end” (mariage, communion, anniversaire,…) : 150€ (ou 180€ pour les résidents extérieurs)
                          <li class="list-group-item">Réunion (1 journée en semaine) : 50€ (ou 60€ pour les résidents extérieurs)
                          <li class="list-group-item">Mise à disposition de la cuisine + vaisselle : 20€ 
                          <li class="list-group-item">+ Charges éventuelles (chauffage,…)
                          <li class="list-group-item">Caution : 500€
                      </ul>
              </div>
          </div>
      </div>
  </section>

  <section id="carousel-salle" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
      <li data-target="#carousel-salle" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-salle" data-slide-to="1"></li>
      <li data-target="#carousel-salle" data-slide-to="2"></li>
  </ol>
  
  <!-- Wrapper for slides -->
  <div>
      <img src="{% static "site_statique/salle/01.jpg" %}" alt="Photo interieur salle" class="col-sm-6 col-md-4">
      <img src="{% static "site_statique/salle/02.jpg" %}" alt="Photo interieur salle" class="col-sm-6 col-md-4">
      <img src="{% static "site_statique/salle/03.jpg" %}" alt="Photo interieur salle" class="col-sm-6 col-md-4">
      <img src="{% static "site_statique/salle/04.jpg" %}" alt="Photo interieur salle" class="col-sm-6 col-md-4">
      <img src="{% static "site_statique/salle/05.jpg" %}" alt="Photo interieur salle" class="col-sm-6 col-md-4">
  </div>
  
  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-salle" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-salle" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
  </section> <!-- Carousel -->

  {% include "common_files/contact.html" with responsable="Céline TREHIOU" email="salle@musique-meyenheim.fr" adresse="Mme TREHIOU Céline</br>4 rue St Michel</br>68890 MEYENHEIM" %}
{% endblock %}
