107 lines
No EOL
3.7 KiB
HTML
107 lines
No EOL
3.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Kyflo</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="../../css/css.css">
|
|
<link rel="stylesheet" type="text/css" href="../../css/resp.css">
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
<a id="kyflo" class="active" href="../../../index.html">KyFlo</a>
|
|
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
|
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
|
<a id="panier" href="checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
|
<a id="go" href="search_result.html">GO</a>
|
|
<input type="text" placeholder="Rechercher sur tout le site...">
|
|
</nav>
|
|
|
|
|
|
<div id="dark_popup">
|
|
|
|
<div id="popup">
|
|
<a href="#"><h1>X</h1></a>
|
|
<h1>Merci pour votre achat ! Votre commande arrive bientot !</h1>
|
|
<a href="../../../index.html"><h2>Retour à l'accueil</h2></a>
|
|
</div>
|
|
|
|
<div class="title">
|
|
<h1>Votre panier :</h1>
|
|
</div>
|
|
<div class="content">
|
|
<table id="basket">
|
|
<tr id="cent">
|
|
<th>Nom Produit</th>
|
|
<th>Quantité</th>
|
|
<th>Prix</th>
|
|
</tr>
|
|
<tr>
|
|
<td>R2D2</td>
|
|
<td><input type="text" value="2"></td>
|
|
<td>500 €</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Nao</td>
|
|
<td><input type="text" value="1"></td>
|
|
<td>5 000€</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="total" COLSPAN=3>TOTAL : 6 000€</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="title">
|
|
<h1>Livraison :</h1>
|
|
</div>
|
|
<div class="content">
|
|
<div id="livraison">
|
|
<h2>Coordonnées de livraison :</h2>
|
|
<form action="#dark_popup">
|
|
<table>
|
|
<tr>
|
|
<td>Nom et prénom :<input type="text" required></td><td>Ville :<input type="text" required></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Adresse ligne 1 :<input type="text" placeholder="Rue, voie, boite postale, nom de société" required></td><td>Code postal :<input type="text" required></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Adresse ligne 2 :<input type="text" placeholder="Batiment, Etage, Lieu-Dit"></td><td>Numéro de téléphone :<input type="tel" required></td>
|
|
</tr>
|
|
</table>
|
|
<h2 id="valid">Valider:</h2>
|
|
<input type="submit" value="Payer">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div id="acces">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<th>Accès rapide</th>
|
|
<th id="line"></th>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="../../../index.html">Accueil</a></td>
|
|
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
|
<td><a href="checkout.html">Votre panier</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
</body>
|
|
</html> |