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

@ -1,23 +1,45 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
<body>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li><a href="../">Accueil</a></li>
<li class="active"><a href="../about">Qui sommes-nous ?</a></li>
<li><a href="../product">Nos produits</a></li>
<li><a href="../contact">Contact</a></li>
<li><a href="../faq">FAQ</a></li>
</ul>
</header>
</body>
<head>
<meta charset="utf-8">
<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>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li><a href="../">Accueil</a></li>
<li class="active"><a href="../about">Qui sommes-nous ?</a></li>
<li><a href="../product">Nos produits</a></li>
<li><a href="../contact">Contact</a></li>
<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

@ -1,23 +1,46 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
<body>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li><a href="../">Accueil</a></li>
<li><a href="../about">Qui sommes-nous ?</a></li>
<li><a href="../product">Nos produits</a></li>
<li class="active"><a href="../contact">Contact</a></li>
<li><a href="../faq">FAQ</a></li>
</ul>
</header>
</body>
<head>
<meta charset="utf-8">
<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>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li><a href="../">Accueil</a></li>
<li><a href="../about">Qui sommes-nous ?</a></li>
<li><a href="../product">Nos produits</a></li>
<li class="active"><a href="../contact">Contact</a></li>
<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

@ -1,23 +1,46 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Elite Solar</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/header.css">
<script type="text/javascript" src="assets/js/header.js"></script>
</head>
<body>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li class="active"><a href="./">Accueil</a></li>
<li><a href="about">Qui sommes-nous ?</a></li>
<li><a href="product">Nos produits</a></li>
<li><a href="contact">Contact</a></li>
<li><a href="faq">FAQ</a></li>
</ul>
</header>
</body>
<head>
<meta charset="utf-8">
<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>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li class="active"><a href="./">Accueil</a></li>
<li><a href="about">Qui sommes-nous ?</a></li>
<li><a href="product">Nos produits</a></li>
<li><a href="contact">Contact</a></li>
<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

@ -1,23 +1,46 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Elite Solar</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="../assets/css/header.css">
<script type="text/javascript" src="../assets/js/header.js"></script>
</head>
<body>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li><a href="../">Accueil</a></li>
<li><a href="../about">Qui sommes-nous ?</a></li>
<li class="active"><a href="../product">Nos produits</a></li>
<li><a href="../contact">Contact</a></li>
<li><a href="../faq">FAQ</a></li>
</ul>
</header>
</body>
<head>
<meta charset="utf-8">
<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>
<header>
<h1>Elite Solar</h1>
<img id="burger-menu" onclick="burgerMenu()" src="../assets/img/open-menu.svg"></svg>
<ul id="menu" class="invisible">
<li><a href="../">Accueil</a></li>
<li><a href="../about">Qui sommes-nous ?</a></li>
<li class="active"><a href="../product">Nos produits</a></li>
<li><a href="../contact">Contact</a></li>
<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>