90 lines
2.2 KiB
HTML
90 lines
2.2 KiB
HTML
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<title> Casino du coeur </title>
|
|
<meta charset="utf-8">
|
|
|
|
<link rel = "stylesheet" type = "text/css" href = "CSS/styles.css">
|
|
<meta name="keywords" content="casino">
|
|
<link rel = "icon" type = "image/png" href = "img/icon.png">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
|
|
|
|
<nav>
|
|
|
|
|
|
<a href="#"><img id="icone" src="img/icon.png" alt="icone du site"></a>
|
|
|
|
<ul>
|
|
|
|
<li> <a href= "#" class="page"><p>Page 1</p> </a></li>
|
|
<li> <a href= "HTML/page_2.html" class="page"><p>Page 2</p> </a></li>
|
|
<li> <a href= "HTML/page_3.html" class="page"><p>Page 3</p> </a> </li>
|
|
<li> <a href= "HTML/page_4.html" class="page"><p>Page 4</p> </a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
|
|
|
|
<div class="img_gauche_txt_droite">
|
|
<img id="cas" src="img/casion_background.jpeg">
|
|
|
|
|
|
<p>
|
|
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
</p>
|
|
|
|
</div>
|
|
<div class="img_droite_txt_gauche">
|
|
<img id="cas" src="img/casion_background.jpeg">
|
|
<p>
|
|
ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
|
|
</p>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
|
|
|
|
<div id="reseaux">
|
|
|
|
<ul>
|
|
|
|
<li><a href="https://twitter.com" target="_blank"> <img src="img/icone/twitter.svg"></a></li>
|
|
<li><a href="https://instagram.com" target="_blank"> <img src="img/icone/instagram.svg"></a></li>
|
|
<li><a href="https://tiktok.com" target="_blank"> <img src="img/icone/tiktok.svg"></a></li>
|
|
</ul>
|
|
<p> Suivez nos actuaités !</p>
|
|
</div>
|
|
|
|
<div id="autres">
|
|
<ul>
|
|
<li><a href="" target="_blank"><p>Mentions légales</p></a></li>
|
|
<li><a href="" target="_blank"><p>Conditions générales d'utilisation</p></a></li>
|
|
</ul>
|
|
</div>
|
|
<a href="#"><img id="icone" src="img/icon.png" alt="icone du site"></a>
|
|
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|