responsive footer
This commit is contained in:
parent
4f368edcb3
commit
cbf1b47865
19
web/app/themes/la_mine/asset/dist/style.css
vendored
19
web/app/themes/la_mine/asset/dist/style.css
vendored
@ -69,19 +69,26 @@ header > .nav-wrapper{
|
||||
object-fit: cover;
|
||||
}
|
||||
#fond_logo{
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
left: -13px;
|
||||
top:-20px;
|
||||
left: -25px;
|
||||
top: -25px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: white;
|
||||
border-radius: 200px;
|
||||
transform: scale(1);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.logoLamine:hover #fond_logo{
|
||||
transform: scale(1.1);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
/* END LOGO */
|
||||
|
||||
/* START RS */
|
||||
.rs{
|
||||
padding-top: 10px;
|
||||
/* padding-top: 10px; */
|
||||
height: fit-content;
|
||||
}
|
||||
.rs > div {
|
||||
@ -97,7 +104,7 @@ header > .nav-wrapper{
|
||||
|
||||
/* START BURGER */
|
||||
.burger{
|
||||
padding-top: 10px;
|
||||
/* padding-top: 10px; */
|
||||
height: fit-content;
|
||||
}
|
||||
.fond_burger{
|
||||
@ -931,8 +938,8 @@ footer > section{
|
||||
}
|
||||
footer .logo_lamine {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 10px;
|
||||
height: auto;
|
||||
/* margin: 10px; */
|
||||
}
|
||||
|
||||
footer .logo_lamine a{
|
||||
|
@ -10,8 +10,9 @@
|
||||
<header class="header d-flex ">
|
||||
{% block header %}
|
||||
<div class="logoLamine mr-auto">
|
||||
<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/></a>
|
||||
<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/>
|
||||
<div id="fond_logo"></div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-wrapper d-flex align-items-center">
|
||||
|
@ -1,18 +1,18 @@
|
||||
<section class="information col-12 col-lg-6 p-0">
|
||||
<div class="d-flex justify-content-around">
|
||||
<div class="logo_lamine col-sm-6">
|
||||
<div class="d-flex justify-content-around flex-wrap">
|
||||
<div class="logo_lamine col-lg-3 col-sm-6">
|
||||
<a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
|
||||
</div>
|
||||
|
||||
<div class="horaires col-sm-6">
|
||||
<div class="horaires col-lg-3 col-sm-6">
|
||||
{{options.texte_horaire }}
|
||||
</div>
|
||||
|
||||
<div class="adresse col-sm-6">
|
||||
<div class="adresse col-lg-3 col-sm-6">
|
||||
{{options.texte_adresse }}
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<div class="collecte">
|
||||
{{options.texte_collecte }}
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user