From 27463ba03f44d7862ac429a187024a791a495f3f Mon Sep 17 00:00:00 2001
From: gallego <julian.gallego180105@gmail.com>
Date: Fri, 19 Jan 2024 18:27:10 +0100
Subject: [PATCH] nos jeux

---
 CSS/accueil.css              |  1 +
 CSS/nos jeux.css             | 18 ++++++++++++++
 CSS/styles.css               |  2 +-
 HTML/cv_1.html               |  2 +-
 HTML/page_2.html             | 48 ++++++++++++++++++++++++++++++++++++
 img/layered-peaks-haikei.svg |  1 +
 index.html                   |  4 +--
 7 files changed, 72 insertions(+), 4 deletions(-)
 create mode 100644 CSS/nos jeux.css
 create mode 100644 img/layered-peaks-haikei.svg

diff --git a/CSS/accueil.css b/CSS/accueil.css
index aeceb25..eb4b574 100644
--- a/CSS/accueil.css
+++ b/CSS/accueil.css
@@ -3,6 +3,7 @@ body{
 }
 
 main{
+	padding-top: 40px;
 	display: flex;
 	flex-direction: column;
 }
diff --git a/CSS/nos jeux.css b/CSS/nos jeux.css
new file mode 100644
index 0000000..f1b6b07
--- /dev/null
+++ b/CSS/nos jeux.css	
@@ -0,0 +1,18 @@
+.jeu{
+    padding-left: 25%;
+
+}
+
+h2{
+    padding-bottom: 20px;
+}
+
+body{
+    background-size: cover;
+    background-image: url(../img/layered-peaks-haikei.svg) ;
+    width: 100%;
+}
+
+main{
+    padding-top: 45px;
+}
\ No newline at end of file
diff --git a/CSS/styles.css b/CSS/styles.css
index 6d72c83..1a527bf 100644
--- a/CSS/styles.css
+++ b/CSS/styles.css
@@ -193,7 +193,7 @@ footer{
 	align-items: center;
 	flex-direction: row-reverse;
 	justify-content: space-around;
-	background-color: #00010c;
+	background-color: #000000;
 	color: white;
 }
 
diff --git a/HTML/cv_1.html b/HTML/cv_1.html
index a2ec800..71b2aa9 100644
--- a/HTML/cv_1.html
+++ b/HTML/cv_1.html
@@ -21,7 +21,7 @@
 						<li> 
 							<button class="button" onclick="window.location.href='../index.html'"> 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_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>  
diff --git a/HTML/page_2.html b/HTML/page_2.html
index cde489f..d85a291 100644
--- a/HTML/page_2.html
+++ b/HTML/page_2.html
@@ -4,6 +4,8 @@
 		<title> Casino du coeur </title> 
 		<meta charset="utf-8"> 
 		<link rel = "stylesheet" type = "text/css" href = "../CSS/styles.css">
+		<link rel="stylesheet" type="text/css" href="../CSS/accueil.css">
+		<link rel="stylesheet" type="text/css" href="../CSS/nos jeux.css">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<meta name="keywords" content="casino">
 		<link rel = "icon" type = "/image/png" href = "../img/icon.png">
@@ -29,6 +31,52 @@
 				</nav>
 			</div>
 		</header>
+		<main class="nos jeux">
+			<h1>Nos jeux</h1>
+			
+			
+			<div id="img-txt">
+				<h2>Blackjack</h2>
+				<div class="img_gauche_txt_droite jeu">
+					<p>
+						Parmis nos nombreux jeux vous pourrez retrouver du blackjack
+					</p>
+					<img src="../img/blackjack.jpg" alt="blackjack">
+				</div>
+			
+
+				<h2>Poker</h2>
+			
+				<div class="img_droite_txt_gauche jeu">
+					<img src="../img/Comprendre-les-regles-du-poker.jpg" alt="poker">
+					<p>
+						Vous retrouverez aussi du poker et toutes ses variété
+					</p>
+					
+				</div>
+			
+				<h2>Roulette</h2>
+			
+				<div class="img_gauche_txt_droite jeu">
+					<p>
+						Vous pourrez aussi tentez votre chance a la roulette
+					</p>
+					<img src="../img/roulette.png" alt="roulette">
+				</div>
+
+				<h2>Machine a sous</h2>
+				<div class="img_gauche_txt_droite jeu">
+
+					<img src="../img/maichine_a_sous.jpg" alt="machine a sous">
+					<p>
+						Enfin vous aurez un immense choix parmis les machine a sous les plus connus
+					</p>
+					
+				</div>
+			
+			</div>
+		</main>
+
 		<footer>
 
 
diff --git a/img/layered-peaks-haikei.svg b/img/layered-peaks-haikei.svg
new file mode 100644
index 0000000..0392cbc
--- /dev/null
+++ b/img/layered-peaks-haikei.svg
@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 900 600" width="900" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="900" height="600" fill="#931C1C"></rect><path d="M0 306L113 352L225 279L338 299L450 293L563 395L675 279L788 313L900 309L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#871400"></path><path d="M0 368L113 399L225 416L338 388L450 400L563 346L675 382L788 373L900 395L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#7a0c01"></path><path d="M0 453L113 455L225 424L338 385L450 405L563 431L675 367L788 437L900 440L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#6c0501"></path><path d="M0 418L113 407L225 461L338 452L450 428L563 430L675 456L788 414L900 465L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#5f0000"></path><path d="M0 463L113 517L225 475L338 489L450 468L563 471L675 495L788 508L900 453L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#500000"></path><path d="M0 530L113 504L225 511L338 503L450 530L563 488L675 487L788 528L900 493L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#420000"></path><path d="M0 548L113 533L225 558L338 550L450 532L563 539L675 567L788 530L900 540L900 601L788 601L675 601L563 601L450 601L338 601L225 601L113 601L0 601Z" fill="#000000"></path></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 44591c7..cc56350 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
 
 			<div id="titre">
 				<h1><span class="txt_rouge">Casino du Coeur</span></h1>
-				<p> Le casino dfgfsgdfgh </p>
+				<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>
 
@@ -86,7 +86,7 @@
 				<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 ..  
+						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 la solidarité, l'altruisme ou la générosité
 
 					</p>