142 lines
4.1 KiB
HTML
142 lines
4.1 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" controls>
|
|
<source src="img/video_presentation.mp4" type="video/mp4">
|
|
</video>
|
|
|
|
</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/logo.svg" alt="icone du site"></a>
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|