2019-11-20 11:09:01 +01:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
|
|
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<title>Kyflo</title>
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
|
2019-11-20 11:09:01 +01:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="css.css">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body id="produit">
|
|
|
|
|
|
|
2019-11-23 13:44:49 +01:00
|
|
|
|
|
|
|
|
|
|
<nav id="nav">
|
|
|
|
|
|
<div class="topnav">
|
|
|
|
|
|
<a id ="kyflo" class="active" href="index.html">KyFlo</a>
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<a id ="nous" href="nous.html">A propos</a>
|
2019-11-23 13:44:49 +01:00
|
|
|
|
<a id ="contactN" href="contact.html">Contact</a>
|
|
|
|
|
|
<a id ="panier" href="checkout.html"><img src="Images/cart.png" alt></a>
|
2019-11-24 13:07:57 +01:00
|
|
|
|
<a id="loupe" href="search_result.html">GO</a>
|
|
|
|
|
|
<input type="text" placeholder="Rechercher sur tout le site">
|
|
|
|
|
|
</div>
|
2019-11-23 13:44:49 +01:00
|
|
|
|
</nav>
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
|
|
|
|
|
|
<div id="content">
|
|
|
|
|
|
<table id="basket">
|
2019-11-24 13:07:57 +01:00
|
|
|
|
<tr id="cent">
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<th>Nom Produit</th><th>Quantité</th><th>Prix</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>R2D2</td><td><input type="number" value="2"></td><td>500 €</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>Nao</td><td><input type="number" value="1"></td><td>5 000€</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td id="total" COLSPAN=3>TOTAL : 6 000€</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
2019-11-20 11:09:01 +01:00
|
|
|
|
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<div id="livraison">
|
|
|
|
|
|
<h1>Coordonnées de livraison :</h1>
|
|
|
|
|
|
<form action="commande.html">
|
|
|
|
|
|
<h1>Nom et prénom :</h1>
|
|
|
|
|
|
<input type="text" required>
|
|
|
|
|
|
|
|
|
|
|
|
<h1>Adresse ligne 1 :</h1>
|
|
|
|
|
|
<input type="text" placeholder="Rue, voie, boite postale, nom de société" required>
|
|
|
|
|
|
|
|
|
|
|
|
<h1>Adresse ligne 2 :</h1>
|
|
|
|
|
|
<input type="text" placeholder="Batiment, Etage, Lieu-Dit">
|
2019-11-20 11:09:01 +01:00
|
|
|
|
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<h1>Ville :</h1>
|
|
|
|
|
|
<input type="text" required>
|
2019-11-20 11:09:01 +01:00
|
|
|
|
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<h1>État / Région / Canton :</h1>
|
|
|
|
|
|
<input type="text" required>
|
2019-11-20 11:09:01 +01:00
|
|
|
|
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<h1>Code postal :</h1>
|
|
|
|
|
|
<input type="text" required>
|
2019-11-20 11:09:01 +01:00
|
|
|
|
|
2019-11-23 15:49:48 +01:00
|
|
|
|
<h1>Numéro de téléphone :</h1>
|
|
|
|
|
|
<input type="tel" required>
|
|
|
|
|
|
|
|
|
|
|
|
<h1 id="valider">Valider:</h1>
|
|
|
|
|
|
<input type="submit" value="Payer">
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
|
|
|
|
<div id="acces">
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tbody>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>Accès rapide</th><th id="line"></th><th>Une question ?</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td><a href="index.html">Accueil</a></td>
|
|
|
|
|
|
<td><a href="index.html#slider">Nos Promotions</a></td>
|
|
|
|
|
|
<td></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td><a href="index.html#produits">Nos Produits</a></td>
|
|
|
|
|
|
<td><a href="checkout.html">Votre panier</a></td>
|
|
|
|
|
|
<td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
2019-11-20 11:09:01 +01:00
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
