Ajout lotos 11/12 novembre 2018

This commit is contained in:
nyanloutre 2018-10-21 11:42:12 +02:00
parent 42ffbfa854
commit 3339c513c0
3 changed files with 208 additions and 142 deletions

View File

@ -51,53 +51,30 @@
<ul class="timeline">
<!-- =========================================================== -->
<!-- Big Band 2018 -->
<!-- Loto 11 Novembre 2018 -->
<!-- =========================================================== -->
<li class="timeline-inverted">
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
<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">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>
<h4 class="timeline-title">Music' IllFest</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">
<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 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>
</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 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/Affiche_BigBand_2018.jpg" class="img-responsive">
<img src="img/timeline/2018_11_nov_affiche_loto_recto.jpg" class="img-responsive">
</div>
</div>
</div>
@ -107,30 +84,30 @@
</li>
<!-- =========================================================== -->
<!-- Loto 19 mai 2018 -->
<!-- Loto 12 Novembre 2018 -->
<!-- =========================================================== -->
<li class="timeline">
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
<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>19 Mai 2018</small></br>
<h4 class="timeline-title">Music' IllFest</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_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 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_loto_19_05_18" class="modal fade">
<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_19_mai_affiche_loto_recto_2.jpg" class="img-responsive">
<img src="img/timeline/2018_12_nov_affiche_loto_recto_1.jpg" class="img-responsive">
</div>
</div>
</div>
@ -139,6 +116,18 @@
</div>
</li>
</ul>
</div>
</section>
<section id="timeline">
<div class="container">
<div class="page-header">
<h1 id="timeline">Évenements passés</h1>
</div>
<h2>2017</h2>
<ul class="timeline">
<!-- =========================================================== -->
<!-- Loto 20 mai 2018 -->
<!-- =========================================================== -->
@ -208,17 +197,160 @@
</div>
</li>
</ul>
</div>
</section>
<!-- =========================================================== -->
<!-- Loto 19 mai 2018 -->
<!-- =========================================================== -->
<section id="timeline">
<div class="container">
<div class="page-header">
<h1 id="timeline">Évènements passés</h1>
<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>
<h2>2017</h2>
<ul class="timeline">
<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>
<!-- =========================================================== -->
<!-- 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 -->
@ -289,72 +421,6 @@
</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>
<!-- =========================================================== -->
<!-- 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>
<!-- =========================================================== -->
<!-- Rentrée de l'école de musique Septembre 2017 -->
<!-- =========================================================== -->

Binary file not shown.

After

Width:  |  Height:  |  Size: 502 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 644 KiB