SAE_WEB_S1/index.html

155 lines
4.7 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.0">
<link rel = "icon" type = "image/png" href = "img/logo.svg">
</head>
<body>
<div id="background-image">
</div>
<header>
<div id="menu-mobile">
<ul>
<li>
<button class="button page_courante" onclick="window.location.href='#'"> Accueil</button>
</li>
<li> <button class="button " onclick="window.location.href='page_2.html'"> Nos jeux</button></li>
<li><button class="button" onclick="window.location.href='page_3.html'"> Nos partenaires</button> </li>
<li><button class="button" onclick="window.location.href='page_4.html'"> A propos de nous</button></li>
<li> <button class="button" onclick="window.location.href='contact.html'"> Contact</button></li>
</ul>
</div>
<div id="menu-ordi">
<nav>
<a href="#"><img class="icone" src="img/logo.svg" alt="icone du site"></a>
<ul>
<li>
<button class="button page_courante" onclick="window.location.href='#'"> Accueil</button>
</li>
<li> <button class="button" onclick="window.location.href='HTML/page_2.html'"> Nos jeux</button></li>
<li><button class="button" onclick="window.location.href='HTML/page_3.html'"> Nos partenaires</button> </li>
<li><button class="button" onclick="window.location.href='HTML/page_4.html'"> A propos de nous</button></li>
<li> <button class="button" onclick="window.location.href='HTML/contact.html'"> Contact</button></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">
<div id="titre">
<h1><span class="txt_rouge">Casino du Coeur</span></h1>
<p> Le casino dfgfsgdfgh </p>
</div>
<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
<h2>
C'est quoi ?
</h2>
<div id="img-txt">
<div id="img_gauche_txt_droite">
<p>
Casino du coeur est un casino en ligne classique a une différence,une partie de l'argent générer, est donner a des association
choisit par les joueurs eux-mêmes.
De ce fait le joueur est libre de choisir le montant a parié en cas de perte de l'argent sera donner.C'est une nouvelle manière automatique de redistribuer l'argent
</p>
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
</div>
<h2 id="valeur">
Nos valeurs
</h2>
<div id="img_droite_txt_gauche">
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
<p>
Nous partageons avec nos <a href="HTML/page_3.html"><span class="txt_rouge"><strong> partenaires </strong> </span></a> des valeurs qui nous tiennent a coeur tels que ..
</p>
</div>
</div>
<div id="fond_2">
<h3>
<span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> !
</h3>
<video id="video-presentation" controls autoplay muted loop>
<source src="img/video_presentation.mp4" type="video/mp4">
</video>
</div>
</main>
<footer>
<div id="reseaux">
<ul>
<li><a href="https://twitter.com" target="_blank" > <img src="img/icone/twitter.svg" alt= "logo twitter"></a></li>
<li><a href="https://instagram.com" target="_blank" > <img src="img/icone/instagram.svg" alt= "logo instagram"></a></li>
<li><a href="https://tiktok.com" target="_blank" > <img src="img/icone/tiktok.svg" alt= "logo tiktok"></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>
<p id="cp"> 2024 CasinoDuCoeur Izanic Hugo - Gallego Julian</p>
</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" alt="icone d'adresse">
<p id="adresse"> 200 Rue du kwanga</p>
</div>
<a href="#"><img class="icone" src="img/logo.svg" alt="icone du site"></a>
</footer>
</body>
</html>