KyFlo/pepper.html

<!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> 
    <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 n’a aucun mal pour percevoir son environnement et engager le dialogue lorsqu’il 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>Valider:</h1>
                <input type="submit" value="Envoyer">
            </form> 
        </div>
    </div>
</body>
</html>