refonte page game

SRC/public/css/frontend.css

@@ -67,6 +67,38 @@ nav input {
     border-radius: 20px;
     border: 3px solid black;
 }
+
+.text-center
+{
+	margin-top: 6%;
+	text-align: center;
+	background-color: rgba(0, 0, 0, 0.2);
+}
+
+.text-center img
+{
+	height: 250px;
+	margin: 2%;
+	
+}
+.text-center img:hover
+{
+	padding-bottom : 5px;
+	border-bottom: 2px solid black;
+}
+
+.titreIcon
+{
+	text-align:center;
+	margin-top: 2%;
+	
+}
+
+.titreIcon img
+{
+	height: 150px;
+}
+
 button {
     cursor: pointer;
     display: inline-block;

SRC/resources/views/frontend/games.blade.php

@@ -1,18 +1,11 @@
 @extends('frontend/template')
 
 @section('content')
-    <div class="referents">
+    <div class="titreIcon">
-
+    	<img src="imgs/games.png" />
-    <div class="referent game"
-         onclick='location.href = "{{ URL::to('puzzle') }}";'
-         style="background:url('{{ URL::to('imgs/puzzle.jpg') }}'); width: 50%;">
-        <div class="infos">Puzzle</div>
     </div>
-    <div class="referent game"
+    <div class="text-center">
-         onclick='location.href = "{{ URL::to('memo') }}";'
+		<a href="{{ URL::to('puzzle') }}" ><img src="imgs/puzzle/iconPuzzle.png" alt="puzzle"/></a>
-         style="background:url('{{ URL::to('imgs/memo.jpg') }}'); width: 50%;">
+		<a href="{{ URL::to('memo') }}" ><img src="imgs/memo/memo.png" alt="memo"/></a>
-        <div class="infos">Mémo</div>
-    </div>
-                
     </div>
 @endsection