<!DOCTYPE html>
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Kyflo</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body id="produit">
<nav id="nav">
<div class="topnav">
<a id ="kyflo" class="active" href="index.html">KyFlo</a>
<a id ="nous" href="#nous">A propos</a>
<a id ="contactN" href="contact.html">Contact</a>
<a id ="panier" href="checkout.html"><img src="Images/cart.png" alt></a>
<input type="text" placeholder="Rechercher...">
</div>
</nav>
<table>
<tr>
<th>Nom Produit</th><th>Quantité</th><th>Prix</th>
</tr>
<td>R2D2</td><td><input type="number" value="2"></td><td>500 €</td>
<td>Nao</td><td><input type="number" value="1"></td><td>5 000€</td>
<td id="total" COLSPAN=3>TOTAL : 6 000€</td>
</table>
<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">
<h1>Ville :</h1>
<h1>État / Région / Canton :</h1>
<h1>Code postal :</h1>
<h1>Numéro de téléphone :</h1>
<input type="tel" required>
<h1>Valider:</h1>
<input type="submit" value="Payer">
</form>
</body>
</html>
