SAE_WEB_S1/index.html
2024-01-19 23:59:49 +01:00

143 lines
4.3 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-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> Tout le monde est gagnant </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. Notre casino offre une expérience de jeux exceptionelle avec une vaste sélection de jeux palpitants.
</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_jaune"><strong> partenaires </strong> </span></a> des valeurs qui nous tiennent a coeur tels que la solidarité, l'altruisme ou la générosité.Au coeur de notre fonctionnement se trouve la transparence.Nous fournissons des informations en temp réels de nos actions.
</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>