début bootstrap pour le footer

This commit is contained in:
Chloe Listrat 2020-05-29 16:14:53 +02:00
parent 919cc086b9
commit e86466c97d
5 changed files with 45 additions and 19 deletions

View File

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

View File

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

View File

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

View File

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

View File

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