bootstrap page agenda projet, temps forts et début accueil

web/app/themes/la_mine/asset/dist/style.css

@@ -3,11 +3,6 @@ img{
   height: auto;
 }
 
-iframe{
-  width: 100%;
-  height: auto;
-}
-
 footer img{
   width: 50px;
   height: auto;

web/app/themes/la_mine/templates/accueil.twig

@@ -21,7 +21,7 @@
 </section>
 
 <section>
-	<div class="coming_soon">
+	<div class="coming_soon row align-items-start">
 	{% for item in posts %}
 		{% include 'components/thumbnails/thumbnails.twig' %}
 	{% endfor %}
@@ -39,11 +39,11 @@
 			<div class="image_sectionasso">
 				<img src="{{ Image(post.meta('image')).src }}" />
 			</div>
-			<div class="content">
-			<div class="col-1">
+			<div class="content row">
+			<div class="col-6">
 				{{ post.meta('paragraphe_descriptif') }}
 			</div>
-			<div class="col-2">
+			<div class="col-6">
 				{{ post.meta('paragraphe_descriptif_2') }}
 				<div class="btn redirection_page">
 				{% include 'components/buttons/bouton_ensavoir.html.twig' %}
@@ -58,6 +58,7 @@
 <section>
 	<div class="projet">
 		<div class="__header">
+			<h1 class="titre">Les Projets</h1>
 			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
 		</div>
 		<div class="__body">
@@ -77,9 +78,9 @@
 
 
 <section>
-	<div class="projet">
+	<div class="temps_forts">
 		<div class="__header">
-			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
+			<h1 class="titre">Les Temps forts</h1>
 		</div>
 </section>
 
@@ -87,7 +88,7 @@
 <section>
 	<div class="video">
 		<div class="__header">
-			<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
+			<h1 class="titre">La Mine en vidéo</h1>
 		</div>
 		<div class="__body">
 			<div class="wrapper__content">

web/app/themes/la_mine/templates/agenda.twig

@@ -2,7 +2,7 @@
 
 {% block content %}
 	<section>
-		<div>
+		<div class="row align-items-start">
 		{% for item in posts %}
 			{% include 'components/thumbnails/thumbnails.twig'%}
 		{% endfor %}

web/app/themes/la_mine/templates/components/thumbnails/thumbnails.twig

@@ -1,4 +1,4 @@
-<div class="item thumbnails">
+<div class="item thumbnails col-md-4 col-sm-6">
 <a href="{{site.url}}/{{item.slug}}">
   <div class="__images">
     <div class="__img">

web/app/themes/la_mine/templates/les_projets.twig

@@ -13,12 +13,12 @@
 
 				<div class="wrapper__content">
 					<div class="wrap__content">
-						<p>{{projets.paragraphe_descriptif}}</p>
+						{{projets.paragraphe_descriptif}}
 					</div>
 
-					<div class="items">
+					<div class="items row">
 						{% for item in projets.projet %}
-							<div class="item">
+							<div class="item col-md-4 col-sm-6">
 								<div class="__image">
 									<img src="{{ Image(item.image).src }}" />
 								</div>
@@ -27,7 +27,7 @@
 										<h6>{{item.titre_du_projet}}</h6>
 									</div>
 									<div class="__content">
-										<p>{{item.paragraphe_descriptif}}</p>
+										{{item.paragraphe_descriptif}}
 									</div>
 								</div>
 							</div>

web/app/themes/la_mine/templates/les_temps_forts.twig

@@ -4,12 +4,12 @@
 {% include 'components/title_page.twig'%}
 
 	{% for item in post.meta('temps_fort') %}
-	<section>
-		<aside class="sidebar_left">
+	<section class="row">
+		<aside class="sidebar_left col-md-4 mr-2">
 			{% include 'components/sider_left.twig' with { name__template : 'temps_fors' }%}
 		</aside>
 
-		<div class="wrapper__content">
+		<div class="wrapper__content col-md-7">
 			<div class="wrap__content">
 				<div class="slide">
 					{% for media in item.choose %}