SAE_WEB_S1/index.html

140 lines
4.0 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" media="all">
<link rel = "stylesheet" type = "text/css" href = "CSS/accueil.css" media="all">
<meta name="keywords" content="casino">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel = "icon" type = "image/png" href = "img/logo.svg">
</head>
<body>
<div id="background-image">
</div>
<header>
<div id="menu-mobile">
<button>
a
</button>
</div>
<div id="menu-ordi">
<nav>
<a href="#"><img id="icone" src="img/logo.svg" alt="icone du site"></a>
<ul>
<li> <a href= "index.html" class="page" ><button class="button" type="buton" value="Accueil" id="page_courante"> Accueil</button></a></li>
<li> <a href= "HTML/page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li>
<li> <a href= "HTML/page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li>
<li> <a href= "HTML/page_4.html" class="page"><button class="button" type="buton" value="A propos de nous"> A propos de nous</button> </a></li>
<li> <a href= "HTML/contact.html" class="page"><button class="button" type="buton" value="A propos de nous"> Contact</button> </a></li>
</ul>
</nav>
</div>
</header>
<main>
<img id="presentation" src="img/163662-poker-roulette-carte_a_jouer-poker_en_ligne-jeu_de_cartes-3840x2160.jpg" alt="Image d'acceuil">
<h1><span class="txt_rouge">Casino du Coeur</span></h1>
<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
<h2>
Qui sommes-nous ?
</h2>
<div id="img_gauche_txt_droite" class="img_txt">
<p>
ipsum <a href="HTML/page_4.html"><span class="txt_rouge"> dolor</span></a> 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>
<h2>
Nos valeurs
</h2>
<div id="img_droite_txt_gauche" class="img_txt">
<p>
ipsum dolor sit amet,<a href="HTML/page_3.html"><span class="txt_rouge"> dolor </span></a>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="fond_2">
<h3>
Notre devise : <span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> !
</h3>
<video id="video-presentation">
</video>
</div>
</main>
<footer>
<div id="reseaux">
<ul>
<li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <img src="img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank" alt= "logo instagram"> <img src="img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank" alt= "logo tiktok"> <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>