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¶m2=valeur2¶m3=valeur3¶m4=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>