ajout footer a rectifier

This commit is contained in:
Romain JOURNEAU 2023-01-06 21:38:09 +01:00
parent cbfafa3e74
commit e23ffeaa81
6 changed files with 227 additions and 84 deletions

View File

@ -5,6 +5,7 @@
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<link rel="stylesheet" href="../assets/css/footer.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
<body>
@ -19,5 +20,26 @@
<li><a href="../faq">FAQ</a></li>
</ul>
</header>
<footer>
<div>
<h2>Suivez-Nous</h2>
<div>
<a href="https://instagram.com/elitesolar77?igshid=YmMyMTA2M2Y="><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1024px-Instagram_logo_2016.svg.png" width="50" height="50" alt="Instagram Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://www.facebook.com/profile.php?id=100089005817681"><img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg" width="50" height="50" alt="Facebook Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://twitter.com/EliteSolar77?ref_src=twsrc%5Etfw"><img
src="https://www.cmonsite.fr/site/wp-content/uploads/2021/06/2021-Twitter-logo-blue.png" width="50" height="50" alt="Twitter Logo" /></a>
</div>
<br>
<ol>
Politique de confidentialité <br>
Mentions légales <br>
Politique de cookies <br>
</ol>
</div>
<p>© 2022 EliteSolar. Créé avec &nbsp <u>Lyanis Souidi</u>,&nbsp<u>Tom Moguljak</u>,&nbsp <u>Romain Journeau</u> </p>
</footer>
</body>
</html>

30
assets/css/footer.css Normal file
View File

@ -0,0 +1,30 @@
footer {
font-family: system-ui;
background: #616A6B;
color: white;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
position: fixed;
bottom: 0;
width: 100%;
}
footer h2 {
font-size: 25pt;
}
footer ol {
display: inline-block;
}
footer p{
display: flex;
justify-content: center;
padding: 25px;
width: 100%;
background-color: #45a1ff;
color: white;
}

View File

@ -5,6 +5,7 @@
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<link rel="stylesheet" href="../assets/css/footer.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
<body>
@ -19,5 +20,27 @@
<li><a href="../faq">FAQ</a></li>
</ul>
</header>
<footer>
<div>
<h2>Suivez-Nous</h2>
<div>
<a href="https://instagram.com/elitesolar77?igshid=YmMyMTA2M2Y="><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1024px-Instagram_logo_2016.svg.png" width="50" height="50" alt="Instagram Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://www.facebook.com/profile.php?id=100089005817681"><img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg" width="50" height="50" alt="Facebook Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://twitter.com/EliteSolar77?ref_src=twsrc%5Etfw"><img
src="https://www.cmonsite.fr/site/wp-content/uploads/2021/06/2021-Twitter-logo-blue.png" width="50" height="50" alt="Twitter Logo" /></a>
</div>
<br>
<ol>
Politique de confidentialité <br>
Mentions légales <br>
Politique de cookies <br>
</ol>
</div>
<p>© 2022 EliteSolar. Créé avec &nbsp <u>Lyanis Souidi</u>,&nbsp<u>Tom Moguljak</u>,&nbsp <u>Romain Journeau</u> </p>
</footer>
</body>
</html>

View File

@ -5,6 +5,7 @@
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<link rel="stylesheet" href="../assets/css/footer.css">
<link rel="stylesheet" href="../assets/css/faq.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
@ -52,5 +53,26 @@
</ul>
</div>
<script type="text/javascript" src="../assets/js/faq.js"></script>
<footer>
<div>
<h2>Suivez-Nous</h2>
<div>
<a href="https://instagram.com/elitesolar77?igshid=YmMyMTA2M2Y="><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1024px-Instagram_logo_2016.svg.png" width="50" height="50" alt="Instagram Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://www.facebook.com/profile.php?id=100089005817681"><img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg" width="50" height="50" alt="Facebook Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://twitter.com/EliteSolar77?ref_src=twsrc%5Etfw"><img
src="https://www.cmonsite.fr/site/wp-content/uploads/2021/06/2021-Twitter-logo-blue.png" width="50" height="50" alt="Twitter Logo" /></a>
</div>
<br>
<ol>
Politique de confidentialité <br>
Mentions légales <br>
Politique de cookies <br>
</ol>
</div>
<p>© 2022 EliteSolar. Créé avec &nbsp <u>Lyanis Souidi</u>,&nbsp<u>Tom Moguljak</u>,&nbsp <u>Romain Journeau</u> </p>
</footer>
</body>
</html>

View File

@ -5,6 +5,7 @@
<title>Elite Solar</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/header.css">
<link rel="stylesheet" href="assets/css/footer.css">
<script type="text/javascript" src="assets/js/header.js"></script>
</head>
<body>
@ -19,5 +20,27 @@
<li><a href="faq">FAQ</a></li>
</ul>
</header>
<footer>
<div>
<h2>Suivez-Nous</h2>
<div>
<a href="https://instagram.com/elitesolar77?igshid=YmMyMTA2M2Y="><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1024px-Instagram_logo_2016.svg.png" width="50" height="50" alt="Instagram Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://www.facebook.com/profile.php?id=100089005817681"><img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg" width="50" height="50" alt="Facebook Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://twitter.com/EliteSolar77?ref_src=twsrc%5Etfw"><img
src="https://www.cmonsite.fr/site/wp-content/uploads/2021/06/2021-Twitter-logo-blue.png" width="50" height="50" alt="Twitter Logo" /></a>
</div>
<br>
<ol>
Politique de confidentialité <br>
Mentions légales <br>
Politique de cookies <br>
</ol>
</div>
<p>© 2022 EliteSolar. Créé avec &nbsp <u>Lyanis Souidi</u>,&nbsp<u>Tom Moguljak</u>,&nbsp <u>Romain Journeau</u> </p>
</footer>
</body>
</html>

View File

@ -5,6 +5,7 @@
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<link rel="stylesheet" href="../assets/css/footer.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
<body>
@ -19,5 +20,27 @@
<li><a href="../faq">FAQ</a></li>
</ul>
</header>
<footer>
<div>
<h2>Suivez-Nous</h2>
<div>
<a href="https://instagram.com/elitesolar77?igshid=YmMyMTA2M2Y="><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/1024px-Instagram_logo_2016.svg.png" width="50" height="50" alt="Instagram Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://www.facebook.com/profile.php?id=100089005817681"><img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg" width="50" height="50" alt="Facebook Logo" /></a>
&nbsp &nbsp &nbsp
<a href="https://twitter.com/EliteSolar77?ref_src=twsrc%5Etfw"><img
src="https://www.cmonsite.fr/site/wp-content/uploads/2021/06/2021-Twitter-logo-blue.png" width="50" height="50" alt="Twitter Logo" /></a>
</div>
<br>
<ol>
Politique de confidentialité <br>
Mentions légales <br>
Politique de cookies <br>
</ol>
</div>
<p>© 2022 EliteSolar. Créé avec &nbsp <u>Lyanis Souidi</u>,&nbsp<u>Tom Moguljak</u>,&nbsp <u>Romain Journeau</u> </p>
</footer>
</body>
</html>