MAJ de la page d'accueil, ajout footer, suppression de pages inutiles, ajustements divers
This commit is contained in:
Pierre-Yves
parent
9efc8cb436
commit
319b5d2203
11
contact.html
11
contact.html
@ -17,7 +17,6 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html"> Accueil </a></li>
|
<li><a href="index.html"> Accueil </a></li>
|
||||||
<li><a href="presentation.html"> Présentation </a></li>
|
<li><a href="presentation.html"> Présentation </a></li>
|
||||||
<li><a href="prochains_evenements.html"> Prochains évènements </a></li>
|
|
||||||
<li><a href="troupe.html"> Troupe </a></li>
|
<li><a href="troupe.html"> Troupe </a></li>
|
||||||
<li><a href="contact.html"> Contact </a></li>
|
<li><a href="contact.html"> Contact </a></li>
|
||||||
|
|
||||||
@ -25,10 +24,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="corps">
|
<div class="corps">
|
||||||
|
<p class="titre-accueil">
|
||||||
|
<strong>Contact</strong>
|
||||||
|
</p>
|
||||||
<div class="centrer">
|
<div class="centrer">
|
||||||
<p> Vous pouvez contacter le collectif Karäfon au numéro de téléphone 07 67 27 83 14. </p>
|
<p>Vous pouvez contacter le collectif Karäfon par téléphone au <strong>07 67 27 83 14</strong> ou par mail : <strong>collectifkarafon@protonmail.com</strong></p>
|
||||||
<a href="https://www.facebook.com/CollectifKarafon"><img src="images/facebook.png" alt="logo facebook" width=8%/></a>
|
<a href="https://www.facebook.com/CollectifKarafon" target="_blank">
|
||||||
|
<img src="images/facebook.png" alt="logo facebook" class="facebook-icon"/>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 362 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
BIN
images/journee_festive.webp
Normal file
BIN
images/journee_festive.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 270 KiB |
BIN
images/photo_kabaret.webp
Normal file
BIN
images/photo_kabaret.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 911 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 874 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
132
index.html
132
index.html
@ -1,40 +1,110 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="fr" xmlns="http://www.w3.org/1999/html">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8"/>
|
||||||
<title> Karäfon prochains événements</title>
|
<title>Karäfon - Festival itinérant</title>
|
||||||
<link rel="stylesheet" href="karafon_style.css" />
|
<link rel="stylesheet" href="karafon_style.css"/>
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpeg" />
|
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpeg"/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<div class="titre">
|
<header>
|
||||||
<img src="images/logo_citi.png" alt="logo de l'association" id="citi"/>
|
<div class="titre">
|
||||||
<img src="images/logo.jpeg" alt="logo de l'association" id="logo"/>
|
<img src="images/logo_citi.png" alt="logo de l'association" id="citi"/>
|
||||||
|
<img src="images/logo.jpeg" alt="logo de l'association" id="logo"/>
|
||||||
<h1 id="collectif_karafon"> Collectif Karäfon</h1>
|
|
||||||
<h2 id="festival_itinerant">Festival itinérant</h2>
|
<h1 id="collectif_karafon">Collectif Karäfon</h1>
|
||||||
|
<h2 id="festival_itinerant">Festival itinérant</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html"> Accueil </a></li>
|
<li><a href="index.html">Accueil</a></li>
|
||||||
<li><a href="presentation.html"> Présentation </a></li>
|
<li><a href="presentation.html">Présentation</a></li>
|
||||||
<li><a href="prochains_evenements.html"> Prochains évènements </a></li>
|
<li><a href="troupe.html">Troupe</a></li>
|
||||||
<li><a href="troupe.html"> Troupe </a></li>
|
<li><a href="contact.html">Contact</a></li>
|
||||||
<li><a href="contact.html"> Contact </a></li>
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<p id="intro-prochain">
|
|
||||||
<span>Les prochaines dates arrivent bientôt ;)</span>
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
Le Collectif Karäfon a posé ses valises et son chapiteau
|
|
||||||
à <strong>Orliénas<strong> les <strong>6 et 7 septembre</strong> 2024
|
|
||||||
Un festival convivial, familial et festif proposé par la troupe Karäfon !</p>
|
|
||||||
<div class="centrer">
|
|
||||||
<img src="images/2024_orlineas_flyer.webp" id="affiche" class="images"/>
|
|
||||||
<img src="images/2024_orlineas_affiche.webp" class="images"/>
|
|
||||||
</div>
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="corps">
|
||||||
|
<h2 class="titre-accueil">🎪 Le Festival Karäfon revient !</h2>
|
||||||
|
<p class="soustitre">Venez passer un week-end de rêve sous chapiteau !</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
Retrouvez-nous le <strong>samedi 5</strong> et <strong>dimanche 6 JUILLET 2025</strong><br/>
|
||||||
|
à <strong>Saint-Genest d’Ambière</strong> et le <strong>vendredi 11</strong> et <strong>samedi 12 Juillet 2025 à
|
||||||
|
Saint-Vitte !</strong>
|
||||||
|
</p>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<div id="premier-jour">
|
||||||
|
<p class="titre-accueil"><strong>Premier jour : Le Kabärêve !</strong></p>
|
||||||
|
<p class="soustitre">
|
||||||
|
Le 5 juillet à Saint Genest d’Ambière et le 11 juillet à Saint-Vitte !
|
||||||
|
</p>
|
||||||
|
<p class="infos-date">
|
||||||
|
Venez plongez dans l’univers du rêve avec un dîner spectaculaire sous chapiteau !
|
||||||
|
</p>
|
||||||
|
<p class="infos-date">
|
||||||
|
Entrée-Plat-Dessert et Spectacle !
|
||||||
|
</p>
|
||||||
|
<p class="infos-date">
|
||||||
|
19h : Ouverture du site<br/>
|
||||||
|
20h : Kabärêve
|
||||||
|
</p>
|
||||||
|
<p class="infos-date">
|
||||||
|
Au programme une cuisine faite maison mettant en avant des produits locaux et de saison...
|
||||||
|
</p>
|
||||||
|
<p class="infos-date">
|
||||||
|
<strong>Prix fourchette au choix entre 30€ et 18€.</strong>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="banner-image">
|
||||||
|
<img src="images/photo_kabaret.webp" alt="Kabärêve ambiance chapiteau">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="jour-container">
|
||||||
|
<div class="jour-image">
|
||||||
|
<img src="images/journee_festive.webp" alt="Chapiteau et public">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="deuxième-jour">
|
||||||
|
<p class="titre-accueil"><strong>Deuxième jour : Journée festive</strong></p>
|
||||||
|
<p class="soustitre">
|
||||||
|
Le 6 juillet à Saint Genest d’Ambière et le 12 juillet à Saint-Vitte !
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
Prix Libre !
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
14h Ouverture du site ( buvette et crêpes aussi!)
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
15h "Jus de chaussettes", Cie L’éffémémère...
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
15h45 – 18h : Ateliers, animations, jeux...
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
18h : « Les désacordées », Cie Asso Téléplomb...
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
19h PIZZA
|
||||||
|
</p>
|
||||||
|
<p class="soustitre">
|
||||||
|
20h Scène ouverte
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p id="on_attend"><strong>On attend plus que vous !</strong></p>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="footer-content">
|
||||||
|
<p>Vous pouvez contacter le collectif Karäfon par téléphone au <strong>07 67 27 83 14</strong> ou par mail : <strong>collectifkarafon@protonmail.com</strong></p>
|
||||||
|
<a href="https://www.facebook.com/CollectifKarafon" target="_blank">
|
||||||
|
<img src="images/facebook.png" alt="logo facebook" class="facebook-icon"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,28 +1,27 @@
|
|||||||
html {
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
font-family: Georgia, Verdana, sans-serif;
|
font-family: Georgia, Verdana, sans-serif;
|
||||||
|
background-color: #fde47d;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
width: 100vw;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #3897d1;
|
background-color: #3897d1;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
img {
|
||||||
margin-top: 0%;
|
margin: 2%;
|
||||||
background-color: #fde47d;
|
|
||||||
}
|
|
||||||
|
|
||||||
img{
|
|
||||||
margin:2%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
position:relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
@ -30,21 +29,89 @@ li {
|
|||||||
}
|
}
|
||||||
|
|
||||||
li a {
|
li a {
|
||||||
color:rgb(250, 250, 200);
|
color: rgb(250, 250, 200);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 14px 16px;
|
padding: 14px 16px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: large;
|
font-size: large;
|
||||||
}
|
}
|
||||||
|
|
||||||
p{
|
#citi {
|
||||||
color:rgb(29, 92, 117);
|
position: absolute;
|
||||||
font-size: large;
|
left: 80%;
|
||||||
|
max-width: 8%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
position: absolute;
|
||||||
|
left: 5%;
|
||||||
|
max-width: 13%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#collectif_karafon {
|
||||||
|
color: rgb(248, 248, 218);
|
||||||
|
font-size: 2.2em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#festival_itinerant {
|
||||||
|
color: rgb(248, 248, 218);
|
||||||
|
font-size: 1.3em;
|
||||||
|
margin: 0.1em 0 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.corps {
|
||||||
|
margin-top: 4em;
|
||||||
|
margin-left: 20%;
|
||||||
|
margin-right: 20%;
|
||||||
|
text-align: center;
|
||||||
|
color: rgb(29, 92, 117);
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#on_attend {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
margin-left: 20%;
|
||||||
|
margin-right: 20%;
|
||||||
|
text-align: center;
|
||||||
|
color: rgb(29, 92, 117);
|
||||||
|
font-size: 2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titre-accueil {
|
||||||
|
font-size: 2.2em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.soustitre {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
#equipe{
|
||||||
|
position:absolute;
|
||||||
|
right:7%;
|
||||||
|
top:30%;
|
||||||
|
max-height:40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#intro-prochain{
|
||||||
|
margin: 8% 50% -10% 4%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.images{
|
||||||
|
max-width:80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.centrer{
|
.centrer{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.encadre{
|
.encadre{
|
||||||
@ -52,52 +119,67 @@ p{
|
|||||||
padding:5%;
|
padding:5%;
|
||||||
font-size: 1.7em;
|
font-size: 1.7em;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.corps{
|
footer {
|
||||||
margin-top: 6%;
|
background-color: #3897d1;
|
||||||
margin-left: 22%;
|
|
||||||
margin-right: 22%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.images{
|
|
||||||
max-width:28%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#citi{
|
|
||||||
position:absolute;
|
|
||||||
left: 80%;
|
|
||||||
max-width: 3%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logo{
|
|
||||||
position:absolute;
|
|
||||||
left: 5%;
|
|
||||||
max-width:10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#collectif_karafon{
|
|
||||||
color: rgb(248, 248, 218);
|
color: rgb(248, 248, 218);
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#festival_itinerant{
|
.footer-content {
|
||||||
color:rgb(248,248,218);
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#equipe{
|
.facebook-icon {
|
||||||
position:absolute;
|
width: 10%;
|
||||||
right:7%;
|
margin-top: 10px;
|
||||||
top:30%;
|
|
||||||
max-height:40%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#intro-prochain{
|
#premier-jour {
|
||||||
margin-top: 8%;
|
margin: 4em 10% 0 10%;
|
||||||
margin-left: 4%;
|
text-align: left;
|
||||||
margin-right: 50%;
|
color: rgb(29, 92, 117);
|
||||||
margin-bottom: -10%;
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#deuxième-jour {
|
||||||
|
flex: 0 1 55%;
|
||||||
|
text-align: right;
|
||||||
|
color: rgb(29, 92, 117);
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.banner-image {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner-image img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1000px;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.jour-image img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jour-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 2em;
|
||||||
|
margin: 4em 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -17,14 +17,18 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html"> Accueil </a></li>
|
<li><a href="index.html"> Accueil </a></li>
|
||||||
<li><a href="presentation.html"> Présentation </a></li>
|
<li><a href="presentation.html"> Présentation </a></li>
|
||||||
<li><a href="prochains_evenements.html"> Prochains évènements </a></li>
|
|
||||||
<li><a href="troupe.html"> Troupe </a></li>
|
<li><a href="troupe.html"> Troupe </a></li>
|
||||||
<li><a href="contact.html"> Contact </a></li>
|
<li><a href="contact.html"> Contact </a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<p class="corps">
|
<main class="corps">
|
||||||
|
<p class="titre-accueil">
|
||||||
|
<strong>Le Karäfon</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
Art, cuisine, associations et action territoriale. Le Karäfon est un
|
Art, cuisine, associations et action territoriale. Le Karäfon est un
|
||||||
projet fondamentalement ouvert et curieux qui mélange les influences
|
projet fondamentalement ouvert et curieux qui mélange les influences
|
||||||
dans un objectif clair : démocratiser par tous les moyens l'accès à la
|
dans un objectif clair : démocratiser par tous les moyens l'accès à la
|
||||||
@ -48,5 +52,14 @@
|
|||||||
<img src="images/montage_chapiteau.jpeg" alt="photo du montage du chapiteau" class="images"/>
|
<img src="images/montage_chapiteau.jpeg" alt="photo du montage du chapiteau" class="images"/>
|
||||||
<img src="images/chapiteau_tentes.jpeg" alt="photo du chapiteau et des tentes" class="images"/>
|
<img src="images/chapiteau_tentes.jpeg" alt="photo du chapiteau et des tentes" class="images"/>
|
||||||
</div>
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="footer-content">
|
||||||
|
<p>Vous pouvez contacter le collectif Karäfon par téléphone au <strong>07 67 27 83 14</strong> ou par mail : <strong>collectifkarafon@protonmail.com</strong></p>
|
||||||
|
<a href="https://www.facebook.com/CollectifKarafon" target="_blank">
|
||||||
|
<img src="images/facebook.png" alt="logo facebook" class="facebook-icon"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1 +0,0 @@
|
|||||||
index.html
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title> Karäfon prochains événements</title>
|
|
||||||
<link rel="stylesheet" href="karafon_style.css" />
|
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpeg" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<div class="titre">
|
|
||||||
<img src="images/logo_citi.png" alt="logo de l'association" id="citi"/>
|
|
||||||
<img src="images/logo.jpeg" alt="logo de l'association" id="logo"/>
|
|
||||||
|
|
||||||
<h1 id="collectif_karafon"> Collectif Karäfon</h1>
|
|
||||||
<h2 id="festival_itinerant">Festival itinérant</h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="index.html"> Accueil </a></li>
|
|
||||||
<li><a href="presentation.html"> Présentation </a></li>
|
|
||||||
<li><a href="prochains_evenements.html"> Prochains évènements </a></li>
|
|
||||||
<li><a href="troupe.html"> Troupe </a></li>
|
|
||||||
<li><a href="contact.html"> Contact </a></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<p id="intro-prochain">Le Collectif Karäfon pose ses valises et implante son chapiteau pour la
|
|
||||||
seconde fois à Beauvoir en Royans du 3 au 7 juillet !
|
|
||||||
Un festival convivial, familial et festif proposé par la troupe Karäfon !</p>
|
|
||||||
<div class="centrer">
|
|
||||||
<img src="images/programme1.jpeg" id="affiche" class="images"/>
|
|
||||||
<img src="images/programme2.jpeg" id="affiche" class="images"/>
|
|
||||||
<img src="images/affiche_prochaine_edition.jpg" class="images"/>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
62
troupe.html
62
troupe.html
@ -1,43 +1,55 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8"/>
|
||||||
<title> Karäfon troupe</title>
|
<title> Karäfon troupe</title>
|
||||||
<link rel="stylesheet" href="karafon_style.css" />
|
<link rel="stylesheet" href="karafon_style.css"/>
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpeg" />
|
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpeg"/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="titre">
|
<div class="titre">
|
||||||
<img src="images/logo_citi.png" alt="logo de l'association" id="citi"/>
|
<img src="images/logo_citi.png" alt="logo de l'association" id="citi"/>
|
||||||
<img src="images/logo.jpeg" alt="logo de l'association" id="logo"/>
|
<img src="images/logo.jpeg" alt="logo de l'association" id="logo"/>
|
||||||
|
|
||||||
<h1 id="collectif_karafon"> Collectif Karäfon</h1>
|
<h1 id="collectif_karafon"> Collectif Karäfon</h1>
|
||||||
<h2 id="festival_itinerant">Festival itinérant</h2>
|
<h2 id="festival_itinerant">Festival itinérant</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html"> Accueil </a></li>
|
<li><a href="index.html"> Accueil </a></li>
|
||||||
<li><a href="presentation.html"> Présentation </a></li>
|
<li><a href="presentation.html"> Présentation </a></li>
|
||||||
<li><a href="prochains_evenements.html"> Prochains évènements </a></li>
|
|
||||||
<li><a href="troupe.html"> Troupe </a></li>
|
<li><a href="troupe.html"> Troupe </a></li>
|
||||||
<li><a href="contact.html"> Contact </a></li>
|
<li><a href="contact.html"> Contact </a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
<main class="corps">
|
||||||
|
<p class="titre-accueil">
|
||||||
|
<strong>La Troupe</strong>
|
||||||
|
</p>
|
||||||
|
<p> Le Karäfon est le fruit d’une rencontre ; celle de jeunes gens
|
||||||
|
passionnés par l'art et l'itinérance. Mais ils ne seraient rien sans
|
||||||
|
les nombreuses personnes rencontrées en chemin et qui ont permis
|
||||||
|
l'existence de cette formidable aventure ! <br> <br>
|
||||||
|
|
||||||
<p class="corps"> Le Karäfon est le fruit d’une rencontre ; celle de jeunes gens
|
Aujourd'hui, le festival itinérant fait voyager une troupe aux profils
|
||||||
passionnés par l'art et l'itinérance. Mais ils ne seraient rien sans
|
variés : régisseurs.euses, musicien.ne.s, artistes, cuisinier.e.s,
|
||||||
les nombreuses personnes rencontrées en chemin et qui ont permis
|
administrateurs.trices., travailleur.euses sociales... Certain.es sont
|
||||||
l'existence de cette formidable aventure ! <br> <br>
|
permanents, d'autres occasionnels, mais tous brûlent de la même
|
||||||
|
passion.</p><br> <br>
|
||||||
Aujourd'hui, le festival itinérant fait voyager une troupe aux profils
|
|
||||||
variés : régisseurs.euses, musicien.ne.s, artistes, cuisinier.e.s,
|
|
||||||
administrateurs.trices., travailleur.euses sociales... Certain.es sont
|
|
||||||
permanents, d'autres occasionnels, mais tous brûlent de la même
|
|
||||||
passion.</p>
|
|
||||||
<div class="centrer">
|
<div class="centrer">
|
||||||
<img src="images/equipe.jpeg" alt="photo du festival" class="images"/>
|
<img src="images/equipe.jpeg" alt="photo du festival" class="images"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="footer-content">
|
||||||
|
<p>Vous pouvez contacter le collectif Karäfon par téléphone au <strong>07 67 27 83 14</strong> ou par mail :
|
||||||
|
<strong>collectifkarafon@protonmail.com</strong></p>
|
||||||
|
<a href="https://www.facebook.com/CollectifKarafon" target="_blank">
|
||||||
|
<img src="images/facebook.png" alt="logo facebook" class="facebook-icon"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user