nyanloutre
/
site-musique
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

nouveaux évenements

This commit is contained in:
nyanloutre 2018-10-24 21:05:59 +02:00
parent 4b041ebf18
commit ebee75dce7
Signed by: nyanloutre
GPG Key ID: 194A92D1103ACB2A
8 changed files with 216 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

347
evenements.php
View File

@ -127,7 +127,222 @@
</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 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>
<!-- 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/concert_ecole_2018_affiche_1.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- =========================================================== -->
<!-- Loto 20 mai 2018 -->
<!-- =========================================================== -->
@ -711,137 +926,7 @@
</ul>
<h2>2016</h2>
<ul class="timeline">
<!-- =========================================================== -->
<!-- Loto 12 Novembre 2016 -->
<!-- =========================================================== -->
<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>12 Novembre 2016</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_12_11_16" data-toggle="modal">
<img src="img/timeline/2016_novembre_03_affiche_loto_meyenheim_light.jpg" alt="Affiche loto 11 Novembre" class="img-responsive">
</a>
<hr>
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
<!-- Popup 1 -->
<div id="pop_loto_12_11_16" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img src="img/timeline/2016_novembre_03_affiche_loto_meyenheim_light.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- =========================================================== -->
<!-- Loto 11 Novembre 2016 -->
<!-- =========================================================== -->
<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>11 Novembre 2016</small></br>
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h à 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" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item">
<a href="#pop_loto_11_11_16_1" data-toggle="modal">
<img src="img/timeline/2016_Loto_11_novembre_affiche.jpg" alt="Affiche loto 11 Novembre">
</a>
</div>
<div class="item">
<a href="#pop_loto_11_11_16_2" data-toggle="modal">
<img src="img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg" alt="Détails loto 11 Novembre">
</a>
</div>
<div class="item active">
<a href="#pop_loto_11_11_16_3" data-toggle="modal">
<img src="img/timeline/2016_nov_11_IMG_20161111_182030_3.jpg" alt="Photo loto 11 Novembre">
</a>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-loto" 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" 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_11_11_16_1" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img src="img/timeline/2016_Loto_11_novembre_affiche.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
<!-- Popup 2 -->
<div id="pop_loto_11_11_16_2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img src="img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
<!-- Popup 3 -->
<div id="pop_loto_11_11_16_3" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img src="img/timeline/2016_nov_11_IMG_20161111_182030_3.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- =========================================================== -->
<!-- Marché aux puces Septembre 2016 -->
<!-- =========================================================== -->

BIN
img/timeline/IMG_20180705_212412_2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 480 KiB

BIN
img/timeline/IMG_20180705_221046.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 662 KiB

BIN
img/timeline/IMG_20180705_221739_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 256 KiB

BIN
img/timeline/IMG_2292.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/timeline/audition_2018_jeunes.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
img/timeline/audition_chant_2018_affiche_2_light.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 774 KiB

BIN
img/timeline/concert_ecole_2018_affiche_1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1005 KiB