File "layout01.html"

Full Path: /home/analogde/www/SVN/payment/layout01.html
File size: 2.99 KB
MIME-type: text/html
Charset: utf-8

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title></title>
    <style>
    
      
      p {
  font-family: Arial, sans-serif;
        font-size:25px;
}
      
      div {
				text-align:center;
        margin: auto;
        padding-top: 32px;
				padding-right :32px;
				padding-bottom:32px;
				padding-left :32px;
	}
      
    div#bandeau {
	width:90%;
	height:50px;
	background-color:#00CCFF;
	}
div#contenu {
	width:90%;
	height:375px;
	background-color:#FFCC00;
	}
div#piedpage {
  	text-align:center;
	width:90%;
	height:50px;
	background-color:#33FF99;
	}
      
      button {
  width: 100px; 
  margin: 0 auto; 
}
      
 

      .btn1{
				margin-right: 70px;
			}

			.btn2{
			margin-left: 70px;
			}
      
      
      .mybutton {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
      
      .mybutton:hover {
  background-color: blue;
}
      
      img {
    aspect-ratio: 16/10; 
    width: 15%;
        height: auto ;
      }
      
       .btnOk {
         	margin-right: 70px;
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
 <!-- margin: 4px 2px; -->
  cursor: pointer;
  	
}
     .btnCancel {
       	margin-left: 70px;
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
 <!-- margin: 4px 2px;-->
  cursor: pointer;
}
      
      
    </style>
  </head>
  <body>
    <?php 
echo "Seance de 13H05";
		echo $_GET['client'] . ' ' . $_GET['nom']; 
$client   $jour  seance
/*page.php?param1=valeur1&param2=valeur2&param3=valeur3&param4=valeur4…*/
?>
    <div id="bandeau"> le dd/mm/yyyy à 13H05 <br>
      1 séance de 20 min <br>
      Avec subvention , montant : 8 euros </div>
    <div id="contenu">
      <p> Réglement en ligne par Carte bancaire</p>
      <div> <img src="paiement-securise.jpg" style="width: 314px; height: 134px;"></div>
      <p> Site partenaire du CSE</p>
    </div>
    <div id="piedpage"> <a href="banque.html" class="btnOk" title="Transaction">Valider</a>
      <a href="toto.html" class="btnCancel" title="Revenir à la page précédente">Retour</a>
    </div>
    <!--  
        <div style="text-align: center;"> <input value="button" type="button"> </div>    <div> <input value="button" style="display: block; margin: 0 auto;"type="button"> </div>    <div> <button class="btn1">Click Me</button> <button class="btn2">Click Me</button>    </div>    <div> <a href="#" class="mybutton" title="Go">Link Button</a> </div>    <div> <img src="paiement-securise.jpg"> </div>    -->
  </body>
</html>