avancement footer

This commit is contained in:
Théo 2019-01-28 11:00:10 +01:00
parent f6977fa31a
commit 5029010f15
4 changed files with 30 additions and 14 deletions

View File

@ -59,10 +59,10 @@ body{
background-color: #eee; background-color: #eee;
} }
.test{ .contenue{
height: 300vh; height: 285vh;
} }
.test2{ .articleHome{
margin: auto; margin: auto;
text-align: center; text-align: center;
margin-top: 100px; margin-top: 100px;
@ -71,7 +71,7 @@ body{
padding-right: 2%; padding-right: 2%;
} }
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.test2 { .articleHome {
padding-right: 10%; padding-right: 10%;
padding-left: 10%; padding-left: 10%;
} }
@ -306,6 +306,22 @@ input {outline: none}
float: right; float: right;
} }
.fullFooter{
height: 220px;
background-color: grey;
}
.iconFooter{
height: 160px;
background-color: lightgray;
text-align: center;
}
.iconOnFooter{
padding-top:125px;
display: inline-block;
color: black;
}
#twi{ #twi{
height: 18px; height: 18px;
width: 18px; width: 18px;
@ -366,7 +382,7 @@ input {outline: none}
.test1{ .test1{
margin-top: 30px; margin-top: 30px;
} }
.test2{ .articleHome2{
margin-top:30px; margin-top:30px;
} }
#titre-home{ #titre-home{
@ -394,7 +410,7 @@ input {outline: none}
.test1{ .test1{
margin-top: 20px; margin-top: 20px;
} }
.test2{ .articleHome{
margin-top: 20px; margin-top: 20px;
} }
#titre-home{ #titre-home{

View File

@ -2,12 +2,14 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="upFooter"> <div class="fullFooter">
<div class="iconFooter"> <div class="iconFooter">
<tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li> <ul>
<tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li> <li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
<li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
</ul>
</div> </div>
</div> </dwhite
</div> </div>
</div> </div>
</div> </div>

View File

@ -6,13 +6,13 @@
<header> <header>
<tag type="includes" file="header" /> <tag type="includes" file="header" />
</header> </header>
<main class="test container"> <main class="contenue container">
<div class="bloc_principal"> <div class="bloc_principal">
<div class="cover-black"> <div class="cover-black">
<div class="bloc_principal_titre"> <div class="bloc_principal_titre">
<h1>L'actualité de nos campus...</h1> <h1>L'actualité de nos campus...</h1>
</div> </div>
<div class="test2"> <div class="articleHome">
<h2 id="titre-home">Ceci est un magnifique titre</h2> <h2 id="titre-home">Ceci est un magnifique titre</h2>
<p class="p-home"> <p class="p-home">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed

View File

@ -1,5 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 738.1 233.6" style="enable-background:new 0 0 738.1 233.6;" xml:space="preserve"> viewBox="0 0 738.1 233.6" style="enable-background:new 0 0 738.1 233.6;" xml:space="preserve">
<style type="text/css"> <style type="text/css">

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB