2019-11-20 11:09:01 +01:00
<!DOCTYPE html>
< html lang = "en" xmlns = "http://www.w3.org/1999/xhtml" >
2019-11-27 10:36:44 +01:00
2019-11-20 11:09:01 +01:00
< head >
< meta charset = "utf-8" / >
2019-12-13 13:48:52 +01:00
< title > Kyflo< / title >
2019-11-26 08:50:41 +01:00
< link rel = "stylesheet" type = "text/css" href = "Assets/css.css" >
2019-11-27 10:36:44 +01:00
< link rel = "stylesheet" type = "text/css" href = "Assets/resp.css" >
2019-11-23 15:49:48 +01:00
< link href = "https://fonts.googleapis.com/css?family=Roboto&display=swap" rel = "stylesheet" >
2019-11-27 10:36:44 +01:00
2019-11-20 11:09:01 +01:00
< / head >
2019-11-27 10:36:44 +01:00
2019-11-20 11:09:01 +01:00
< body >
2019-12-11 21:33:44 +01:00
< header class = "header" >
2019-12-13 13:48:52 +01:00
< a href = "#" class = "logo" > KYFLO< / a >
2019-12-11 21:33:44 +01:00
< input class = "menu-btn" type = "checkbox" id = "menu-btn" / >
< label class = "menu-icon" for = "menu-btn" > < span class = "nav-icon" > < / span > < / label >
< ul class = "menu" >
2019-12-13 13:03:48 +01:00
< li > < input type = "text" placeholder = "Rechercher..." > < / li >
2019-12-13 13:48:52 +01:00
< li > < a href = "#nous" > A propos< / a > < / li >
2019-12-13 17:13:30 +01:00
< li > < a href = "#contact" > Contact< / a > < / li >
< li > < a href = "Assets/Pages/Autres/checkout.html" > Panier< / a > < / li >
2019-12-11 21:33:44 +01:00
< / ul >
2019-12-13 13:03:48 +01:00
< / header >
< div class = "top" >
< h1 > Bienvenue sur le site de KyFlo !< / h1 >
< h2 > Vendeur de robot depuis 2005< / h2 >
< / div >
2019-12-12 07:45:52 +01:00
< div id = "slider" >
2019-11-20 11:09:01 +01:00
< figure >
2019-11-26 08:50:41 +01:00
< a href = "Assets/Pages/Produits/nao.html" > < img src = "Assets/Images/Promotions/promo1.png" alt > < / a >
< a href = "Assets/Pages/Produits/pepper.html" > < img src = "Assets/Images/Promotions/promo2.png" alt > < / a >
< a href = "Assets/Pages/Produits/r2d2.html" > < img src = "Assets/Images/Promotions/promo3.png" alt > < / a >
< a href = "Assets/Pages/Produits/terminator.html" > < img src = "Assets/Images/Promotions/promo4.png" alt > < / a >
< a href = "Assets/Pages/Produits/nao.html" > < img src = "Assets/Images/Promotions/promo1.png" alt > < / a >
2019-11-20 11:09:01 +01:00
< / figure >
2019-12-12 07:45:52 +01:00
< / div >
2019-12-12 11:10:56 +01:00
2019-12-13 17:13:30 +01:00
< div id = "produits" >
< div class = "title" >
< h1 > Tous nos produits :< / h1 >
< / div >
< div class = "flex-container" >
< div class = "ok" > < a href = "Assets/Pages/Produits/nao.html" > < img src = "Assets/Images/Produits/nao.png" alt > < p > Nao< / p > < / a > < / div >
< div > < div class = "rupt" > Rutpure de stock< / div > < a href = "#" > < img class = "out" src = "Assets/Images/Produits/valkyrie.png" alt > < p > Valkyrie< / p > < / a > < / div >
< div class = "ok" > < a href = "Assets/Pages/Produits/r2d2.html" > < img src = "Assets/Images/Produits/pepper.png" alt > < p > Pepper< / p > < / a > < / div >
< div > < div class = "rupt" > Rupture de stock< / div > < a href = "#" > < img class = "out" src = "Assets/Images/Produits/soldat.png" alt > < p > Soldat< / p > < / a > < / div >
< div class = "ok" > < div class = "spec" > N°1 des ventes< / div > < a href = "Assets/Pages/Produits/r2d2.html" > < img src = "Assets/Images/Produits/r2d2.png" alt > < p > R2D2< / p > < / a > < / div >
< div class = "ok" > < a href = "Assets/Pages/Produits/r2d2.html" > < img src = "Assets/Images/Produits/terminator.png" alt > < p > Terminator< / p > < / a > < / div >
< / div >
2019-12-13 13:03:48 +01:00
< / div >
2019-12-13 13:48:52 +01:00
< div id = "nous" >
< div class = "title" >
< h1 > Qui sommes nous ?< / h1 >
< / div >
2019-11-20 11:09:01 +01:00
2019-12-13 13:48:52 +01:00
< div class = "content" >
< h2 > L'équipe :< / h2 >
< table id = "equipe" >
< tr id = "equ" >
< td > < img src = "Assets/Images/Sprites/benoit.png" alt > < / td >
< td > < h2 > Nos engagements :< / h2 > < h3 > Etre soucieux de la qualité de nos produits< / h3 > < h3 > Vendre des robots à la pointe de la technologie< / h3 > < h3 > Respecter l'environnement< / h3 > < / td >
< td > < img src = "Assets/Images/Sprites/florian.png" alt > < / td >
< / tr >
< / table >
< / div >
< / div >
2019-12-13 17:13:30 +01:00
< div id = "contact" >
< div class = "title" >
< h1 > Nous contacter :< / h1 >
< / div >
< div class = "content" >
< form action = "commentaire.html" >
< h2 > Nom et Prénom :< / h2 >
< input type = "text" required >
< h2 > Email :< / h2 >
< input type = "email" required >
< h2 > Question :< / h2 >
< input type = "text" placeholder = "Question, suggestion, remarque" required >
< h2 > Valider:< / h2 >
< input type = "submit" value = "Envoyer" >
< / form >
< / div >
< / div >
2019-12-16 09:52:03 +01:00
< footer >
2019-12-13 17:13:30 +01:00
< table >
< tbody >
< tr >
< th > Accès rapide< / th > < th > < / th >
< / tr >
< tr >
< td > < a href = "#" > Accueil< / a > < / td >
< td > < a href = "#slider" > Nos Promotions< / a > < / td >
< / tr >
< tr >
< td > < a href = "#produits" > Nos Produits< / a > < / td >
< td > < a href = "Assets/Pages/Autres/checkout.html" > Votre panier< / a > < / td >
< / tr >
< / tbody >
< / table >
< h1 > Nos réseaux sociaux :< / h1 >
< table id = "reseaux" >
< tr id = "res" >
< td >
< a href = "#" > < img src = "Assets/Images/Icones/facebook.png" alt > < / a >
< / td >
< td >
< a href = "#" > < img src = "Assets/Images/Icones/twitter.png" alt > < / a >
< / td >
< td >
< a href = "#" > < img src = "Assets/Images/Icones/yt.png" alt > < / a >
< / td >
< td >
< a href = "#" > < img src = "Assets/Images/Icones/insta.png" alt > < / a >
< / td >
< / tr >
< / table >
2019-12-16 09:52:03 +01:00
< footer >
2019-11-20 11:09:01 +01:00
< / body >
2019-11-27 10:36:44 +01:00
2019-12-10 15:42:45 +01:00
< / html >
