1
0
Fork 0
This repository has been archived on 2024-02-17. You can view files and clone it, but cannot push or open issues or pull requests.
KyFlo/pepper.html
2019-11-23 15:49:48 +01:00

96 lines
No EOL
4.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</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.html">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>
<button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
<div id="content">
<div id="Produit">
<img src="Images/Produits/pepper.png" alt>
<h1>ROBOT PEPPER</h1>
<button>Ajouter au panier</button>
<h2>15 000€</h2>
<h3>Pepper est un robot humanoïde, développé par la société SoftBank Robotics (anciennement Aldebaran), capable de reconnaître certaines émotions.</h3>
</div>
<div id="Carac">
<h1>Caractéristiques du robot :</h1>
<h2>Pepper est le premier robot humanoïde au monde capable d'identifier les visages et les principales émotions humaines. Pepper a été conçu pour interagir avec les humains de la façon la plus naturelle possible à travers le dialogue et son écran tactile.</h2>
<h2>Du haut de ses 1m20, Pepper na aucun mal pour percevoir son environnement et engager le dialogue lorsquil aperçoit une personne. L'écran tactile sur son torse affiche du contenu pour renforcer les messages et seconder la parole.</h2>
<h2>Son design tout en rondeurs assure une utilisation sans danger et une très bonne acceptation des utilisateurs.</h2>
</div>
<div id="Coms">
<h1>Commentaires clients :</h1>
<div id="Client">
<div>
<img src="Images/Produits/avatarH.png" alt>
<h1>Michel Dirate</h1>
<h3>Livraison très longue ! Cependant, produit de qualité.</h3>
</div>
<div>
<img src="Images/Produits/avatarF.png" alt>
<h1>Ines Foubi</h1>
<h3>Bon robot, ma famille l'adore !</h3>
</div>
<div>
<img src="Images/Produits/avatarH.png" alt>
<h1>Robert Ritar</h1>
<h3>Robot très serviable.</h3>
</div>
</div>
<h2>Laissez nous un commentaire :</h2>
<form action="commentaire.html">
<h1>Nom et Prénom :</h1>
<input type="text" required>
<h1>Email :</h1>
<input type="text" required>
<h1>Commentaire:</h1>
<input type="text" placeholder="Commentaire" required>
<h1 id="valider">Valider:</h1>
<input type="submit" value="Envoyer">
</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>
</body>
</html>