SHARE
TWEET

omz index

a guest Feb 14th, 2020 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2.     session_start();
  3.     include('connexionDB.php');
  4. ?>
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9.     <link rel="shortcut icon" href="img/cup2.ico">
  10.     <title>Accueil</title>
  11. </head>
  12. <body>
  13.     <div class="center">
  14.                         <br>
  15.                         <br>
  16.                         <br>
  17.                         <br>
  18.                         <br>
  19.                         <br>
  20.                         <br>
  21.                         <br>
  22.     <h1>Find the ball</h1>
  23.  
  24.     <div class="center">
  25.  
  26.             <div class="center">
  27.             <h3> Niveau de difficulté</h3>
  28.  
  29.             <div class="logo">
  30.             <img class="easy" src="img/Rondvert1.png">
  31.             <img class="normal" src="img/Rondorange.png">
  32.             <img class="hard" src="img/Rondrouge.png">
  33. </div>
  34.  
  35.             <div class="niveau">
  36. <div class="button_cont" align="center"><a class="example_a" href="jeu.php" rel="nofollow noopener">Facile</a></div>
  37. <div class="button_cont" align="center"><a class="example_a" href="jeunormal.php" rel="nofollow noopener">Normal</a></div>
  38. <div class="button_cont" align="center"><a class="example_a" href="jeuexpert.php" rel="nofollow noopener">Expert</a></div>
  39.                        </div>
  40.  
  41.     </div>
  42.             </div>
  43.             </div>
  44.  
  45.             <style>
  46.  
  47. body {
  48.     witdh: 100%;
  49.     background-color:white;
  50.     background-image:url(img/bg1.jpg);
  51. }
  52. .easy {
  53.     width: 50px;
  54. }
  55.  
  56. .normal {
  57.     width: 50px;
  58. }
  59.  
  60. .hard {
  61.     width: 50px;
  62. }
  63.  
  64. .center {
  65.     text-align: center;
  66. }
  67.  
  68. .niveau a {
  69.     padding: 10px;
  70.     text-decoration: none;
  71.     color: black;
  72.     margin-left: 8px;
  73. }
  74.  
  75. .logo img {
  76.     padding: 18px;
  77.  
  78. }
  79.  
  80. .button_cont {
  81.     margin-left: 43%;
  82. }
  83.  
  84. .example_a {
  85.  
  86. margin-right: 9px;
  87. float: left;
  88. text-align: center;
  89. color: #fff !important;
  90. text-decoration: none;
  91. background: #ed3330;
  92. padding: 20px;
  93. border-radius: 5px;
  94. display: inline-block;
  95. border: none;
  96. transition: all 0.4s ease 0s;
  97.  
  98. }
  99.  
  100. .example_a:hover {
  101.  
  102. background: #434343;
  103. letter-spacing: 1px;
  104. -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
  105. -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
  106. box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
  107. transition: all 0.4s ease 0s;
  108.  
  109. }
  110.             </style>
  111.  
  112.     </body>
  113. </body>
  114. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top