Home Explore Help
Sign In
bachir
/
lamine_wp
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

début bootstrap pour le footer

chloe 4 years ago
parent
919cc086b9
commit
e86466c97d
5 changed files with 45 additions and 19 deletions
Split View Show Diff Stats
  1. 11 0
      web/app/themes/la_mine/asset/dist/style.css
  2. 0 2
      web/app/themes/la_mine/templates/accueil.twig
  3. 5 5
      web/app/themes/la_mine/templates/base.twig
  4. 27 12
      web/app/themes/la_mine/templates/footer.twig
  5. 2 0
      web/app/themes/la_mine/templates/html-header.twig

+ 11 - 0
web/app/themes/la_mine/asset/dist/style.css
View File 

@@ -0,0 +1,11 @@
 
+img{
 
+  width: 100%;
 
+  height: auto;
 
+}
 
+footer img{
 
+  width: 50px;
 
+  height: auto;
 
+}
 
+footer li {
 
+  list-style-type:none;
 
+}

+ 0 - 2
web/app/themes/la_mine/templates/accueil.twig
View File 

@@ -98,6 +98,4 @@
 
 	</div>
 
 </section>
 
 
-{% include 'footer.twig' %}
 
-
 
 {% endblock %}

+ 5 - 5
web/app/themes/la_mine/templates/base.twig
View File 

@@ -6,20 +6,20 @@
 
 	</head>
 
 {% endblock %}
 
 
-	<body class="{{body_class}} container" data-template="base.twig">
 
+	<body class="{{body_class}} container-md" data-template="base.twig">
 
 
 		<a class="skip-link screen-reader-text" href="#content">{{ _e( 'Skip to content') }}</a>
 
-		<header class="header">
 
+		<header class="header nav">
 
 			{% block header %}
 
 				<div class="logoLamine">
 
 					<h1 class="hdr-logo" role="banner">
 
 						{#<a class="hdr-logo-link" href="{{site.url}}" rel="home">{{site.name}}</a>#}
 
 						<a class="hdr-logo-link" href="{{site.accueil}}" rel="home">{{site.name}}</a>
 
 					</h1>
 
-					<nav id="nav-main" class="nav-main" role="navigation">
 
-						{% include "menu.twig" with {'items': menu.get_items} %}
 
-					</nav><!-- #nav -->
 
 				</div>
 
+				<nav id="nav-main" class="nav-main" role="navigation">
 
+					{% include "menu.twig" with {'items': menu.get_items} %}
 
+				</nav><!-- #nav -->
 
 			{% endblock %}
 
 		</header>

+ 27 - 12
web/app/themes/la_mine/templates/footer.twig
View File 

@@ -1,30 +1,45 @@
 
 
 <section class="information">
 
-  <div class="logo_lamine">
 
-    <a href="{{options.lien_page_accueil.url}}"><img src="{{ Image(options. lamine_footer.image_logo).src  |resize(50, 50)  }}" /></a>
 
+<div class="row">
 
+  <div class="logo_lamine col-1">
 
+    <a href="{{options.lien_page_accueil.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
 
   </div>
 
-  <div class="adresse">
 
+
 
+  <div class="adresse col">
 
     <p>{{options.texte_adresse }}</p>
 
   </div>
 
 
+  <div class="col">
 
   <div class="collecte">
 
     <p>{{options.texte_collecte }}</p>
 
   </div>
 
   <div class="reseaux_sociaux">
 
+    <div class="facebook d-flex">
 
       <a href="{{options.facebook.lien_facebook}}"><img src="{{ Image(options.facebook.logo_facebook).src }}" /></a>
 
       <p>{{options.facebook.texte_facebook}}</p>
 
-      <a href="{{options.instagram.lien_instagram}}"><img src="{{ Image(options.instagram.logo_instagram).src |resize(35, 35) }}" /></a>
 
+    </div>
 
+    <div class="insta d-flex">
 
+      <a href="{{options.instagram.lien_instagram}}"><img src="{{ Image(options.instagram.logo_instagram).src }}" /></a>
 
       <p>{{options.instagram.texte_instagram}}</p>
 
+    </div>
 
   </div>
 
-  <div class="horaires">
 
+</div>
 
+  <div class="horaires col">
 
     <p>{{options.texte_horaire }}</p>
 
   </div>
 
-</section>
 
-<section class="partenaires">
 
-  <h2>{{options.titre}}</h2>
 
-  <div class="logo_partenaires">
 
-    {% for partner in options.partenaire %}
 
-          <a href="{{partner.lien_site_partenaire}}"><img src="{{ Image(partner.logo).src |resize(50, 50) }}" /></a>
 
-    {% endfor %}
 
+
 
+  <div class="partenaires row">
 
+    <div class="titre">{{options.titre}}</div>
 
+    <div class="logo_partenaires">
 
+      <div class="container d-flex">
 
+        <div class="row justify-content align-items">
 
+            {% for partner in options.partenaire %}
 
+              <ul><li><a href="{{partner.lien_site_partenaire}}"><img src="{{ Image(partner.logo).src }}" /></li></ul></a>
 
+            {% endfor %}
 
+        </div>
 
+      </div>
 
+    </div>
 
   </div>
 
+
 
+</div> <!--fin row-->
 
 </section>

+ 2 - 0
web/app/themes/la_mine/templates/html-header.twig
View File 

@@ -15,4 +15,6 @@
 
 
     {# BOOTSTRAP #}
 
     <link href="{{ site.theme.link }}/asset/dist/css/bootstrap.min.css" rel="stylesheet">
 
+    <link href="{{ site.theme.link }}/asset/dist/style.css" rel="stylesheet">
 
+
 
     {{function('wp_head')}}