template de base
This commit is contained in:
parent
bc6add0029
commit
7f351809c8
|
|
@ -1,25 +1,11 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block description %}Direction de la musique de Meyenheim{% endblock %}
|
||||||
|
|
||||||
|
{% block titre %}Direction{% endblock %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
{% block contenu %}
|
||||||
<html lang="fr">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="Direction de la musique de Meyenheim">
|
|
||||||
<meta name="author" content="Paul TREHIOU">
|
|
||||||
|
|
||||||
<title>Musique fraternité - Direction</title>
|
|
||||||
|
|
||||||
{% include "include_head.html" %}
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "navbar.html" %}
|
|
||||||
|
|
||||||
<header style="background: #F05F40;">
|
<header style="background: #F05F40;">
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
<div class="header-content-inner">
|
<div class="header-content-inner">
|
||||||
|
|
@ -27,13 +13,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
{% endblock %}
|
||||||
{% include "contact.html" %}
|
|
||||||
|
|
||||||
{% include "footer.html" %}
|
|
||||||
|
|
||||||
{% include "include_foot.html" %}
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,218 +1,157 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block description %}Site de la musique de Meyenheim{% endblock %}
|
||||||
|
|
||||||
|
{% block titre %}École de musique{% endblock %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
{% block contenu %}
|
||||||
<html lang="fr">
|
<header style="background-image: url('{% static "img/ecole.jpg" %}')">
|
||||||
|
<div class="header-content">
|
||||||
|
<div class="header-content-inner">
|
||||||
|
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 400px;">École de Musique</br>«Les notes de l’Ill»</h1>
|
||||||
|
<a href="#about" class="btn btn-primary btn-xl page-scroll">Plus d'informations</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<head>
|
<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">Présentation</h2>
|
||||||
|
<hr class="light">
|
||||||
|
<p class="text-faded">L’école de musique "Les notes de l'Ill" a été créée par la Société de Musique Fraternité dont elle dépend exclusivement et est dirigée par Nathalie ROHRBACH. Les enseignements musicaux, notamment en groupe, tout en développant les techniques musicales et d’écoute mutuelle, permettent à chacun de s’exprimer poétiquement. L'école de musique contribue ainsi à un développement artistique personnel mais aussi au recrutement de futurs musiciens de l'Harmonie intercommunale Centre Haut-Rhin. L’école de Musique est subventionnée par la Commune de Meyenheim, la Communauté de Communes Centre Haut-Rhin et par le Conseil Départemental du Haut-Rhin.</p>
|
||||||
|
<hr>
|
||||||
|
<h2 class="section-heading">Fonctionnement</h2>
|
||||||
|
<hr class="light">
|
||||||
|
<p class="text-faded">Les cours sont dispensés tout au long de l'année scolaire par des professeurs qualifiés, reconnus au niveau départemental.</p>
|
||||||
|
<!-- <hr>
|
||||||
|
<h2 class="section-heading">Calendrier de rentrée</h2>
|
||||||
|
<hr class="light">
|
||||||
|
<h3>Kermesse musicale pour essayer tous les instruments et s'inscrire / se réinscrire</h3>
|
||||||
|
<p class="text-faded"><i class="glyphicon glyphicon-calendar"></i> Samedi 10/09
|
||||||
|
</br><i class="glyphicon glyphicon-time"></i> 9h30 à 11h30
|
||||||
|
</br><i class="glyphicon glyphicon-map-marker"></i> Salle polyvalente de Meyenheim</p>
|
||||||
|
|
||||||
|
<div class="panel panel-default" style="color: #333;">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h4 class="panel-title">Programme</h4>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<div class="row">
|
||||||
|
<b class="col-lg-2">9h30 - 11h</b>
|
||||||
|
<ul class="col-lg-8 list-group">
|
||||||
|
<li class="list-group-item">Atelier d'essai des instruments et d'éveil musical
|
||||||
|
<li class="list-group-item">Planning des cours avec les professeurs
|
||||||
|
<li class="list-group-item">Inscription / réinscription
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<b class="col-lg-2">vers 11h</b>
|
||||||
|
<ul class="col-lg-8 list-group">
|
||||||
|
<li class="list-group-item">Le "boeuf" des professeurs
|
||||||
|
<li class="list-group-item">Tirage au sort de la tombola gratuite (Gros lot: 1 mois de cours offert pour l'instrument de son choix)
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h3>Début des cours</h3>
|
||||||
|
<p class="text-faded"><i class="glyphicon glyphicon-calendar"></i> Lundi 12/09</p> -->
|
||||||
|
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Découvrez nos prestations</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="services">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center">
|
||||||
|
<h2 class="section-heading">L'école de musique propose</h2>
|
||||||
|
<hr class="primary">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4 col-md-6 text-center">
|
||||||
|
<div class="service-box">
|
||||||
|
<i class="fa fa-4x fa-music text-primary sr-icons"></i>
|
||||||
|
<h3>Ateliers d’éveil musical et d’initiation musicale</h3>
|
||||||
|
<h4>Pour les enfants dès la Moyenne section de Maternelle</h4>
|
||||||
|
<p class="text-muted">L’élève intègre un des groupes proposés par les professeurs Nathalie ROHRBACH et Marie CLOG. Ces ateliers ont pour but de sensibiliser l’enfant aux sons, aux rythmes, aux couleurs musicales, de façon ludique et amusante. Ils offrent aux élèves la possibilité de découvrir leur voix comme outil musical et l’aideront à faire le choix d’un instrument pour la poursuite de l’apprentissage</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6 text-center">
|
||||||
|
<div class="service-box">
|
||||||
|
<i class="fa fa-4x fa-user text-primary sr-icons"></i>
|
||||||
|
<h3>Pratique instrumentale ou vocale individualisée</h3>
|
||||||
|
<h4>À partir du CE1 et pour les adultes</h4>
|
||||||
|
<p class="text-muted">Cours d’instrument ou de chant seul avec l’enseignant (30' à 45’ suivant le cas). L’élève et l’enseignant établissent ensemble en début d’année scolaire le projet et le programme musical</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6 text-center">
|
||||||
|
<div class="service-box">
|
||||||
|
<i class="fa fa-4x fa-users text-primary sr-icons"></i>
|
||||||
|
<h3>Classe de formation musicale avec instrument (Chant compris)</h3>
|
||||||
|
<h4>À partir du CE1 et pour les adultes</h4>
|
||||||
|
<p class="text-muted">L’élève intègre un des groupes proposés par le responsable pédagogique et son équipe. L’objectif est d’analyser et comprendre les éléments fondamentaux de la formation musicale par les partitions proposées et apprendre à jouer ensemble. Certains groupes interviennent en public lors de différentes manifestations</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-md-6 text-center">
|
||||||
|
<div class="service-box">
|
||||||
|
<img src="{% static "img/trombone.gif" %}" alt="icone trombone">
|
||||||
|
<h3>Les instruments enseignés sont</h4>
|
||||||
|
<ul class="list-group">
|
||||||
|
<li class="list-group-item track" data-toggle="popover" data-content="Nathalie ROHRBACH" data-title="Enseignant">Le chant
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Robert SCHMIDT" data-title="Enseignant">La flûte traversière et la flûte à bec
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Régis MAERKY" data-title="Enseignant">La clarinette
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Régis MAERKY" data-title="Enseignant">Les saxophones
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Mimo ILIEV" data-title="Enseignant">La trompette
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Mimo ILIEV" data-title="Enseignant">L'euphonium / baryton
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Mimo ILIEV" data-title="Enseignant">Le trombone
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Stephane AFFHOLDER" data-title="Enseignant">La batterie
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Marie CLOG" data-title="Enseignant">Les percussions
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Eric Uettwiller">La guitare acoustique
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Eric Uettwiller">La guitare électrique
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Patrick RAMSTEIN" data-title="Enseignant">Le piano
|
||||||
|
<li class="list-group-item" data-toggle="popover" data-content="Sur demande">L'orgue d'église
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div id="carousel-ecole" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<img src="{% static "img/galerie_ecole/01.jpg" %}" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="{% static "img/galerie_ecole/02.jpg" %}" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="{% static "img/galerie_ecole/03.jpg" %}" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="{% static "img/galerie_ecole/04.jpg" %}" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<!-- Controls -->
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<a class="left carousel-control" href="#carousel-ecole" role="button" data-slide="prev">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||||
<meta name="description" content="Site de la musique de Meyenheim">
|
<span class="sr-only">Previous</span>
|
||||||
<meta name="author" content="Paul TREHIOU">
|
</a>
|
||||||
|
<a class="right carousel-control" href="#carousel-ecole" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<title>Musique fraternité - École de Musique</title>
|
{% include "contact.html" with responsable="Nathalie ROHRBACH, Directrice" email="ecole@musique-meyenheim.fr" %}
|
||||||
|
{% endblock %}
|
||||||
{% include "include_head.html" %}
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "navbar.html" %}
|
|
||||||
|
|
||||||
<header style="background-image: url('{% static "img/ecole.jpg" %}')">
|
|
||||||
<div class="header-content">
|
|
||||||
<div class="header-content-inner">
|
|
||||||
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 400px;">École de Musique</br>«Les notes de l’Ill»</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">Présentation</h2>
|
|
||||||
<hr class="light">
|
|
||||||
<p class="text-faded">L’école de musique "Les notes de l'Ill" a été créée par la Société de Musique Fraternité dont elle dépend exclusivement et est dirigée par Nathalie ROHRBACH. Les enseignements musicaux, notamment en groupe, tout en développant les techniques musicales et d’écoute mutuelle, permettent à chacun de s’exprimer poétiquement. L'école de musique contribue ainsi à un développement artistique personnel mais aussi au recrutement de futurs musiciens de l'Harmonie intercommunale Centre Haut-Rhin. L’école de Musique est subventionnée par la Commune de Meyenheim, la Communauté de Communes Centre Haut-Rhin et par le Conseil Départemental du Haut-Rhin.</p>
|
|
||||||
<hr>
|
|
||||||
<h2 class="section-heading">Fonctionnement</h2>
|
|
||||||
<hr class="light">
|
|
||||||
<p class="text-faded">Les cours sont dispensés tout au long de l'année scolaire par des professeurs qualifiés, reconnus au niveau départemental.</p>
|
|
||||||
<!-- <hr>
|
|
||||||
<h2 class="section-heading">Calendrier de rentrée</h2>
|
|
||||||
<hr class="light">
|
|
||||||
<h3>Kermesse musicale pour essayer tous les instruments et s'inscrire / se réinscrire</h3>
|
|
||||||
<p class="text-faded"><i class="glyphicon glyphicon-calendar"></i> Samedi 10/09
|
|
||||||
</br><i class="glyphicon glyphicon-time"></i> 9h30 à 11h30
|
|
||||||
</br><i class="glyphicon glyphicon-map-marker"></i> Salle polyvalente de Meyenheim</p>
|
|
||||||
|
|
||||||
<div class="panel panel-default" style="color: #333;">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h4 class="panel-title">Programme</h4>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<div class="row">
|
|
||||||
<b class="col-lg-2">9h30 - 11h</b>
|
|
||||||
<ul class="col-lg-8 list-group">
|
|
||||||
<li class="list-group-item">Atelier d'essai des instruments et d'éveil musical
|
|
||||||
<li class="list-group-item">Planning des cours avec les professeurs
|
|
||||||
<li class="list-group-item">Inscription / réinscription
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<b class="col-lg-2">vers 11h</b>
|
|
||||||
<ul class="col-lg-8 list-group">
|
|
||||||
<li class="list-group-item">Le "boeuf" des professeurs
|
|
||||||
<li class="list-group-item">Tirage au sort de la tombola gratuite (Gros lot: 1 mois de cours offert pour l'instrument de son choix)
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h3>Début des cours</h3>
|
|
||||||
<p class="text-faded"><i class="glyphicon glyphicon-calendar"></i> Lundi 12/09</p> -->
|
|
||||||
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Découvrez nos prestations</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="services">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-12 text-center">
|
|
||||||
<h2 class="section-heading">L'école de musique propose</h2>
|
|
||||||
<hr class="primary">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-4 col-md-6 text-center">
|
|
||||||
<div class="service-box">
|
|
||||||
<i class="fa fa-4x fa-music text-primary sr-icons"></i>
|
|
||||||
<h3>Ateliers d’éveil musical et d’initiation musicale</h3>
|
|
||||||
<h4>Pour les enfants dès la Moyenne section de Maternelle</h4>
|
|
||||||
<p class="text-muted">L’élève intègre un des groupes proposés par les professeurs Nathalie ROHRBACH et Marie CLOG. Ces ateliers ont pour but de sensibiliser l’enfant aux sons, aux rythmes, aux couleurs musicales, de façon ludique et amusante. Ils offrent aux élèves la possibilité de découvrir leur voix comme outil musical et l’aideront à faire le choix d’un instrument pour la poursuite de l’apprentissage</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 text-center">
|
|
||||||
<div class="service-box">
|
|
||||||
<i class="fa fa-4x fa-user text-primary sr-icons"></i>
|
|
||||||
<h3>Pratique instrumentale ou vocale individualisée</h3>
|
|
||||||
<h4>À partir du CE1 et pour les adultes</h4>
|
|
||||||
<p class="text-muted">Cours d’instrument ou de chant seul avec l’enseignant (30' à 45’ suivant le cas). L’élève et l’enseignant établissent ensemble en début d’année scolaire le projet et le programme musical</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 text-center">
|
|
||||||
<div class="service-box">
|
|
||||||
<i class="fa fa-4x fa-users text-primary sr-icons"></i>
|
|
||||||
<h3>Classe de formation musicale avec instrument (Chant compris)</h3>
|
|
||||||
<h4>À partir du CE1 et pour les adultes</h4>
|
|
||||||
<p class="text-muted">L’élève intègre un des groupes proposés par le responsable pédagogique et son équipe. L’objectif est d’analyser et comprendre les éléments fondamentaux de la formation musicale par les partitions proposées et apprendre à jouer ensemble. Certains groupes interviennent en public lors de différentes manifestations</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-6 text-center">
|
|
||||||
<div class="service-box">
|
|
||||||
<img src="{% static "img/trombone.gif" %}" alt="icone trombone">
|
|
||||||
<h3>Les instruments enseignés sont</h4>
|
|
||||||
<ul class="list-group">
|
|
||||||
<li class="list-group-item track" data-toggle="popover" data-content="Nathalie ROHRBACH" data-title="Enseignant">Le chant
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Robert SCHMIDT" data-title="Enseignant">La flûte traversière et la flûte à bec
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Régis MAERKY" data-title="Enseignant">La clarinette
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Régis MAERKY" data-title="Enseignant">Les saxophones
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Mimo ILIEV" data-title="Enseignant">La trompette
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Mimo ILIEV" data-title="Enseignant">L'euphonium / baryton
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Mimo ILIEV" data-title="Enseignant">Le trombone
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Stephane AFFHOLDER" data-title="Enseignant">La batterie
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Marie CLOG" data-title="Enseignant">Les percussions
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Eric Uettwiller">La guitare acoustique
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Eric Uettwiller">La guitare électrique
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Patrick RAMSTEIN" data-title="Enseignant">Le piano
|
|
||||||
<li class="list-group-item" data-toggle="popover" data-content="Sur demande">L'orgue d'église
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<div id="carousel-ecole" class="carousel slide" data-ride="carousel">
|
|
||||||
|
|
||||||
<!-- Wrapper for slides -->
|
|
||||||
<div class="carousel-inner" role="listbox">
|
|
||||||
<div class="item active">
|
|
||||||
<img src="{% static "img/galerie_ecole/01.jpg" %}" alt="Illustration école de musique">
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<img src="{% static "img/galerie_ecole/02.jpg" %}" alt="Illustration école de musique">
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<img src="{% static "img/galerie_ecole/03.jpg" %}" alt="Illustration école de musique">
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<img src="{% static "img/galerie_ecole/04.jpg" %}" alt="Illustration école de musique">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Controls -->
|
|
||||||
<a class="left carousel-control" href="#carousel-ecole" role="button" data-slide="prev">
|
|
||||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
|
||||||
<span class="sr-only">Previous</span>
|
|
||||||
</a>
|
|
||||||
<a class="right carousel-control" href="#carousel-ecole" role="button" data-slide="next">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
|
||||||
<span class="sr-only">Next</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<section id="contact">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
||||||
<h2 class="section-heading">Contact</h2>
|
|
||||||
<hr class="primary">
|
|
||||||
<p>Nathalie ROHRBACH, Directrice</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-lg-offset-2 text-center">
|
|
||||||
<i class="fa fa-phone fa-3x sr-contact"></i>
|
|
||||||
<p>07 68 40 11 38</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 text-center">
|
|
||||||
<i class="fa fa-at fa-3x sr-contact"></i>
|
|
||||||
<p><a href="mailto:ecole@musique-meyenheim.fr">ecole@musique-meyenheim.fr</a></p>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
||||||
<i class="fa fa-envelope fa-3x sr-contact"></i>
|
|
||||||
<p>Société de Musique Fraternité</br>10 rue de l’Ill</br>68890 MEYENHEIM</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{% include "footer.html" %}
|
|
||||||
|
|
||||||
{% include "include_foot.html" %}
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function () {
|
|
||||||
$('[data-toggle="popover"]').popover({trigger: "hover"})
|
|
||||||
})
|
|
||||||
|
|
||||||
appear({
|
|
||||||
elements: function elements(){
|
|
||||||
// work with all elements with the class "track"
|
|
||||||
return document.getElementsByClassName('track');
|
|
||||||
},
|
|
||||||
appear: function appear(el){
|
|
||||||
console.log('visible', el);
|
|
||||||
$(el).popover('show');
|
|
||||||
},
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,61 +1,39 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block description %}Site de la musique de Meyenheim{% endblock %}
|
||||||
|
|
||||||
|
{% block titre %}Harmonie Intercommunale{% endblock %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
{% block contenu %}
|
||||||
<html lang="fr">
|
<header style="background-image: url('{% static "img/harmonie.jpg" %}')">
|
||||||
|
<div class="header-content">
|
||||||
|
<div class="header-content-inner">
|
||||||
|
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000;">Harmonie intercommunale Centre Haut-Rhin</br>Des airs traditionnels ou classiques aux musiques actuelles</h1>
|
||||||
|
<hr>
|
||||||
|
<a href="#about" class="btn btn-primary btn-xl page-scroll">Plus d'informations</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<head>
|
<section class="bg-primary" id="about">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 text-center">
|
||||||
|
<h2 class="section-heading">Dirigée par Mimo ILIEV, l’harmonie intercommunale réunit des musiciens de tous les âges dans une ambiance conviviale.</h2>
|
||||||
|
<hr class="light">
|
||||||
|
<p class="text-faded">Le répertoire est des plus variés, toujours renouvelé, suivant les services et évènements musicaux prévus, passant des airs classiques et traditionnels aux musiques les plus actuelles.</p>
|
||||||
|
<p class="text-faded">Les répétitions ont lieu le vendredi de 20h à 22h à Oberhergheim dans un local dédié mis à disposition par la Commune d’Oberhergheim.</p>
|
||||||
|
<p class="text-faded">Les prestations musicales sont tout aussi variées, entre Cérémonies et animations diverses, jusqu’aux concerts, véritables temps forts. Un concert de printemps se tient chaque année à Oberhergheim.</p>
|
||||||
|
<p class="text-faded">Un concert-spectacle a lieu le dernier samedi de novembre tous les deux ans à Meyenheim intitulé Music’IllFest, avec à chaque fois des découvertes proposées au public, dans une ambiance des plus festives.</p>
|
||||||
|
<p class="text-faded">D’autres concerts ponctuent l’année, notamment en partenariat avec l’Harmonie municipale de Kembs ou encore la Chorale d’Oberhergheim.</p>
|
||||||
|
<p class="text-faded">L’harmonie intercommunale est née de la réunion des harmonies de Meyenheim, Oberhergheim et Réguisheim mais est ouverte à tout musicien, notamment les jeunes musiciens après quelques années de pratiques mais aussi les adultes souhaitant reprendre une activité musicale après quelques années de pause.</p>
|
||||||
|
<p class="text-faded">L’Harmonie intercommunale est financée par la Communauté de Communes Centre Haut-Rhin.</p>
|
||||||
|
</div>
|
||||||
|
<img src="{% static "img/IllFest_2013_Corentin_Christophe.jpg" %}" class="col-lg-6 img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
{% include "contact.html" %}
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
{% endblock %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<meta name="description" content="Site de la musique de Meyenheim">
|
|
||||||
<meta name="author" content="Paul TREHIOU">
|
|
||||||
|
|
||||||
<title>Musique fraternité - Harmonie Intercommunale</title>
|
|
||||||
|
|
||||||
{% include "include_head.html" %}
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "navbar.html" %}
|
|
||||||
|
|
||||||
<header style="background-image: url('{% static "img/harmonie.jpg" %}')">
|
|
||||||
<div class="header-content">
|
|
||||||
<div class="header-content-inner">
|
|
||||||
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000;">Harmonie intercommunale Centre Haut-Rhin</br>Des airs traditionnels ou classiques aux musiques actuelles</h1>
|
|
||||||
<hr>
|
|
||||||
<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-6 text-center">
|
|
||||||
<h2 class="section-heading">Dirigée par Mimo ILIEV, l’harmonie intercommunale réunit des musiciens de tous les âges dans une ambiance conviviale.</h2>
|
|
||||||
<hr class="light">
|
|
||||||
<p class="text-faded">Le répertoire est des plus variés, toujours renouvelé, suivant les services et évènements musicaux prévus, passant des airs classiques et traditionnels aux musiques les plus actuelles.</p>
|
|
||||||
<p class="text-faded">Les répétitions ont lieu le vendredi de 20h à 22h à Oberhergheim dans un local dédié mis à disposition par la Commune d’Oberhergheim.</p>
|
|
||||||
<p class="text-faded">Les prestations musicales sont tout aussi variées, entre Cérémonies et animations diverses, jusqu’aux concerts, véritables temps forts. Un concert de printemps se tient chaque année à Oberhergheim.</p>
|
|
||||||
<p class="text-faded">Un concert-spectacle a lieu le dernier samedi de novembre tous les deux ans à Meyenheim intitulé Music’IllFest, avec à chaque fois des découvertes proposées au public, dans une ambiance des plus festives.</p>
|
|
||||||
<p class="text-faded">D’autres concerts ponctuent l’année, notamment en partenariat avec l’Harmonie municipale de Kembs ou encore la Chorale d’Oberhergheim.</p>
|
|
||||||
<p class="text-faded">L’harmonie intercommunale est née de la réunion des harmonies de Meyenheim, Oberhergheim et Réguisheim mais est ouverte à tout musicien, notamment les jeunes musiciens après quelques années de pratiques mais aussi les adultes souhaitant reprendre une activité musicale après quelques années de pause.</p>
|
|
||||||
<p class="text-faded">L’Harmonie intercommunale est financée par la Communauté de Communes Centre Haut-Rhin.</p>
|
|
||||||
</div>
|
|
||||||
<img src="{% static "img/IllFest_2013_Corentin_Christophe.jpg" %}" class="col-lg-6 img-responsive">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{% include "contact.html" %}
|
|
||||||
|
|
||||||
{% include "footer.html" %}
|
|
||||||
|
|
||||||
{% include "include_foot.html" %}
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,142 +1,123 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block description %}Site de la musique de Meyenheim{% endblock %}
|
||||||
|
|
||||||
|
{% block titre %}Accueil{% endblock %}
|
||||||
|
|
||||||
|
{% block extra_head %}
|
||||||
|
<style>
|
||||||
|
.portfolio-box {
|
||||||
|
overflow: hidden;
|
||||||
|
max-height: 350px;
|
||||||
|
}
|
||||||
|
.portfolio-box img {
|
||||||
|
max-height: 350px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
{% block contenu %}
|
||||||
<html lang="fr">
|
<header>
|
||||||
|
<div class="header-content">
|
||||||
|
<div class="header-content-inner">
|
||||||
|
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 300px;">Musique fraternité</br>Meyenheim</h1>
|
||||||
|
<a href="#about" class="btn btn-primary btn-xl page-scroll">Plus d'informations</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
<head>
|
<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">5 raisons de mieux nous connaître</h2>
|
||||||
|
<hr class="light">
|
||||||
|
<p class="text-faded">De nombreux évènements et activités organisés tout au long de l’année, un comité directeur bénévole dynamique pour faire vivre une association presque centenaire, une collaboration avec les Musiques voisines au travers de l’Harmonie intercommunale, une école de musique s’appuyant sur des professeurs qualifiés au sein d’une pédagogie basée sur la pratique instrumentale, une salle de musique entièrement rénovée et fonctionnelle disponible à la location.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<section class="no-padding" id="portfolio">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<div class="container-fluid">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<div class="row no-gutter popup-gallery">
|
||||||
<meta name="description" content="Site de la musique de Meyenheim">
|
<div class="col-lg-4 col-sm-6">
|
||||||
<meta name="author" content="Paul TREHIOU">
|
<a href="harmonie.php" class="portfolio-box">
|
||||||
<meta name="google-site-verification" content="vfIxnQkU6NJ__BiBJu2OXPP4JlijXV5Iq2R4Yskf3Ss" />
|
<img src="{% static "img/portfolio/thumbnails/1.jpg" %}" alt="">
|
||||||
|
<div class="portfolio-box-caption">
|
||||||
|
<div class="portfolio-box-caption-content">
|
||||||
|
<div class="project-name">
|
||||||
|
L’harmonie intercommunale, on y joue de tout
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-sm-6">
|
||||||
|
<a href="ecole.php" class="portfolio-box">
|
||||||
|
<img src="{% static "img/portfolio/thumbnails/2.jpg" %}" alt="">
|
||||||
|
<div class="portfolio-box-caption">
|
||||||
|
<div class="portfolio-box-caption-content">
|
||||||
|
<div class="project-name">
|
||||||
|
l’École de Musique, ce n’est pas que pour les enfants…mais aussi
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-sm-6">
|
||||||
|
<a href="evenements.php" class="portfolio-box">
|
||||||
|
<img src="{% static "img/portfolio/thumbnails/3.jpg" %}" alt="">
|
||||||
|
<div class="portfolio-box-caption">
|
||||||
|
<div class="portfolio-box-caption-content">
|
||||||
|
<div class="project-name">
|
||||||
|
Des évènements musicaux, des lotos…et mêmes des puces
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-sm-6">
|
||||||
|
<a href="direction.php" class="portfolio-box">
|
||||||
|
<img src="{% static "img/portfolio/thumbnails/4.jpg" %}" alt="">
|
||||||
|
<div class="portfolio-box-caption">
|
||||||
|
<div class="portfolio-box-caption-content">
|
||||||
|
<div class="project-name">
|
||||||
|
La direction de l’association, du pur jus de bénévolat
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-sm-6">
|
||||||
|
<a href="salle.php" class="portfolio-box">
|
||||||
|
<img src="{% static "img/portfolio/thumbnails/5.jpg" %}" alt="">
|
||||||
|
<div class="portfolio-box-caption">
|
||||||
|
<div class="portfolio-box-caption-content">
|
||||||
|
<div class="project-name">
|
||||||
|
La salle, entre scène et cuisine, pour tous vos évènements festifs
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-sm-6">
|
||||||
|
<a href="partenaires.php" class="portfolio-box">
|
||||||
|
<img src="{% static "img/partenaires/vialis.jpg" %}" alt="">
|
||||||
|
<div class="portfolio-box-caption">
|
||||||
|
<div class="portfolio-box-caption-content">
|
||||||
|
<div class="project-name">
|
||||||
|
Partenaires
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<title>Musique fraternité</title>
|
{% include "contact.html" %}
|
||||||
|
|
||||||
{% include "include_head.html" %}
|
{% endblock %}
|
||||||
|
|
||||||
<style>
|
|
||||||
.portfolio-box {
|
|
||||||
overflow: hidden;
|
|
||||||
max-height: 350px;
|
|
||||||
}
|
|
||||||
.portfolio-box img {
|
|
||||||
max-height: 350px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "navbar.html" %}
|
|
||||||
|
|
||||||
<header>
|
|
||||||
<div class="header-content">
|
|
||||||
<div class="header-content-inner">
|
|
||||||
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 300px;">Musique fraternité</br>Meyenheim</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">5 raisons de mieux nous connaître</h2>
|
|
||||||
<hr class="light">
|
|
||||||
<p class="text-faded">De nombreux évènements et activités organisés tout au long de l’année, un comité directeur bénévole dynamique pour faire vivre une association presque centenaire, une collaboration avec les Musiques voisines au travers de l’Harmonie intercommunale, une école de musique s’appuyant sur des professeurs qualifiés au sein d’une pédagogie basée sur la pratique instrumentale, une salle de musique entièrement rénovée et fonctionnelle disponible à la location.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="no-padding" id="portfolio">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row no-gutter popup-gallery">
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<a href="harmonie.php" class="portfolio-box">
|
|
||||||
<img src="{% static "img/portfolio/thumbnails/1.jpg" %}" alt="">
|
|
||||||
<div class="portfolio-box-caption">
|
|
||||||
<div class="portfolio-box-caption-content">
|
|
||||||
<div class="project-name">
|
|
||||||
L’harmonie intercommunale, on y joue de tout
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<a href="ecole.php" class="portfolio-box">
|
|
||||||
<img src="{% static "img/portfolio/thumbnails/2.jpg" %}" alt="">
|
|
||||||
<div class="portfolio-box-caption">
|
|
||||||
<div class="portfolio-box-caption-content">
|
|
||||||
<div class="project-name">
|
|
||||||
l’École de Musique, ce n’est pas que pour les enfants…mais aussi
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<a href="evenements.php" class="portfolio-box">
|
|
||||||
<img src="{% static "img/portfolio/thumbnails/3.jpg" %}" alt="">
|
|
||||||
<div class="portfolio-box-caption">
|
|
||||||
<div class="portfolio-box-caption-content">
|
|
||||||
<div class="project-name">
|
|
||||||
Des évènements musicaux, des lotos…et mêmes des puces
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<a href="direction.php" class="portfolio-box">
|
|
||||||
<img src="{% static "img/portfolio/thumbnails/4.jpg" %}" alt="">
|
|
||||||
<div class="portfolio-box-caption">
|
|
||||||
<div class="portfolio-box-caption-content">
|
|
||||||
<div class="project-name">
|
|
||||||
La direction de l’association, du pur jus de bénévolat
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<a href="salle.php" class="portfolio-box">
|
|
||||||
<img src="{% static "img/portfolio/thumbnails/5.jpg" %}" alt="">
|
|
||||||
<div class="portfolio-box-caption">
|
|
||||||
<div class="portfolio-box-caption-content">
|
|
||||||
<div class="project-name">
|
|
||||||
La salle, entre scène et cuisine, pour tous vos évènements festifs
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-sm-6">
|
|
||||||
<a href="partenaires.php" class="portfolio-box">
|
|
||||||
<img src="{% static "img/partenaires/vialis.jpg" %}" alt="">
|
|
||||||
<div class="portfolio-box-caption">
|
|
||||||
<div class="portfolio-box-caption-content">
|
|
||||||
<div class="project-name">
|
|
||||||
Partenaires
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{% include "contact.html" %}
|
|
||||||
|
|
||||||
{% include "footer.html" %}
|
|
||||||
|
|
||||||
{% include "include_foot.html" %}
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,70 +1,50 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block description %}Site de la musique de Meyenheim{% endblock %}
|
||||||
|
|
||||||
|
{% block titre %}Partenaires{% endblock %}
|
||||||
|
|
||||||
|
{% block extra_head %}
|
||||||
|
<style>
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.navbar-default .nav > li > a,
|
||||||
|
.navbar-default .nav > li > a:focus {
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
.navbar-default .nav > li > a:hover,
|
||||||
|
.navbar-default .nav > li > a:focus:hover {
|
||||||
|
color: #F05F40;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#partenaires {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#partenaires a {
|
||||||
|
height: 30rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#partenaires a img {
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
{% block contenu %}
|
||||||
<html lang="fr">
|
<section id="partenaires">
|
||||||
|
<h1 class="text-center">Nos partenaires</h1>
|
||||||
|
|
||||||
<head>
|
<a href="http://www.meyenheim.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Meyenheim_logo.jpg" %}"></a>
|
||||||
|
<a href="http://ccchr.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/logo-couleur-CCCHR-e1423820301297.jpg" %}"></a>
|
||||||
<meta charset="utf-8">
|
<a href="https://www.haut-rhin.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Logo_Alsace_CD68.png" %}"></a>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<a href="https://culturegrandest.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Agence-culturelle-Grand-Est-rouge.jpg" %}"></a>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<a href="https://www.vialis.tm.fr/particulier/cable/internet" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/vialis.jpg" %}"></a>
|
||||||
<meta name="description" content="Site de la musique de Meyenheim">
|
<a href="https://www.creditmutuel.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/04_credit_mutuel_2012.jpg" %}"></a>
|
||||||
<meta name="author" content="Paul TREHIOU">
|
<a href="https://fr-fr.facebook.com/BoulangerieGoetz/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/05_boulangerie_goetz2015_1.jpg" %}"></a>
|
||||||
|
<a href="http://bapst.chauffagiste-viessmann.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Bapst_2017-002.jpg" %}"></a>
|
||||||
<title>Musique fraternité - Partenaires</title>
|
<a href="https://www.planetpizza-leresto.com/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Planetpizza_1-001.jpg" %}"></a>
|
||||||
|
</section>
|
||||||
{% include "include_head.html" %}
|
{% endblock %}
|
||||||
|
|
||||||
<style>
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.navbar-default .nav > li > a,
|
|
||||||
.navbar-default .nav > li > a:focus {
|
|
||||||
color: #222222;
|
|
||||||
}
|
|
||||||
.navbar-default .nav > li > a:hover,
|
|
||||||
.navbar-default .nav > li > a:focus:hover {
|
|
||||||
color: #F05F40;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#partenaires {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#partenaires a {
|
|
||||||
height: 30rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
#partenaires a img {
|
|
||||||
max-height: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "navbar.html" %}
|
|
||||||
|
|
||||||
<section id="partenaires">
|
|
||||||
<h1 class="text-center">Nos partenaires</h1>
|
|
||||||
|
|
||||||
<a href="http://www.meyenheim.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Meyenheim_logo.jpg" %}"></a>
|
|
||||||
<a href="http://ccchr.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/logo-couleur-CCCHR-e1423820301297.jpg" %}"></a>
|
|
||||||
<a href="https://www.haut-rhin.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Logo_Alsace_CD68.png" %}"></a>
|
|
||||||
<a href="https://culturegrandest.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Agence-culturelle-Grand-Est-rouge.jpg" %}"></a>
|
|
||||||
<a href="https://www.vialis.tm.fr/particulier/cable/internet" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/vialis.jpg" %}"></a>
|
|
||||||
<a href="https://www.creditmutuel.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/04_credit_mutuel_2012.jpg" %}"></a>
|
|
||||||
<a href="https://fr-fr.facebook.com/BoulangerieGoetz/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/05_boulangerie_goetz2015_1.jpg" %}"></a>
|
|
||||||
<a href="http://bapst.chauffagiste-viessmann.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Bapst_2017-002.jpg" %}"></a>
|
|
||||||
<a href="https://www.planetpizza-leresto.com/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Planetpizza_1-001.jpg" %}"></a>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{% include "footer.html" %}
|
|
||||||
|
|
||||||
{% include "include_foot.html" %}
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,116 +1,97 @@
|
||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block description %}Site de la musique de Meyenheim{% endblock %}
|
||||||
|
|
||||||
|
{% block titre %}La Salle{% endblock %}
|
||||||
|
|
||||||
{% load static %}
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
{% block contenu %}
|
||||||
<html lang="fr">
|
<header style="background-image: url('{% static "img/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>
|
||||||
|
|
||||||
<head>
|
<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 valables jusqu'en septembre 2019</h3>
|
||||||
|
<ul class="list-group" style="color: #333;">
|
||||||
|
<li class="list-group-item">Mise à disposition “week-end” (mariage, communion, anniversaire,…) : 130€
|
||||||
|
<li class="list-group-item">Réunion (1/2 journée à 1 journée) : 50 €
|
||||||
|
<li class="list-group-item">+ Charges éventuelles (mise à disposition de la cuisine, vaisselle, chauffage,…)
|
||||||
|
<li class="list-group-item">Caution : 150€
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<section id="carousel-salle" class="carousel slide" data-ride="carousel">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<!-- Indicators -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<ol class="carousel-indicators">
|
||||||
<meta name="description" content="Site de la musique de Meyenheim">
|
<li data-target="#carousel-salle" data-slide-to="0" class="active"></li>
|
||||||
<meta name="author" content="Paul TREHIOU">
|
<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 class="carousel-inner">
|
||||||
|
<div class="item active">
|
||||||
|
<img src="{% static "img/salle/01.jpg" %}" alt="Photo interieur salle">
|
||||||
|
</div>
|
||||||
|
</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 -->
|
||||||
|
|
||||||
|
<section id="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||||
|
<h2 class="section-heading">Contact</h2>
|
||||||
|
<hr class="primary">
|
||||||
|
<p>Céline TREHIOU</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 col-lg-offset-2 text-center">
|
||||||
|
<i class="fa fa-phone fa-3x sr-contact"></i>
|
||||||
|
<p>07 68 40 11 38</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<i class="fa fa-at fa-3x sr-contact"></i>
|
||||||
|
<p><a href="mailto:salle@musique-meyenheim.fr">salle@musique-meyenheim.fr</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||||
|
<i class="fa fa-envelope fa-3x sr-contact"></i>
|
||||||
|
<p>Mme TREHIOU Céline</br>4 rue St Michel</br>68890 MEYENHEIM</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<title>Musique fraternité - La Salle</title>
|
{% include "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 %}
|
||||||
{% include "include_head.html" %}
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "navbar.html" %}
|
|
||||||
|
|
||||||
<header style="background-image: url('{% static "img/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 valables jusqu'en septembre 2019</h3>
|
|
||||||
<ul class="list-group" style="color: #333;">
|
|
||||||
<li class="list-group-item">Mise à disposition “week-end” (mariage, communion, anniversaire,…) : 130€
|
|
||||||
<li class="list-group-item">Réunion (1/2 journée à 1 journée) : 50 €
|
|
||||||
<li class="list-group-item">+ Charges éventuelles (mise à disposition de la cuisine, vaisselle, chauffage,…)
|
|
||||||
<li class="list-group-item">Caution : 150€
|
|
||||||
</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 class="carousel-inner">
|
|
||||||
<div class="item active">
|
|
||||||
<img src="{% static "img/salle/01.jpg" %}" alt="Photo interieur salle">
|
|
||||||
</div>
|
|
||||||
</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 -->
|
|
||||||
|
|
||||||
<section id="contact">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
||||||
<h2 class="section-heading">Contact</h2>
|
|
||||||
<hr class="primary">
|
|
||||||
<p>Céline TREHIOU</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-lg-offset-2 text-center">
|
|
||||||
<i class="fa fa-phone fa-3x sr-contact"></i>
|
|
||||||
<p>07 68 40 11 38</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 text-center">
|
|
||||||
<i class="fa fa-at fa-3x sr-contact"></i>
|
|
||||||
<p><a href="mailto:salle@musique-meyenheim.fr">salle@musique-meyenheim.fr</a></p>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
||||||
<i class="fa fa-envelope fa-3x sr-contact"></i>
|
|
||||||
<p>Mme TREHIOU Céline</br>4 rue St Michel</br>68890 MEYENHEIM</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{% include "footer.html" %}
|
|
||||||
|
|
||||||
{% include "include_foot.html" %}
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="description" content="{% block description %}{% endblock %}">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
|
||||||
|
<title>Musique fraternité - {% block titre %}{% endblock %}</title>
|
||||||
|
|
||||||
|
{% include "include_head.html" %}
|
||||||
|
|
||||||
|
{% block extra_head %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
{% include "navbar.html" %}
|
||||||
|
|
||||||
|
{% block contenu %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% include "footer.html" %}
|
||||||
|
|
||||||
|
{% include "include_foot.html" %}
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||||
<h2 class="section-heading">Contact</h2>
|
<h2 class="section-heading">Contact</h2>
|
||||||
<hr class="primary">
|
<hr class="primary">
|
||||||
<p>Eric TREHIOU, Président</p>
|
<p>{{ responsable |default:"Eric TREHIOU, Président" }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4 col-lg-offset-2 text-center">
|
<div class="col-lg-4 col-lg-offset-2 text-center">
|
||||||
<i class="fa fa-phone fa-3x sr-contact"></i>
|
<i class="fa fa-phone fa-3x sr-contact"></i>
|
||||||
|
|
@ -12,11 +12,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4 text-center">
|
<div class="col-lg-4 text-center">
|
||||||
<i class="fa fa-at fa-3x sr-contact"></i>
|
<i class="fa fa-at fa-3x sr-contact"></i>
|
||||||
<p><a href="mailto:contact@musique-meyenheim.fr">contact@musique-meyenheim.fr</a></p>
|
<p><a href="mailto:{{ email | default:"contact@musique-meyenheim.fr" }}">{{ email | default:"contact@musique-meyenheim.fr" }}</a></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||||
<i class="fa fa-envelope fa-3x sr-contact"></i>
|
<i class="fa fa-envelope fa-3x sr-contact"></i>
|
||||||
<p>Société de Musique Fraternité</br>10 rue de l’Ill</br>68890 MEYENHEIM</p>
|
<p>{{ adresse | default:"Société de Musique Fraternité</br>10 rue de l’Ill</br>68890 MEYENHEIM" }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue