SAE_WEB_S1/index.html
2024-01-03 18:38:44 +01:00

124 lines
3.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/roulette_coeur.png" alt="icone du site"></a>
<ul>
<li> <a href= "#" class="page" id="page_courante"><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>
<div id="rectangle"></div>
<video id="background-video" autoplay loop muted>
<source src="img/fond-video.mp4" type="video/mp4">
</video>
<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
<div id="img_gauche_txt_droite">
<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>
<img class="img_main" src="img/casion_background.jpeg">
</div>
<div id="img_droite_txt_gauche">
<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>
<img class="img_main" src="img/casion_background.jpeg">
</div>
<div class="vide"></div>
<div id="img_bas_txt_haut">
<img class="img_main" 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 actualités !</p>
</div>
<div id="autres">
<ul>
<li><a href="" target="_blank">Mentions légales</a></li>
<li><a href="" target="_blank">Conditions générales d'utilisation</a></li>
<li><a href="credits.txt" target="_blank">Crédits</a></li>
<li><a href="charte_graphique" target="_blank">Charte graphique</a></li>
</ul>
</div>
<div id="coordonne">
<img src="img/icone/envelope.svg" alt="icone d'enveloppe">
<p>Casinoducoeur@gmail.fr </p>
<img src="img/icone/location.svg">
<p id="adresse"> 200 Rue du kwanga</p>
</div>
<a href="#"><img id="icone" src="img/roulette_coeur.png" alt="icone du site"></a>
</footer>
</body>
</html>