Compare commits
No commits in common. "e9c3451eb30823081f318bd27bc40c62e3eecbc8" and "bcb37a8862a71f2fa8b594a0c28ed2b16a619095" have entirely different histories.
e9c3451eb3
...
bcb37a8862
4
.gitignore
vendored
4
.gitignore
vendored
@ -1,4 +0,0 @@
|
|||||||
__pycache__/
|
|
||||||
db.sqlite3
|
|
||||||
media/
|
|
||||||
result
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
graft common_files/templates
|
|
||||||
graft common_files/static
|
|
||||||
graft site_statique/static
|
|
||||||
graft site_statique/templates
|
|
||||||
graft timeline/templates
|
|
||||||
graft timeline/static
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
from django.contrib import admin
|
|
||||||
|
|
||||||
# Register your models here.
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
from django.apps import AppConfig
|
|
||||||
|
|
||||||
|
|
||||||
class CommonFilesConfig(AppConfig):
|
|
||||||
name = 'common_files'
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
from django.db import models
|
|
||||||
|
|
||||||
# Create your models here.
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
<!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 "common_files/include_head.html" %}
|
|
||||||
|
|
||||||
{% block extra_head %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body id="page-top">
|
|
||||||
|
|
||||||
{% include "common_files/navbar.html" %}
|
|
||||||
|
|
||||||
{% block contenu %}{% endblock %}
|
|
||||||
|
|
||||||
{% include "common_files/footer.html" %}
|
|
||||||
|
|
||||||
{% include "common_files/include_foot.html" %}
|
|
||||||
|
|
||||||
{% block scripts %}{% endblock %}
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
<footer class="row row-no-gutters">
|
|
||||||
<small class="col-md-6">Créé par Paul TREHIOU et inspiré du theme <a href="https://startbootstrap.com/template-overviews/creative/">Creative</a> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png"></a> powered by <a href="https://nixos.org/">NixOS</a> and <a href="https://djangoproject.com">Django</a></small>
|
|
||||||
<a class="col-md-6" href="{% url 'admin:index' %}">Admin</a>
|
|
||||||
</footer>
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
{% load static %}
|
|
||||||
<!-- jQuery -->
|
|
||||||
<script src="{% static "common_files/vendor/jquery.min.js" %}"></script>
|
|
||||||
|
|
||||||
<!-- Bootstrap Core JavaScript -->
|
|
||||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<!-- Plugin JavaScript -->
|
|
||||||
<script src="{% static "common_files/vendor/jquery.easing.min.js" %}"></script>
|
|
||||||
<script src="{% static "common_files/vendor/scrollreveal.min.js" %}"></script>
|
|
||||||
<script src="{% static "common_files/vendor/appear.min.js" %}"></script>
|
|
||||||
|
|
||||||
<!-- Theme JavaScript -->
|
|
||||||
<script src="{% static "common_files/vendor/creative.min.js" %}"></script>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
from django.test import TestCase
|
|
||||||
|
|
||||||
# Create your tests here.
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
from django.shortcuts import render
|
|
||||||
|
|
||||||
# Create your views here.
|
|
||||||
@ -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>{{ responsable |default:"Eric TREHIOU, Président" }}</p>
|
<p>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:{{ email | default:"contact@musique-meyenheim.fr" }}">{{ email | default:"contact@musique-meyenheim.fr" }}</a></p>
|
<p><a href="mailto:contact@musique-meyenheim.fr">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>{{ adresse | default:"Société de Musique Fraternité</br>10 rue de l’Ill</br>68890 MEYENHEIM" }}</p>
|
<p>Société de Musique Fraternité</br>10 rue de l’Ill</br>68890 MEYENHEIM</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
22
default.nix
22
default.nix
@ -1,27 +1,15 @@
|
|||||||
{ pkgs ? import <nixpkgs> {} }:
|
{ pkgs ? import <nixpkgs> {} }:
|
||||||
|
|
||||||
pkgs.python3.pkgs.buildPythonPackage rec {
|
pkgs.stdenv.mkDerivation rec {
|
||||||
pname= "site-musique";
|
name= "site-musique";
|
||||||
version = "1.0";
|
|
||||||
|
|
||||||
inherit (pkgs) stdenv;
|
inherit (pkgs) stdenv;
|
||||||
|
|
||||||
src = ./.;
|
src = ./.;
|
||||||
|
|
||||||
propagatedBuildInputs = [ pkgs.python3.pkgs.django_2_2 pkgs.python3.pkgs.pillow ];
|
installPhase = ''
|
||||||
|
mkdir -p $out/
|
||||||
postFixup = ''
|
cp -R . $out/
|
||||||
wrapPythonProgramsIn $out/bin/manage.py
|
|
||||||
#HACK wrapper breaks django manage.py
|
|
||||||
sed -i "$out/bin/.manage.py-wrapped" -e '
|
|
||||||
0,/sys.argv\[0\].*;/s/sys.argv\[0\][^;]*;//
|
|
||||||
'
|
|
||||||
'';
|
|
||||||
|
|
||||||
doCheck = false;
|
|
||||||
|
|
||||||
postInstall = ''
|
|
||||||
python $out/bin/manage.py collectstatic
|
|
||||||
'';
|
'';
|
||||||
|
|
||||||
meta = {
|
meta = {
|
||||||
|
|||||||
39
direction.php
Normal file
39
direction.php
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
<?php include('navbar.html'); ?>
|
||||||
|
|
||||||
|
<header style="background: #F05F40;">
|
||||||
|
<div class="header-content">
|
||||||
|
<div class="header-content-inner">
|
||||||
|
<img src="img/direction.jpg" class="img-responsive" style="width: 2000px;"></img>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<?php include('contact.html'); ?>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php include('include_foot.html'); ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
216
ecole.php
Normal file
216
ecole.php
Normal file
@ -0,0 +1,216 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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="Site de la musique de Meyenheim">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
|
||||||
|
<title>Musique fraternité - École de Musique</title>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
<?php include('navbar.html'); ?>
|
||||||
|
|
||||||
|
<header style="background-image: url('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="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="img/galerie_ecole/01.jpg" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="img/galerie_ecole/02.jpg" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="img/galerie_ecole/03.jpg" alt="Illustration école de musique">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img src="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>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php 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>
|
||||||
987
evenements.php
Normal file
987
evenements.php
Normal file
@ -0,0 +1,987 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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="Site de la musique de Meyenheim">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
|
||||||
|
<title>Musique fraternité - Évènements</title>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
<link href="css/timeline.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline-body > a > img {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
<?php include('navbar.html'); ?>
|
||||||
|
|
||||||
|
<section id="timeline">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-header">
|
||||||
|
<h1 id="timeline">Évènements à venir</h1>
|
||||||
|
</div>
|
||||||
|
<h2>2018</h2>
|
||||||
|
<ul class="timeline">
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 11 Novembre 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Grand Loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>11 Novembre 2018</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h-22h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_concert_11_11_18" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2018_11_nov_affiche_loto_recto.jpg" alt="Affiche loto" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_concert_11_11_18" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2018_11_nov_affiche_loto_recto.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 12 Novembre 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Super Loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>12 Novembre 2018</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_concert_12_11_18" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2018_12_nov_affiche_loto_recto_1.jpg" alt="Affiche loto" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_concert_12_11_18" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2018_12_nov_affiche_loto_recto_1.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="timeline">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-header">
|
||||||
|
<h1 id="timeline">Évenements passés</h1>
|
||||||
|
</div>
|
||||||
|
<h2>2018</h2>
|
||||||
|
<ul class="timeline">
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Audition 5 juillet 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Audition</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>5 juillet 2018</small></br>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="carousel-audition-07_2018" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_audition_08_18_1" data-toggle="modal">
|
||||||
|
<img src="img/timeline/audition_chant_2018_affiche_2_light.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_audition_08_18_2" data-toggle="modal">
|
||||||
|
<img src="img/timeline/IMG_20180705_212412_2.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_audition_08_18_3" data-toggle="modal">
|
||||||
|
<img src="img/timeline/IMG_20180705_221046.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item active">
|
||||||
|
<a href="#pop_audition_08_18_4" data-toggle="modal">
|
||||||
|
<img src="img/timeline/IMG_20180705_221739_1.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel-audition-07_2018" 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-audition-07_2018" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_audition_08_18_1" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/audition_chant_2018_affiche_2_light.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 2 -->
|
||||||
|
<div id="pop_audition_08_18_2" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/IMG_20180705_212412_2.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 3 -->
|
||||||
|
<div id="pop_audition_08_18_3" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/IMG_20180705_221046.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 4 -->
|
||||||
|
<div id="pop_audition_08_18_4" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/IMG_20180705_221739_1.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Concours SONOR 16 juin 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Concours SONOR</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>16 juin 2018</small></br>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_concours_sonor" data-toggle="modal">
|
||||||
|
<img src="img/timeline/IMG_2292.JPG" alt="Photo concours SONOR" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_concours_sonor" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/IMG_2292.JPG" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Audition 13 juin 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Audition</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>13 juin 2018</small></br>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="carousel-audition-06_2018" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<a href="#pop_audition_08_18_1" data-toggle="modal">
|
||||||
|
<img src="img/timeline/audition_2018_jeunes.JPG">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_audition_08_18_2" data-toggle="modal">
|
||||||
|
<img src="img/timeline/concert_ecole_2018_affiche_1.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel-audition-06_2018" 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-audition-06_2018" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_audition_08_18_1" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/audition_2018_jeunes.JPG" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 2 -->
|
||||||
|
<div id="pop_audition_08_18_2" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/concert_ecole_2018_affiche_1.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 20 mai 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Grand Loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>20 mai 2018</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h15 - 00h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="carousel-loto-05_2018" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<a href="#pop_loto_20_05_18_1" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2018_20_mai_affiche_loto_recto_2.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_loto_20_05_18_2" data-toggle="modal">
|
||||||
|
<img src="img/timeline/loto_2018_208mai_verso2-001.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel-loto-05_2018" 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-loto-05_2018" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_loto_20_05_18_1" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2018_20_mai_affiche_loto_recto_2.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 2 -->
|
||||||
|
<div id="pop_loto_20_05_18_2" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/loto_2018_208mai_verso2-001.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 19 mai 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Super Loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>19 Mai 2018</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_loto_19_05_18" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2018_19_mai_affiche_loto_recto_2.jpg" alt="Affiche Loto 19 mai" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_loto_19_05_18" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2018_19_mai_affiche_loto_recto_2.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Big Band 2018 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Big Band</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>15 Avril 2018</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time">17h</i></small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="pop_bigband_15_04_18" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_bigband_15_04_18" data-toggle="modal">
|
||||||
|
<img src="img/timeline/Affiche_BigBand_2018.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item active embed-responsive embed-responsive-16by9">
|
||||||
|
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/eGLj2QdUa1I" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#pop_bigband_15_04_18" 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="#pop_bigband_15_04_18" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_bigband_15_04_18" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/Affiche_BigBand_2018.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<h2>2017</h2>
|
||||||
|
<ul class="timeline">
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Concert 25 Novembre 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Music' IllFest</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>25 Novembre 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_concert_25_11_17" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_11_concert_affiche_1.jpg" alt="Affiche concert" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_concert_25_11_17" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_11_concert_affiche_1.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 12 Novembre 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Super Loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>12 Novembre 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h15</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_loto_12_11_17" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_12_nov_affiche_loto_recto2A.jpg" alt="Affiche 6 juillet" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_loto_12_11_17" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_12_nov_affiche_loto_recto2A.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 11 Novembre 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Grand Loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>11 Novembre 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h - 00h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="carousel-loto-11_2017" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<a href="#pop_loto_11_11_16_7_1" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_11_nov_affiche_loto_recto2.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_loto_11_11_16_7_2" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_11_loto_verso2-1.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel-loto-11_2017" 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-loto-11_2017" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_loto_11_11_16_7_1" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_11_nov_affiche_loto_recto2.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 2 -->
|
||||||
|
<div id="pop_loto_11_11_16_7_2" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_11_loto_verso2-1.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Rentrée de l'école de musique Septembre 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Rentrée de l'école de musique</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>Septembre 2017</small></br>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="carousel-rentree-2017" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<a href="#pop_rentree_2017_1" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_09_ecole_musique_flyer_light.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_rentree_2017_2" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_09_eveil_flyer_rentree_light.jpg">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel-rentree-2017" 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-rentree-2017" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_rentree_2017_1" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_09_ecole_musique_flyer_light.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 2 -->
|
||||||
|
<div id="pop_rentree_2017_2" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_09_eveil_flyer_rentree_light.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Concert de la classe de chant 6 juillet 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Concert de la classe de chant</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>6 juillet 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle de la musique</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_concert_6_7_17" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_07_concert_chant_affiche_2.jpg" alt="Affiche 6 juillet" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_concert_6_7_17" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_07_concert_chant_affiche_2.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Concert de l'école de musique 20 mai 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Concert de l'école de musique</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>20 mai 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>16h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle de la musique</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_concert_20_5_17" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_05_concert_ecole_affiche_2ct.jpg" alt="Affiche 20 mai" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_concert_20_5_17" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_05_concert_ecole_affiche_2ct.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 7 Mai 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Grand loto</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>7 Mai 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>12h - 24h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<div id="carousel-loto-2" class="carousel slide" data-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Wrapper for slides -->
|
||||||
|
<div class="carousel-inner" role="listbox">
|
||||||
|
<div class="item active">
|
||||||
|
<a href="#pop_loto_7_5_17_1" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_7_mai_affiche_loto_2.jpg" alt="Affiche 7 mai">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="#pop_loto_7_5_17_2" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_7_mai_affiche_loto_2_verso.jpg" alt="Détails loto 7 mai">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Controls -->
|
||||||
|
<a class="left carousel-control" href="#carousel-loto-2" 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-loto-2" role="button" data-slide="next">
|
||||||
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<ul class="list-group">
|
||||||
|
<li class="list-group-item">4 manches
|
||||||
|
<li class="list-group-item">Ouverture des portes dès 12h
|
||||||
|
<li class="list-group-item">Restauration assurée
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_loto_7_5_17_1" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_7_mai_affiche_loto_2.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Popup 2 -->
|
||||||
|
<div id="pop_loto_7_5_17_2" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_7_mai_affiche_loto_2_verso.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Loto 6 Mai 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Loto à l'ancienne</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>6 Mai 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_loto_6_5_17" data-toggle="modal">
|
||||||
|
<img src="img/timeline/2017_6_mai_affiche_loto.jpg" alt="Affiche 6 mai" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<hr>
|
||||||
|
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
|
||||||
|
|
||||||
|
<!-- Popup -->
|
||||||
|
<div id="pop_loto_6_5_17" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/2017_6_mai_affiche_loto.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Maibummel 1er Mai 2017 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Maibummel</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>1er Mai 2017</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>9h - 14h</small></br>
|
||||||
|
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle de musique, rue de l'Ill</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
|
||||||
|
<a href="#pop_maibummel_17" data-toggle="modal">
|
||||||
|
<img src="img/timeline/Affiche_1er_mai_2017_1.jpg" alt="Affiche 1er mai" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_maibummel_17" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/Affiche_1er_mai_2017_1.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<h2>2016</h2>
|
||||||
|
<ul class="timeline">
|
||||||
|
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<!-- Marché aux puces Septembre 2016 -->
|
||||||
|
<!-- =========================================================== -->
|
||||||
|
<li>
|
||||||
|
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4 class="timeline-title">Grand Marché aux puces</h4>
|
||||||
|
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>25 Septembre 2016</small></p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<a href="#pop_puces_2016" data-toggle="modal">
|
||||||
|
<img src="img/timeline/puces_t.jpg" alt="Affiche puces" class="img-responsive">
|
||||||
|
</a>
|
||||||
|
<p>Organisé par la Société de Musique et le Football Club de Meyenheim. Plus de 400 exposants, dans les rues du village autour de l'église. Restauration à toute heure : grillades, ...</p>
|
||||||
|
<a href="files/2016_09_puces_tract.pdf">Renseignements et inscription</a>
|
||||||
|
|
||||||
|
<!-- Popup 1 -->
|
||||||
|
<div id="pop_puces_2016" class="modal fade">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-body">
|
||||||
|
<img src="img/timeline/puces.jpg" class="img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<?php include('contact.html'); ?>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php include('include_foot.html'); ?>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
window.onload = function(){$('.carousel').each(function(){
|
||||||
|
var items = $(this).find(".item"),
|
||||||
|
heights = [],
|
||||||
|
tallest;
|
||||||
|
|
||||||
|
if (items.length) {
|
||||||
|
function normalizeHeights() {
|
||||||
|
items.each(function() { //add heights to array
|
||||||
|
heights.push($(this).height());
|
||||||
|
});
|
||||||
|
tallest = Math.max.apply(null, heights); //cache largest value
|
||||||
|
items.each(function() {
|
||||||
|
$(this).css('min-height',tallest + 'px');
|
||||||
|
});
|
||||||
|
};
|
||||||
|
normalizeHeights();
|
||||||
|
|
||||||
|
$(window).on('resize orientationchange', function () {
|
||||||
|
tallest = 0, heights.length = 0; //reset vars
|
||||||
|
items.each(function() {
|
||||||
|
$(this).css('min-height','0'); //reset min-height
|
||||||
|
});
|
||||||
|
normalizeHeights(); //run it again
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
files/2016_09_puces_tract.pdf
Normal file
BIN
files/2016_09_puces_tract.pdf
Normal file
Binary file not shown.
3
footer.html
Normal file
3
footer.html
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<footer>
|
||||||
|
<small>Créé par Paul TREHIOU et inspiré du theme <a href="https://startbootstrap.com/template-overviews/creative/">Creative</a> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png"></a> powered by <a href="https://nixos.org/">NixOS</a></small>
|
||||||
|
</footer>
|
||||||
59
harmonie.php
Normal file
59
harmonie.php
Normal file
@ -0,0 +1,59 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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="Site de la musique de Meyenheim">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
|
||||||
|
<title>Musique fraternité - Harmonie Intercommunale</title>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
<?php include('navbar.html'); ?>
|
||||||
|
|
||||||
|
<header style="background-image: url('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="img/IllFest_2013_Corentin_Christophe.jpg" class="col-lg-6 img-responsive">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<?php include('contact.html'); ?>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php include('include_foot.html'); ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
Before Width: | Height: | Size: 228 KiB After Width: | Height: | Size: 228 KiB |
|
Before Width: | Height: | Size: 444 KiB After Width: | Height: | Size: 444 KiB |
|
Before Width: | Height: | Size: 251 KiB After Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 973 KiB After Width: | Height: | Size: 973 KiB |
|
Before Width: | Height: | Size: 847 KiB After Width: | Height: | Size: 847 KiB |
|
Before Width: | Height: | Size: 818 KiB After Width: | Height: | Size: 818 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 274 KiB After Width: | Height: | Size: 274 KiB |
|
Before Width: | Height: | Size: 223 KiB After Width: | Height: | Size: 223 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 457 KiB After Width: | Height: | Size: 457 KiB |
|
Before Width: | Height: | Size: 945 KiB After Width: | Height: | Size: 945 KiB |
|
Before Width: | Height: | Size: 147 KiB After Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 316 KiB After Width: | Height: | Size: 316 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 263 KiB After Width: | Height: | Size: 263 KiB |
|
Before Width: | Height: | Size: 386 KiB After Width: | Height: | Size: 386 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 363 KiB After Width: | Height: | Size: 363 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
BIN
img/timeline/2016_Loto_11_novembre_affiche.jpg
Normal file
BIN
img/timeline/2016_Loto_11_novembre_affiche.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 604 KiB |
BIN
img/timeline/2016_nov_11_IMG_20161111_182030_3.jpg
Normal file
BIN
img/timeline/2016_nov_11_IMG_20161111_182030_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 680 KiB |
BIN
img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg
Normal file
BIN
img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 322 KiB |
BIN
img/timeline/2016_novembre_03_affiche_loto_meyenheim_light.jpg
Normal file
BIN
img/timeline/2016_novembre_03_affiche_loto_meyenheim_light.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 339 KiB |
BIN
img/timeline/2017_05_concert_ecole_affiche_2ct.jpg
Normal file
BIN
img/timeline/2017_05_concert_ecole_affiche_2ct.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
BIN
img/timeline/2017_07_concert_chant_affiche_2.jpg
Normal file
BIN
img/timeline/2017_07_concert_chant_affiche_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
BIN
img/timeline/2017_09_ecole_musique_flyer_light.jpg
Normal file
BIN
img/timeline/2017_09_ecole_musique_flyer_light.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 313 KiB |
BIN
img/timeline/2017_09_eveil_flyer_rentree_light.jpg
Normal file
BIN
img/timeline/2017_09_eveil_flyer_rentree_light.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
BIN
img/timeline/2017_11_concert_affiche_1.jpg
Normal file
BIN
img/timeline/2017_11_concert_affiche_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 415 KiB |
BIN
img/timeline/2017_11_loto_verso2-1.jpg
Normal file
BIN
img/timeline/2017_11_loto_verso2-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
BIN
img/timeline/2017_11_nov_affiche_loto_recto2.jpg
Normal file
BIN
img/timeline/2017_11_nov_affiche_loto_recto2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 585 KiB |
BIN
img/timeline/2017_12_nov_affiche_loto_recto2A.jpg
Normal file
BIN
img/timeline/2017_12_nov_affiche_loto_recto2A.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 320 KiB |
BIN
img/timeline/2017_6_mai_affiche_loto.jpg
Normal file
BIN
img/timeline/2017_6_mai_affiche_loto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 499 KiB |
BIN
img/timeline/2017_7_mai_affiche_loto.jpg
Normal file
BIN
img/timeline/2017_7_mai_affiche_loto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
BIN
img/timeline/2017_7_mai_affiche_loto_2.jpg
Normal file
BIN
img/timeline/2017_7_mai_affiche_loto_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 618 KiB |
BIN
img/timeline/2017_7_mai_affiche_loto_2_verso.jpg
Normal file
BIN
img/timeline/2017_7_mai_affiche_loto_2_verso.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 482 KiB |
BIN
img/timeline/2018_11_nov_affiche_loto_recto.jpg
Normal file
BIN
img/timeline/2018_11_nov_affiche_loto_recto.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 502 KiB |
BIN
img/timeline/2018_12_nov_affiche_loto_recto_1.jpg
Normal file
BIN
img/timeline/2018_12_nov_affiche_loto_recto_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 644 KiB |
BIN
img/timeline/2018_19_mai_affiche_loto_recto_2.jpg
Normal file
BIN
img/timeline/2018_19_mai_affiche_loto_recto_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
img/timeline/2018_20_mai_affiche_loto_recto_2.jpg
Normal file
BIN
img/timeline/2018_20_mai_affiche_loto_recto_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 594 KiB |
BIN
img/timeline/Affiche_1er_mai_2017_1.jpg
Normal file
BIN
img/timeline/Affiche_1er_mai_2017_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 314 KiB |
BIN
img/timeline/Affiche_BigBand_2018.jpg
Normal file
BIN
img/timeline/Affiche_BigBand_2018.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
img/timeline/IMG_20180705_212412_2.jpg
Normal file
BIN
img/timeline/IMG_20180705_212412_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 480 KiB |
BIN
img/timeline/IMG_20180705_221046.jpg
Normal file
BIN
img/timeline/IMG_20180705_221046.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 662 KiB |
BIN
img/timeline/IMG_20180705_221739_1.jpg
Normal file
BIN
img/timeline/IMG_20180705_221739_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
BIN
img/timeline/IMG_2292.JPG
Normal file
BIN
img/timeline/IMG_2292.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
img/timeline/audition_2018_jeunes.JPG
Normal file
BIN
img/timeline/audition_2018_jeunes.JPG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
img/timeline/audition_chant_2018_affiche_2_light.jpg
Normal file
BIN
img/timeline/audition_chant_2018_affiche_2_light.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 774 KiB |
BIN
img/timeline/concert_ecole_2018_affiche_1.jpg
Normal file
BIN
img/timeline/concert_ecole_2018_affiche_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1005 KiB |
BIN
img/timeline/loto_2018_208mai_verso2-001.jpg
Normal file
BIN
img/timeline/loto_2018_208mai_verso2-001.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 725 KiB |
BIN
img/timeline/puces.jpg
Normal file
BIN
img/timeline/puces.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
BIN
img/timeline/puces_t.jpg
Normal file
BIN
img/timeline/puces_t.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
13
include_foot.html
Normal file
13
include_foot.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<!-- jQuery -->
|
||||||
|
<script src="vendor/jquery.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="vendor/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Plugin JavaScript -->
|
||||||
|
<script src="vendor/jquery.easing.min.js"></script>
|
||||||
|
<script src="vendor/scrollreveal.min.js"></script>
|
||||||
|
<script src="vendor/appear.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Theme JavaScript -->
|
||||||
|
<script src="js/creative.min.js"></script>
|
||||||
@ -1,6 +1,5 @@
|
|||||||
{% load static %}
|
|
||||||
<!-- Bootstrap Core CSS -->
|
<!-- Bootstrap Core CSS -->
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
<!-- Custom Fonts -->
|
||||||
<script src="https://use.fontawesome.com/49602068ad.js"></script>
|
<script src="https://use.fontawesome.com/49602068ad.js"></script>
|
||||||
@ -8,7 +7,7 @@
|
|||||||
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||||
|
|
||||||
<!-- Theme CSS -->
|
<!-- Theme CSS -->
|
||||||
<link href="{% static "common_files/vendor/creative.min.css" %}" rel="stylesheet">
|
<link href="css/creative.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
@ -17,4 +16,4 @@
|
|||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<link rel="icon" type="image/jpg" href="{% static "common_files/img/favicon.jpg" %}" />
|
<link rel="icon" type="image/jpg" href="img/favicon.jpg" />
|
||||||
141
index.php
Normal file
141
index.php
Normal file
@ -0,0 +1,141 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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="Site de la musique de Meyenheim">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
<meta name="google-site-verification" content="vfIxnQkU6NJ__BiBJu2OXPP4JlijXV5Iq2R4Yskf3Ss" />
|
||||||
|
|
||||||
|
<title>Musique fraternité</title>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.portfolio-box {
|
||||||
|
overflow: hidden;
|
||||||
|
max-height: 350px;
|
||||||
|
}
|
||||||
|
.portfolio-box img {
|
||||||
|
max-height: 350px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
<?php 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="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="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="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="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="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="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>
|
||||||
|
|
||||||
|
<?php include('contact.html'); ?>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php include('include_foot.html'); ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
361
less/creative.less
Normal file
361
less/creative.less
Normal file
@ -0,0 +1,361 @@
|
|||||||
|
@import "variables.less";
|
||||||
|
@import "mixins.less";
|
||||||
|
|
||||||
|
// Global Components
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
.serif-font;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-color: @theme-primary;
|
||||||
|
border-width: 3px;
|
||||||
|
max-width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.light {
|
||||||
|
border-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
.transition-all;
|
||||||
|
color: @theme-primary;
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: darken(@theme-primary, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
.sans-serif-font;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-primary {
|
||||||
|
background-color: @theme-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-dark {
|
||||||
|
background-color: @gray-darker;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-faded {
|
||||||
|
color: fade(white, 70%);
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside {
|
||||||
|
padding: 50px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-padding {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Navigation
|
||||||
|
|
||||||
|
.navbar-default {
|
||||||
|
background-color: white;
|
||||||
|
border-color: fade(@gray-darker, 5%);
|
||||||
|
.sans-serif-font;
|
||||||
|
.transition-all;
|
||||||
|
.navbar-header .navbar-brand {
|
||||||
|
color: @theme-primary;
|
||||||
|
.sans-serif-font;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: darken(@theme-primary, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.navbar-header .navbar-toggle {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 12px;
|
||||||
|
color: @gray-darker;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.nav {
|
||||||
|
> li {
|
||||||
|
> a,
|
||||||
|
> a:focus {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 13px;
|
||||||
|
color: @gray-darker;
|
||||||
|
&:hover {
|
||||||
|
color: @theme-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.active {
|
||||||
|
> a,
|
||||||
|
> a:focus {
|
||||||
|
color: @theme-primary !important;
|
||||||
|
background-color: transparent;
|
||||||
|
&:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
background-color: transparent;
|
||||||
|
border-color: fade(white, 30%);
|
||||||
|
.navbar-header .navbar-brand {
|
||||||
|
color: fade(white, 70%);
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nav > li > a,
|
||||||
|
.nav > li > a:focus {
|
||||||
|
color: fade(white, 70%);
|
||||||
|
&:hover {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.affix {
|
||||||
|
background-color: white;
|
||||||
|
border-color: fade(@gray-darker, 5%);
|
||||||
|
.navbar-header .navbar-brand {
|
||||||
|
color: @theme-primary;
|
||||||
|
font-size: 14px;
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
color: darken(@theme-primary, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nav > li > a,
|
||||||
|
.nav > li > a:focus {
|
||||||
|
color: @gray-darker;
|
||||||
|
&:hover {
|
||||||
|
color: @theme-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Homepage Header
|
||||||
|
|
||||||
|
header {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
min-height: auto;
|
||||||
|
.background-cover;
|
||||||
|
background-position: center;
|
||||||
|
background-image: url('../img/header.jpg');
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
.header-content {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
padding: 100px 15px 100px;
|
||||||
|
width: 100%;
|
||||||
|
.header-content-inner {
|
||||||
|
h1 {
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
hr {
|
||||||
|
margin: 30px auto;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-weight: 300;
|
||||||
|
color: fade(white, 70%);
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
min-height: 100%;
|
||||||
|
.header-content {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
-webkit-transform: translateY(-50%);
|
||||||
|
-ms-transform: translateY(-50%);
|
||||||
|
transform: translateY(-50%);
|
||||||
|
padding: 0 50px;
|
||||||
|
.header-content-inner {
|
||||||
|
max-width: 1000px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
h1 {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 18px;
|
||||||
|
max-width: 80%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sections
|
||||||
|
|
||||||
|
.section-heading {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-box {
|
||||||
|
max-width: 400px;
|
||||||
|
margin: 50px auto 0;
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
margin: 20px auto 0;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.portfolio-box {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
max-width: 650px;
|
||||||
|
margin: 0 auto;
|
||||||
|
.portfolio-box-caption {
|
||||||
|
color: white;
|
||||||
|
opacity: 0;
|
||||||
|
display: block;
|
||||||
|
background: fade(@theme-primary, 90%);
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
.transition-all;
|
||||||
|
.portfolio-box-caption-content {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
.project-category,
|
||||||
|
.project-name {
|
||||||
|
.sans-serif-font;
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
.project-category {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.project-name {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
.portfolio-box-caption {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.portfolio-box-caption {
|
||||||
|
.portfolio-box-caption-content {
|
||||||
|
.project-category {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.project-name {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.call-to-action {
|
||||||
|
h2 {
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Bootstrap Overrides
|
||||||
|
.text-primary {
|
||||||
|
color: @theme-primary;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-gutter > [class*='col-'] {
|
||||||
|
padding-right:0;
|
||||||
|
padding-left:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Button Styles
|
||||||
|
.btn-default {
|
||||||
|
.button-variant(@gray-darker;white;white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
.button-variant(white;@theme-primary;@theme-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
.sans-serif-font;
|
||||||
|
border: none;
|
||||||
|
border-radius: 300px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-xl {
|
||||||
|
padding: 15px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Extras
|
||||||
|
// -- Highlight Color Customization
|
||||||
|
::-moz-selection {
|
||||||
|
color: white;
|
||||||
|
text-shadow: none;
|
||||||
|
background: @gray-darker;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
color: white;
|
||||||
|
text-shadow: none;
|
||||||
|
background: @gray-darker;
|
||||||
|
}
|
||||||
|
|
||||||
|
img::selection {
|
||||||
|
color: white;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
img::-moz-selection {
|
||||||
|
color: white;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
webkit-tap-highlight-color: @gray-darker;
|
||||||
|
}
|
||||||
63
less/mixins.less
Normal file
63
less/mixins.less
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
// Mixins
|
||||||
|
|
||||||
|
.transition-all() {
|
||||||
|
-webkit-transition: all 0.35s;
|
||||||
|
-moz-transition: all 0.35s;
|
||||||
|
transition: all 0.35s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.background-cover() {
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-variant(@color; @background; @border) {
|
||||||
|
color: @color;
|
||||||
|
background-color: @background;
|
||||||
|
border-color: @border;
|
||||||
|
.transition-all;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&.focus,
|
||||||
|
&:active,
|
||||||
|
&.active,
|
||||||
|
.open > .dropdown-toggle& {
|
||||||
|
color: @color;
|
||||||
|
background-color: darken(@background, 5%);
|
||||||
|
border-color: darken(@border, 7%);
|
||||||
|
}
|
||||||
|
&:active,
|
||||||
|
&.active,
|
||||||
|
.open > .dropdown-toggle& {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
&.disabled,
|
||||||
|
&[disabled],
|
||||||
|
fieldset[disabled] & {
|
||||||
|
&,
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&.focus,
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
background-color: @background;
|
||||||
|
border-color: @border;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
color: @background;
|
||||||
|
background-color: @color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.sans-serif-font() {
|
||||||
|
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.serif-font() {
|
||||||
|
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
|
||||||
|
}
|
||||||
12
less/variables.less
Normal file
12
less/variables.less
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
// Variables
|
||||||
|
|
||||||
|
// Gray and Brand Colors for use across theme
|
||||||
|
|
||||||
|
@theme-primary: #F05F40;
|
||||||
|
|
||||||
|
@gray-base: #000;
|
||||||
|
@gray-darker: lighten(@gray-base, 13.5%); // #222
|
||||||
|
@gray-dark: lighten(@gray-base, 20%); // #333
|
||||||
|
@gray: lighten(@gray-base, 33.5%); // #555
|
||||||
|
@gray-light: lighten(@gray-base, 46.7%); // #777
|
||||||
|
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
|
||||||
22
manage.py
22
manage.py
@ -1,22 +0,0 @@
|
|||||||
#!/nix/store/yglc8kgzmdaskyngv90y1mw96fl00pjy-python3-3.7.4/bin/python
|
|
||||||
import os
|
|
||||||
import sys
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "site_musique.settings.dev")
|
|
||||||
try:
|
|
||||||
from django.core.management import execute_from_command_line
|
|
||||||
except ImportError:
|
|
||||||
# The above import may fail for some other reason. Ensure that the
|
|
||||||
# issue is really that Django is missing to avoid masking other
|
|
||||||
# exceptions on Python 2.
|
|
||||||
try:
|
|
||||||
import django
|
|
||||||
except ImportError:
|
|
||||||
raise ImportError(
|
|
||||||
"Couldn't import Django. Are you sure it's installed and "
|
|
||||||
"available on your PYTHONPATH environment variable? Did you "
|
|
||||||
"forget to activate a virtual environment?"
|
|
||||||
)
|
|
||||||
raise
|
|
||||||
execute_from_command_line(sys.argv)
|
|
||||||
@ -1,4 +1,3 @@
|
|||||||
{% load static %}
|
|
||||||
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
|
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
@ -6,8 +5,8 @@
|
|||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||||
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
|
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
|
||||||
</button>
|
</button>
|
||||||
<a class="navbar-brand page-scroll" href="{% url 'accueil' %}#page-top">
|
<a class="navbar-brand page-scroll" href="index.php#page-top">
|
||||||
<img alt="Logo" src="{% static "common_files/img/logo.jpg" %}" style="height: 65px;">
|
<img alt="Logo" src="img/logo.jpg" style="height: 65px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -18,22 +17,22 @@
|
|||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
">
|
">
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="{% url 'harmonie' %}">Harmonie intercommunale</a>
|
<a class="page-scroll" href="harmonie.php">Harmonie intercommunale</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="{% url 'ecole' %}">École de musique</a>
|
<a class="page-scroll" href="ecole.php">École de musique</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="{% url 'evenements' %}">Évenements</a>
|
<a class="page-scroll" href="evenements.php">Évenements</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="{% url 'direction' %}">Direction</a>
|
<a class="page-scroll" href="direction.php">Direction</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="{% url 'salle' %}">La salle</a>
|
<a class="page-scroll" href="salle.php">La salle</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="{% url 'partenaires' %}">Partenaires</a>
|
<a class="page-scroll" href="partenaires.php">Partenaires</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="page-scroll" href="#contact">Contact</a>
|
<a class="page-scroll" href="#contact">Contact</a>
|
||||||
21
nginx.conf
Normal file
21
nginx.conf
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
server {
|
||||||
|
listen 80;
|
||||||
|
|
||||||
|
location / {
|
||||||
|
root /usr/share/nginx/html;
|
||||||
|
index index.php;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error_page 404 /404.html;
|
||||||
|
|
||||||
|
# pass the PHP scripts to FastCGI server listening on php:9000
|
||||||
|
#
|
||||||
|
location ~ \.php$ {
|
||||||
|
root html;
|
||||||
|
fastcgi_pass php:9000;
|
||||||
|
fastcgi_index index.php;
|
||||||
|
fastcgi_param SCRIPT_FILENAME /usr/share/nginx/html/$fastcgi_script_name;
|
||||||
|
include fastcgi_params;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
69
partenaires.php
Normal file
69
partenaires.php
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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="Site de la musique de Meyenheim">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
|
||||||
|
<title>Musique fraternité - Partenaires</title>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
<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">
|
||||||
|
|
||||||
|
<?php 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="img/partenaires/Meyenheim_logo.jpg"></a>
|
||||||
|
<a href="http://ccchr.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="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="img/partenaires/Logo_Alsace_CD68.png"></a>
|
||||||
|
<a href="https://culturegrandest.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="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="img/partenaires/vialis.jpg"></a>
|
||||||
|
<a href="https://www.creditmutuel.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="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="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="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="img/partenaires/Planetpizza_1-001.jpg"></a>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php include('include_foot.html'); ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
115
salle.php
Normal file
115
salle.php
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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="Site de la musique de Meyenheim">
|
||||||
|
<meta name="author" content="Paul TREHIOU">
|
||||||
|
|
||||||
|
<title>Musique fraternité - La Salle</title>
|
||||||
|
|
||||||
|
<?php include('include_head.html'); ?>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top">
|
||||||
|
|
||||||
|
<?php include('navbar.html'); ?>
|
||||||
|
|
||||||
|
<header style="background-image: url('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="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:contact@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>
|
||||||
|
|
||||||
|
<?php include('footer.html'); ?>
|
||||||
|
|
||||||
|
<?php include('include_foot.html'); ?>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
8
setup.py
8
setup.py
@ -1,8 +0,0 @@
|
|||||||
#!/usr/bin/env python
|
|
||||||
from setuptools import setup, find_packages
|
|
||||||
|
|
||||||
setup(name='site_musique',
|
|
||||||
version='1.0',
|
|
||||||
packages=find_packages(),
|
|
||||||
scripts=['manage.py'],
|
|
||||||
include_package_data=True)
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user