SAE15_2022/about/index.php

56 lines
2.7 KiB
PHP

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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"/>
<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>
<main></main>
<footer>
<div id="social">
<p>Suivez-Nous</p>
<ul>
<li><a href="https://instagram.com/elitesolar77"><img src="../assets/img/instagram.svg" width="50" height="50" alt="Instagram"/></a></li>
<li><a href="https://www.facebook.com/profile.php?id=100089332237449"><img src="../assets/img/facebook.svg" width="50" height="50" alt="Facebook"/></a></li>
<li><a href="https://twitter.com/EliteSolar77"><img src="../assets/img/twitter.svg" width="50" height="50" alt="Twitter"/></a></li>
</ul>
</div>
<div id="sitemap">
<p>Plan du site</p>
<ul>
<li><a href="../">Page d'accueil</a></li>
<li><a href="../about">Qui sommes-nous ?</a></li>
<li><a href="../product">Notre produit</a></li>
<li><a href="../faq">Foire aux questions</a></li>
<li><a href="../contact">Contact</a></li>
<li><a href="../privacy">Politique de confidentialité</a></li>
<li><a href="../legal">Mentions légales</a></li>
</ul>
</div>
<div id="contact">
<p>Contact</p>
<ul>
<li><a href="tel:+33160746800">+33 1 60 74 68 00</a></li>
<li><a href="mailto:elitesolar.contact77@gmail.com">elitesolar.contact77@gmail.com</a></li>
</ul>
</div>
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
</footer>
</body>
</html>