SAE_WEB_S1/index.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>
ah 2023-12-28 12:03:46 +01:00
			`<!doctype html>`
			`<html lang="fr">`

			`<head>`
			`<title> Casino du coeur </title>`
			`<meta charset="utf-8">`
navigation entre page,pied de page 2024-01-02 15:51:16 +01:00
contact et partenaires 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">`
ah 2023-12-28 12:03:46 +01:00			`<meta name="keywords" content="casino">`
responsivité 2024-01-19 10:33:58 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
bouton 2024-01-15 18:47:24 +01:00			`<link rel = "icon" type = "image/png" href = "img/logo.svg">`
ah 2023-12-28 12:03:46 +01:00			`</head>`

			`<body>`
imagefond 2024-01-16 17:24:29 +01:00
			`<div id="background-image">`
			`</div>`

ah 2023-12-28 12:03:46 +01:00			`<header>`
imagefond 2024-01-16 17:24:29 +01:00			`<div id="menu-mobile">`
page propos 2024-01-19 12:07:30 +01:00			`<ul>`
HTML checker 2024-01-19 15:42:41 +01:00			`<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>`
page propos 2024-01-19 12:07:30 +01:00			`</ul>`
imagefond 2024-01-16 17:24:29 +01:00			`</div>`
barre de navigation 2023-12-29 12:04:07 +01:00
ah 2023-12-28 12:03:46 +01:00
barre nav2 2023-12-29 20:15:06 +01:00
imagefond 2024-01-16 17:24:29 +01:00			`<div id="menu-ordi">`
barre nav2 2023-12-29 20:15:06 +01:00
imagefond 2024-01-16 17:24:29 +01:00			`<nav>`
HTML checker 2024-01-19 15:42:41 +01:00			`<a href="#"><img class="icone" src="img/logo.svg" alt="icone du site"></a>`
debut 2023-12-28 17:23:12 +01:00
imagefond 2024-01-16 17:24:29 +01:00			`<ul>`
HTML checker 2024-01-19 15:42:41 +01:00			`<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>`
reste cv-2 et écrire contenu 2024-01-19 16:13:40 +01:00			`<li><button class="button" onclick="window.location.href='HTML/page_3.html'"> Nos partenaires</button> </li>`
HTML checker 2024-01-19 15:42:41 +01:00			`<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>`
imagefond 2024-01-16 17:24:29 +01:00			`</ul>`
			`</nav>`
			`</div>`
debut 2023-12-28 17:23:12 +01:00
imagefond 2024-01-16 17:24:29 +01:00
debut 2023-12-28 17:23:12 +01:00
ah 2023-12-28 12:03:46 +01:00			`</header>`

			`<main>`
imagefond 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">`
HTML checker 2024-01-19 15:42:41 +01:00
			`<div id="titre">`
			`<h1><span class="txt_rouge">Casino du Coeur</span></h1>`
			`<p> Le casino dfgfsgdfgh </p>`
			`</div>`
effet de style css index.html 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>`
barre de navigation 2023-12-29 12:04:07 +01:00
ajout 2024-01-15 10:57:06 +01:00
			`<h2>`
page cv 2024-01-19 14:39:33 +01:00			`C'est quoi ?`
ajout 2024-01-15 10:57:06 +01:00			`</h2>`
retouche 2024-01-18 15:28:25 +01:00			`<div id="img-txt">`
			`<div id="img_gauche_txt_droite">`

			`<p>`
reste cv-2 et écrire contenu 2024-01-19 16:13:40 +01:00			`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`
retouche 2024-01-18 15:28:25 +01:00			`</p>`

HTML checker 2024-01-19 15:42:41 +01:00			`<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">`
retouche 2024-01-18 15:28:25 +01:00
			`</div>`

reste cv-2 et écrire contenu 2024-01-19 16:13:40 +01:00			`<h2 id="valeur">`
retouche 2024-01-18 15:28:25 +01:00			`Nos valeurs`
			`</h2>`
			`<div id="img_droite_txt_gauche">`
HTML checker 2024-01-19 15:42:41 +01:00			`<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">`
retouche 2024-01-18 15:28:25 +01:00			`<p>`
page cv 2024-01-19 14:39:33 +01:00			`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 ..`
retouche 2024-01-18 15:28:25 +01:00
			`</p>`
ajout 2024-01-15 10:57:06 +01:00
retouche 2024-01-18 15:28:25 +01:00
			`</div>`
pied de page et fond 2024-01-03 13:49:08 +01:00			`</div>`
ajout 2024-01-15 10:57:06 +01:00
texte et image 2024-01-01 19:32:41 +01:00
ajout 2024-01-15 10:57:06 +01:00			`<div id="fond_2">`
			`<h3>`
page cv 2024-01-19 14:39:33 +01:00			`<span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> !`
ajout 2024-01-15 10:57:06 +01:00			`</h3>`
imagefond 2024-01-16 17:24:29 +01:00
retouche 2024-01-18 15:28:25 +01:00			`<video id="video-presentation" controls autoplay muted loop>`
video pres 2024-01-18 10:34:18 +01:00			`<source src="img/video_presentation.mp4" type="video/mp4">`
			`</video>`
texte et image 2024-01-01 19:32:41 +01:00			`</div>`
ah 2023-12-28 12:03:46 +01:00			`</main>`

			`<footer>`
pied de page 2023-12-31 13:17:44 +01:00
navigation entre page,pied de page 2024-01-02 15:51:16 +01:00
			`<div id="reseaux">`

			`<ul>`

HTML checker 2024-01-19 15:42:41 +01:00			`<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>`
navigation entre page,pied de page 2024-01-02 15:51:16 +01:00			`</ul>`
page actuelle 2024-01-03 18:38:44 +01:00			`<p> Suivez nos actualités !</p>`
navigation entre page,pied de page 2024-01-02 15:51:16 +01:00			`</div>`

			`<div id="autres">`
			`<ul>`
pied de page et fond 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>`
page actuelle 2024-01-03 18:38:44 +01:00			`<li><a href="charte_graphique" target="_blank">Charte graphique</a></li>`
navigation entre page,pied de page 2024-01-02 15:51:16 +01:00			`</ul>`
page cv 2024-01-19 14:39:33 +01:00			`<p id="cp"> 2024 CasinoDuCoeur Izanic Hugo - Gallego Julian</p>`
navigation entre page,pied de page 2024-01-02 15:51:16 +01:00			`</div>`
pied de page et fond 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>`
HTML checker 2024-01-19 15:42:41 +01:00			`<img src="img/icone/location.svg" alt="icone d'adresse">`
pied de page et fond 2024-01-03 13:49:08 +01:00			`<p id="adresse"> 200 Rue du kwanga</p>`

			`</div>`

page actuelle 2024-01-03 18:38:44 +01:00
HTML checker 2024-01-19 15:42:41 +01:00			`<a href="#"><img class="icone" src="img/logo.svg" alt="icone du site"></a>`
pied de page et fond 2024-01-03 13:49:08 +01:00
pied de page 2023-12-31 13:17:44 +01:00
ah 2023-12-28 12:03:46 +01:00
page cv 2024-01-19 14:39:33 +01:00
ah 2023-12-28 12:03:46 +01:00			`</footer>`

			`</body>`



			`</html>`