update html/css

3 years ago · a3cd0cae46
7 changed files with 123 additions and 32 deletions
--- a/Index.html
+++ b/Index.html
@ -19,15 +19,6 @@
 	
 			 

-
-    <!--<div class="cards-fan-container">
-                <img src="image/Ace.png" class="card-fan" id="ace-fan"/>
-                <img src="image/King.png" class="card-fan" id="king-fan"/>
-                <img src="image/Queen.png" class="card-fan" id="queen-fan"/>
-                <img src="image/Jack.png" class="card-fan" id="jack-fan"/>
-                <img src="image/Ten.png" class="card-fan" id="ten-fan"/>
-    </div> -->
-
 	<div class="loader">

        <span class="lettre">7</span>
@ -38,11 +29,27 @@
 	</div>
 	
 	
-	
+	<a href="slots.html">
 	<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
+	</a>
 	<img class="img2" src="image/imgnoirbj.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbj.png'" alt="" />
 	<img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" />
-	<img class="img4" src="image/imgnoir.jpg" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoir.jpg'" alt="" />
+	<img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
+	
+
+
+
+
+
+
+
+
+
+
+
+
+
+


 	<div class="bg"></div>
--- a/image/accueil.png
+++ b/image/accueil.png
--- a/image/imgnoirbingo.png
+++ b/image/imgnoirbingo.png
--- a/loading.js
+++ b/loading.js
@ -6,3 +6,4 @@ window.addEventListener('load', () => {

 })

+
--- a/slots.html
+++ b/slots.html
@ -0,0 +1,48 @@
+<!DOCTYPE html>
+
+<html>
+
+	<head>
+
+		<meta charset="utf-8">
+
+		<title>casino 77</title>
+
+		<link rel="stylesheet" type="text/css" href="styles.css">
+	</head>
+	<body>
+	
+
+
+	
+	<img class=logo src="image/logo.png">
+	
+	<a href="Index.html">
+		<img class=accueil src="image/accueil.png">
+	</a>
+
+
+	<div class="loader">
+
+        <span class="lettre">7</span>
+
+        <span class="lettre">7</span>
+
+        <span class="lettre">7</span>
+	</div>
+	
+	
+	
+	<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
+	<img class="img2" src="image/imgnoirbj.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbj.png'" alt="" />
+	<img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" />
+	<img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
+	
+
+	<div class="bg"></div>
+
+  <script src="loading.js"></script>
+  <script src="main.js"></script>
+
+  </body>
+</html>
--- a/styles.css
+++ b/styles.css
@ -6,8 +6,21 @@
 	
 }

+.accueil {
+	position:absolute;
+	left:88%; z-index:2;
+	
+	width: 10%;
+	height:18%;
 	
 	
+}
+
+.accueil:hover {
+     border : 2px solid rgba(147,112,219,0.5);
+     box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
+}
+
 .img1 {
 	position: absolute;
 	z-index:1; bottom:52%; left:16%;
@ -85,10 +98,24 @@
     border : 2px solid rgba(147,112,219,0.5);
     box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
 }
+
+.img4 {
+     -webkit-transition: all 0.2s;
+     -moz-transition: all 0.2s;
+     -ms-transition: all 0.2s;
+     -o-transition: all 0.2s;
+     transition: all 0.2s;
+}
+.img4:hover {
+     border : 2px solid rgba(147,112,219,0.5);
+     box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
+}
 .loader {

    position: absolute;
 	
+	z-index: 1;
+
    width: 100%;
 	
    height: 100%;
@ -198,25 +225,7 @@

 }

-.card-fan {
-  position: absolute;
-  width: 15%;
-  transform-origin: bottom;
-  transition: .3s linear;
-}

-.cards-fan-container:hover #ten-fan{
-  transform: rotate(20deg)
-}
-.cards-fan-container:hover #ace-fan{
-  transform: rotate(-20deg)
-}
-.cards-fan-container:hover #jack-fan{
-  transform: rotate(10deg)
-}
-.cards-fan-container:hover #king-fan{
-  transform: rotate(-10deg)
-}

 .bg {
  width: 100%;
@ -270,3 +279,4 @@



+
--- a/tests.html
+++ b/tests.html
@ -1 +1,26 @@
-<img src="image/imgnoir.jpg" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoir.jpg'" alt="" />
+ <html>
+
+	<head>
+
+		<meta charset="utf-8">
+
+		<title>casino test</title>
+
+		<link rel="stylesheet" type="text/css" href="styles.css">
+	</head>
+	<body>
+ 
+ 
+ 
+ <div id="ac-wrapper">
+  <div id="popup">
+  <center>
+    <h2>Popup Content Here</h2>
+      <input type="submit" name="submit" value="Submit" onClick="PopUp()" />
+  </center>
+  </div>
+</div>
+
+<p>Page Content Here......</p>
+
+<script src="loading.js"></script>
			`@ -6,3 +6,4 @@ window.addEventListener('load', () => {`

			`})`