SAE_WEB_S1/index.html

155 lines
5.3 KiB
HTML
Raw Normal View History

2023-12-28 12:03:46 +01:00
<!doctype html>
<html lang="fr">
<head>
<title> Casino du coeur </title>
<meta charset="utf-8">
2024-01-02 15:51:16 +01:00
2024-01-17 13:42:30 +01:00
<link rel = "stylesheet" type = "text/css" href = "CSS/styles.css" media="all">
<link rel = "stylesheet" type = "text/css" href = "CSS/accueil.css" media="all">
2023-12-28 12:03:46 +01:00
<meta name="keywords" content="casino">
2024-01-19 10:33:58 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2024-01-15 18:47:24 +01:00
<link rel = "icon" type = "image/png" href = "img/logo.svg">
2023-12-28 12:03:46 +01:00
</head>
<body>
2024-01-16 17:24:29 +01:00
<div id="background-image">
</div>
2023-12-28 12:03:46 +01:00
<header>
2024-01-16 17:24:29 +01:00
<div id="menu-mobile">
2024-01-19 12:07:30 +01:00
<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>s </li>
</ul>
2024-01-16 17:24:29 +01:00
</div>
2023-12-29 12:04:07 +01:00
2023-12-28 12:03:46 +01:00
2023-12-29 20:15:06 +01:00
2024-01-16 17:24:29 +01:00
<div id="menu-ordi">
2023-12-29 20:15:06 +01:00
2024-01-16 17:24:29 +01:00
<nav>
2024-01-15 18:47:24 +01:00
<a href="#"><img id="icone" src="img/logo.svg" alt="icone du site"></a>
2023-12-28 17:23:12 +01:00
2024-01-16 17:24:29 +01:00
<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>
2024-01-17 10:22:00 +01:00
<li> <a href= "HTML/contact.html" class="page"><button class="button" type="buton" value="A propos de nous"> Contact</button> </a></li>
2024-01-16 17:24:29 +01:00
</ul>
</nav>
</div>
2023-12-28 17:23:12 +01:00
2024-01-16 17:24:29 +01:00
2023-12-28 17:23:12 +01:00
2023-12-28 12:03:46 +01:00
</header>
<main>
2024-01-16 17:24:29 +01:00
<img id="presentation" src="img/163662-poker-roulette-carte_a_jouer-poker_en_ligne-jeu_de_cartes-3840x2160.jpg" alt="Image d'acceuil">
2024-01-15 10:57:06 +01:00
<h1><span class="txt_rouge">Casino du Coeur</span></h1>
2024-01-02 01:14:43 +01:00
<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
2023-12-29 12:04:07 +01:00
2024-01-15 10:57:06 +01:00
<h2>
Qui sommes-nous ?
</h2>
2024-01-18 15:28:25 +01:00
<div id="img-txt">
<div id="img_gauche_txt_droite">
<p>
ipsum <a href="HTML/page_4.html"><span class="txt_rouge"> <strong>dolor</strong></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
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">
<img class="img_main" src="img/casion_background.jpeg">
<p>
ipsum dolor sit amet,<a href="HTML/page_3.html"><span class="txt_rouge"><strong> dolor</strong> </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
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>
2024-01-15 10:57:06 +01:00
2024-01-18 15:28:25 +01:00
</div>
2024-01-03 13:49:08 +01:00
</div>
2024-01-15 10:57:06 +01:00
2024-01-01 19:32:41 +01:00
2024-01-15 10:57:06 +01:00
<div id="fond_2">
<h3>
Notre devise : <span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> !
</h3>
2024-01-16 17:24:29 +01:00
2024-01-18 15:28:25 +01:00
<video id="video-presentation" controls autoplay muted loop>
2024-01-18 10:34:18 +01:00
<source src="img/video_presentation.mp4" type="video/mp4">
</video>
2024-01-16 17:24:29 +01:00
</video>
2024-01-01 19:32:41 +01:00
</div>
2023-12-28 12:03:46 +01:00
</main>
<footer>
2023-12-31 13:17:44 +01:00
2024-01-02 15:51:16 +01:00
<div id="reseaux">
<ul>
2024-01-17 13:42:30 +01:00
<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>
2024-01-02 15:51:16 +01:00
</ul>
2024-01-03 18:38:44 +01:00
<p> Suivez nos actualités !</p>
2024-01-02 15:51:16 +01:00
</div>
<div id="autres">
<ul>
2024-01-03 13:49:08 +01:00
<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>
2024-01-03 18:38:44 +01:00
<li><a href="charte_graphique" target="_blank">Charte graphique</a></li>
2024-01-02 15:51:16 +01:00
</ul>
</div>
2024-01-03 13:49:08 +01:00
<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>
2024-01-03 18:38:44 +01:00
2024-01-18 10:34:18 +01:00
<a href="#"><img id="icone" src="img/logo.svg" alt="icone du site"></a>
2024-01-03 13:49:08 +01:00
2023-12-31 13:17:44 +01:00
2023-12-28 12:03:46 +01:00
</footer>
</body>
</html>