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-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>
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>`

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>`
nos jeux 2024-01-19 18:27:10 +01:00			`<p> Tout le monde est gagnant </p>`
HTML checker 2024-01-19 15:42:41 +01:00			`</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.`
final 2024-01-19 23:59:49 +01:00			`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.`
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>`
final 2024-01-19 23:59:49 +01:00			`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.`
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>`