commit 6642d961fb500cafe3662ca62c246e8dfe1db8c7 Author: KEZEL BENOIT p1907091 Date: Wed Nov 20 11:09:01 2019 +0100 Initial commit diff --git a/Eclypsia b/Eclypsia new file mode 100644 index 0000000..e69de29 diff --git a/Images/Produits/avatarF.png b/Images/Produits/avatarF.png new file mode 100644 index 0000000..d9a2559 Binary files /dev/null and b/Images/Produits/avatarF.png differ diff --git a/Images/Produits/avatarH.png b/Images/Produits/avatarH.png new file mode 100644 index 0000000..dc872e1 Binary files /dev/null and b/Images/Produits/avatarH.png differ diff --git a/Images/Produits/loupe.png b/Images/Produits/loupe.png new file mode 100644 index 0000000..6929756 Binary files /dev/null and b/Images/Produits/loupe.png differ diff --git a/Images/Produits/nao.png b/Images/Produits/nao.png new file mode 100644 index 0000000..3f90a6c Binary files /dev/null and b/Images/Produits/nao.png differ diff --git a/Images/Produits/pepper.png b/Images/Produits/pepper.png new file mode 100644 index 0000000..2d3a37d Binary files /dev/null and b/Images/Produits/pepper.png differ diff --git a/Images/Produits/pouce.png b/Images/Produits/pouce.png new file mode 100644 index 0000000..52e3d80 Binary files /dev/null and b/Images/Produits/pouce.png differ diff --git a/Images/Produits/r2d2.png b/Images/Produits/r2d2.png new file mode 100644 index 0000000..5f77f5b Binary files /dev/null and b/Images/Produits/r2d2.png differ diff --git a/Images/Promotions/promo1.png b/Images/Promotions/promo1.png new file mode 100644 index 0000000..8557fbb Binary files /dev/null and b/Images/Promotions/promo1.png differ diff --git a/Images/Promotions/promo2.png b/Images/Promotions/promo2.png new file mode 100644 index 0000000..56fdb91 Binary files /dev/null and b/Images/Promotions/promo2.png differ diff --git a/Images/Promotions/promo3.png b/Images/Promotions/promo3.png new file mode 100644 index 0000000..1baf04a Binary files /dev/null and b/Images/Promotions/promo3.png differ diff --git a/Images/Promotions/promo4.png b/Images/Promotions/promo4.png new file mode 100644 index 0000000..d0afc83 Binary files /dev/null and b/Images/Promotions/promo4.png differ diff --git a/Images/Promotions/promo5.png b/Images/Promotions/promo5.png new file mode 100644 index 0000000..c01abdb Binary files /dev/null and b/Images/Promotions/promo5.png differ diff --git a/Images/cart.png b/Images/cart.png new file mode 100644 index 0000000..c5c9fee Binary files /dev/null and b/Images/cart.png differ diff --git a/Images/logo.png b/Images/logo.png new file mode 100644 index 0000000..6d10eb1 Binary files /dev/null and b/Images/logo.png differ diff --git a/checkout.html b/checkout.html new file mode 100644 index 0000000..1bdc9fe --- /dev/null +++ b/checkout.html @@ -0,0 +1,62 @@ + + + + + + Kyflo + + + + + + + + + + + + + + + + + + + +
Nom ProduitQuantitéPrix
R2D2500 €
Nao5 000€
TOTAL : 6 000€
+ +
+

Coordonnées de livraison :

+
+

Nom et prénom :

+ + +

Adresse ligne 1 :

+ + +

Adresse ligne 2 :

+ + +

Ville :

+ + +

État / Région / Canton :

+ + +

Code postal :

+ + +

Numéro de téléphone :

+ + +

Valider:

+ +
+
+ + + \ No newline at end of file diff --git a/commande.html b/commande.html new file mode 100644 index 0000000..a914a68 --- /dev/null +++ b/commande.html @@ -0,0 +1,22 @@ + + + + + + Kyflo + + + + +
+

Merci beaucoup d'avoir commmander sur notre site ! Votre commande arrive bientôt !

+ +

Retourner a l'accueil

+ +
+ + \ No newline at end of file diff --git a/commentaire.html b/commentaire.html new file mode 100644 index 0000000..40da54b --- /dev/null +++ b/commentaire.html @@ -0,0 +1,22 @@ + + + + + + Kyflo + + + + +
+

Merci beaucoup pour votre réponse ! Votre commentaire a été pris en compte !

+ +

Retourner a l'accueil

+ +
+ + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..aea6139 --- /dev/null +++ b/contact.html @@ -0,0 +1,12 @@ + + + + + + Kyflo + + + + + + \ No newline at end of file diff --git a/css.css b/css.css new file mode 100644 index 0000000..51e1bfa --- /dev/null +++ b/css.css @@ -0,0 +1,382 @@ +/*==========================================================================================*/ +/*BODY + NAV*/ +body{ + background : linear-gradient(to left,#022425, #08023a, #1c0224); +} +body#produit +{ + background : linear-gradient( #1c0224, #08023a, #022425); + z-index: 10; + font-family: 'Bookman', sans-serif; +} + +h1{ + font-size: 3vw; + color : white; +} + +nav { + background-color: rgba(255,255,255,0.5); + width: 100%; + z-index: 1; +} + +body>nav>a>img{ + width : 25%; + margin : auto; +} + +body>nav>button>img:hover{ + background-color: rgba(255,255,255,0.5); + transition-duration: 0.5s; +} + +#panier { + float : right; + width : 5%; + margin-right : 1%; + margin-left : 3%; + padding : 1.1vw 1.1vw; +} + +#loupe { + float : right; + width : 5%; + margin-right : 1%; + margin-left : 3%; + padding : 1.1vw 1.1vw; +} + +body>#bienvenue>h1{ + font-size : 3vw; + color : white; + text-align : center; +} +body>#bienvenue>h2{ + font-size : 2vw; + color : lightgrey; + text-align: center; +} +/*==========================================*/ +/* CSS Confirmation commentaire */ +#Merci>h1{ + font-size: 2.8vw; + color : white; + text-align : center; + margin-top: 7%; +} + +#Merci>h2{ + font-size: 2vw; + text-align : center; + margin-top: 5%; + +} +#Merci>h2>a{ + color : lightgrey; + text-decoration: none; + +} +#Merci>h2>a:hover{ + color : yellow; +} + +#Merci>img{ + margin-left: 45%; + width : 10%; + margin-top: 5%; +} + + +/*==========================================*/ + +/*==========================================*/ +/* CSS Produits */ +/*EN TETE PRODUIT*/ +#Produit{ + margin-top: 5%; +} + +#Produit>h1{ + text-align: left; + font-size : 4vw; + margin-left: 25%; +} + +#Produit>h2{ + text-align: left; + font-size : 3vw; + margin-left: 25%; + color : red; + } + +#Produit>h2#barre{ + text-decoration: line-through; +} + +#Produit>h3{ + text-align: left; + font-size : 1.5vw; + margin-left: 25%; + color : lightgrey; +} + +#Produit>img{ + width: 20%; + float: left; + border: 0.2vw solid white; + border-radius: 10px; + background-color: rgba(0, 0, 0, 0.5); + + } + +#Produit>button{ + background-color: rgba(0, 0, 0, 0.5); + padding : 1vw 1vw; + float : right; + text-align : center; + font-size : 2vw; + margin-right: 10%; + color: white; + border : 0.1vw solid white; +} + +#Produit>button:hover{ + color: black; + background-color: rgba(255,255,255,0.5); + transition-duration: 0.5s; + border-radius: 2vw; +} +/*================================================*/ +/*CARACTERISTIQUES PRODUIT*/ +#Carac{ + width : 100%; + border-top : 0.2vw solid white; + margin-top: 8%; +} + +#Carac>h1{ + font-size: 3vw; + color : white; +} + +#Carac>h2{ + font-size: 1.5vw; + color : lightgrey; +} +/*================================================*/ +/*COMMENTAIRES CLIENT*/ + +#Client{ + width : 100%; + margin-left: 5%; +} + +#Client>div>h1{ + font-size : 2vw; + color :white; + margin-left: 8%; +} + +#Client>div>h2 { + font-size : 1vw; + color : yellow; + margin-left: 8%; +} + +#Client>div>h3 { + font-size : 1.5vw; + color : lightgrey; + margin-left: 8%; +} + +#Client>div>img{ + float : left; + width: 7%; + +} +#Client>div{ + margin-bottom: 3%; + border-bottom: 0.1vw solid darkgrey; +} + +/*================================================*/ +/*ESPACE LAISSER COMMENTAIRE*/ +#Coms{ + width : 100%; + border-top : 0.2vw solid white; + margin-top: 5%; +} + +#Coms>h1{ + font-size: 3vw; + color: white; +} + +#Coms>h2{ + font-size: 3vw; + color: white; + border-top: 0.2vw dashed white; + text-align: center; +} + +#Coms>form{ + margin-left: 25%; +} + +#Coms>form>h1{ + font-size: 1.5vw; + color : white; +} + +input, select { + width: 20%; + padding: 1vw 1vw; + font-size: 1.5vw; + background: linear-gradient(to left, rgba(128, 128, 128, 0.493), rgba(0, 0, 0, 0.548)); + color: white; + border : 0.1vw solid rgba(255, 255, 255, 0.5); + border-radius: 3vw; +} + +input:hover{ + border-radius: 0vw; + transition-duration: 0.5s; +} + +input:valid{ + border-radius: 0vw; + transition-duration: 0.5s; + border : 0.1vw solid rgb(8, 170, 8); +} + + +input[placeholder=Commentaire], select { + width: 60%; + padding: 1vw 1vw; + font-size: 1.5vw; +} + +input[type=submit], select { + width: 20%; + padding: 1vw 1vw; + font-size: 1.5vw; + background-color: rgba(0, 0, 0, 0.5); + border : 0.15vw solid white; + color : white; +} + +input[type=submit]:hover { + color: black; + background-color: rgba(255, 255, 255, 0.856); + transition-duration: 0.5s; + border-radius: 2vw; +} + +table>tr>td>input{ + border: 0vw solid white; + background-color: rgba(255, 255, 255, 0); +} +/*================================================*/ + +/*==========================================================================================*/ +/*Slide des promotions*/ + +div#slider { + width: 100%; + max-width: 1920px; + margin: auto; + border-radius: 12px; + margin-top: 5%; + +} + +div#slider figure { + position: relative; + width: 500%; + margin: 0; + padding: 0; + font-size: 0; + text-align: left; +} +div#slider figure img { + width: 20%; + height: auto; + float: left; +} +div#slider { + width: 100%; + max-width: 1920px; + overflow: hidden +} + +@keyframes slidy { + 0% {left: 0%;} + 20% {left: 0%;} + 25% {left: -100%;} + 45% {left: -100%;} + 50% {left: -200%;} + 70% {left: -200%;} + 75% {left: -300%;} + 95% {left: -300%;} + 100% {left: -400%;} +} +div#slider figure { + position: relative; + width: 500%; + margin: 0; + padding: 0; + font-size: 0; + left: 0; + text-align: left; + animation: 16s slidy infinite; +} + +/*==========================================================================================*/ + +/*Panier*/ + +table{ + width : 80%; + margin : auto; + margin-top: 5%; +} + +tr { + background-color: rgba(255, 255, 255, 0.233); +} + +td { + border-top : 0.2vw solid rgb(252, 252, 252); + padding : 2vw 2vw; + font-size: 2vw; + text-align: center; + font-weight: bold; +} + +th{ + background-color: rgba(0, 0, 0, 0.5); + font-size: 2vw; + color : white; +} + +td#total{ + text-align : right; + color : red; + background-color: rgba(0, 0, 0, 0.5); + font-size : 3vw; +} + +form[action="commande.html"]>h1{ + font-size: 1.5vw; +} + +form[action="commande.html"]>input[type=text], select { + width: 50%; + padding: 1vw 1vw; + font-size: 1.5vw; +} + +#livraison { + background-color: rgba(0, 0, 0, 0.2); +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..7b2d7dc --- /dev/null +++ b/index.html @@ -0,0 +1,36 @@ + + + + + + Kyflo + + + + + + + +
+

Bienvenue sur le site de KyFlo !

+

Vendeur de robot depuis 2010 !

+
+ +
+
+ + + + + + +
+
+ + + + \ No newline at end of file diff --git a/nao.html b/nao.html new file mode 100644 index 0000000..e78096f --- /dev/null +++ b/nao.html @@ -0,0 +1,63 @@ + + + + + + Kyflo + + + + + + + +
+ +

ROBOT NAO

+ +

5 000€

+

Nao est un robot humanoide français crée entre 2005 et 2006 sur Aldebaran ou plutot dans la société Aldebaran. En effet Nao a été conçu dans une start-up française à Paris.A partir de 2007, il va remplacer le robot canidé "Aibo" comme plateforme standard de la robotcup.

+
+
+

Caractéristiques du robot :

+

La plateforme robotique NAO existe en différents modèles qui comportent de 14 à 25 degrés de liberté. Elle est équipée d'une centrale inertielle avec un accéléromètre 3 axes et 2 gyromètres, de 2 sonars utilisant des capteurs à ultrason (émetteurs et récepteurs), de 8 capteurs de pressions résistifs sous les pieds et de 2 bumpers. NAO dispose de 90 minutes d'autonomie.

+

Le robot dispose également d'un système multimédia évolué incluant quatre microphones (pour la reconnaissance vocale et la localisation de la source sonore), deux haut-parleurs (pour la synthèse vocale), et deux caméras HD (1280 × 960 pixels) (pour la localisation ou la reconnaissance de visage ou d'objet). + Ces deux caméras couleurs, positionnées verticalement, lui permettent de voir une personne de 1,8 m de la tête au pied à 1,5 m. Malheureusement, pour le moment, ces deux caméras ne sont pas activables en même temps.

+

La plateforme robotique NAO est livrée avec une suite logicielle qui comporte un outil de programmation graphique (Choregraphe), un simulateur physique (NaoSim) et un kit de développement (SDK) qui permet de développer en Python (scripts des modules Chroregraphe) et C++ (modules embarqués). Des ponts en C#, Java et Matlab existent également. NAO est compatible avec Microsoft Robotics Studio, Cyberbotics Webots et Gostai Studio (Urbi).

+
+
+

Commentaires clients :

+
+
+ +

Isabelle Dunand

+

Superbe robot, il est tout à fait fonctionnel !

+
+
+ +

Richard Mauron

+

Excellent ! Très bonne qualité, j'ai adoré le programmer !

+
+
+

Laissez nous un commentaire :

+
+

Nom et Prénom :

+ + +

Email :

+ + +

Commentaire:

+ + +

Valider:

+ +
+
+ + \ No newline at end of file diff --git a/pepper.html b/pepper.html new file mode 100644 index 0000000..c9df419 --- /dev/null +++ b/pepper.html @@ -0,0 +1,66 @@ + + + + + + Kyflo + + + + + + +
+ +

ROBOT PEPPER

+ +

15 000€

+

Pepper est un robot humanoïde, développé par la société SoftBank Robotics (anciennement Aldebaran), capable de reconnaître certaines émotions.

+
+
+

Caractéristiques du robot :

+

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.

+

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.

+

Son design tout en rondeurs assure une utilisation sans danger et une très bonne acceptation des utilisateurs.

+
+
+

Commentaires clients :

+
+
+ +

Michel Dirate

+

Livraison très longue ! Cependant, produit de qualité.

+
+
+ +

Ines Foubi

+

Bon robot, ma famille l'adore !

+
+
+ +

Robert Ritar

+

Robot très serviable.

+
+
+

Laissez nous un commentaire :

+
+

Nom et Prénom :

+ + +

Email :

+ + +

Commentaire:

+ + +

Valider:

+ +
+
+ + \ No newline at end of file diff --git a/r2d2.html b/r2d2.html new file mode 100644 index 0000000..c0ce434 --- /dev/null +++ b/r2d2.html @@ -0,0 +1,61 @@ + + + + + + Kyflo + + + + + + +
+ +

ROBOT R2D2

+ +

500€

+

R2D2 est un petit robot de compagnie capable de vous servir d'assistant intergalactique au quotidien.

+
+
+

Caractéristiques du robot :

+

R2D2 est équipé de la dernière technologie de streaming musical pour vour lire toutes vos musiques préférées

+

Son design tout droit tiré de la série vous plongera dans l'univers Star Wars à coup sur !

+

Il possède une reconnaissance vocale très optimale qui vous permettras de le piloter rien qu'a la voix !

+
+
+

Commentaires clients :

+
+
+ +

Patrick Busson

+

Petit robot sympathique, très utile au quotidien !

+
+
+ +

Clara Soufu

+

Grande fan de Star Wars, j'adore ce petit robot personnel !

+
+
+

Laissez nous un commentaire :

+
+

Nom et Prénom :

+ + +

Email :

+ + +

Commentaire:

+ + +

Valider:

+ +
+
+ + \ No newline at end of file diff --git a/search_result.html b/search_result.html new file mode 100644 index 0000000..aea6139 --- /dev/null +++ b/search_result.html @@ -0,0 +1,12 @@ + + + + + + Kyflo + + + + + + \ No newline at end of file diff --git a/trompettiste.html b/trompettiste.html new file mode 100644 index 0000000..f12a850 --- /dev/null +++ b/trompettiste.html @@ -0,0 +1,18 @@ + + + + + + Kyflo + + + + + + + + \ No newline at end of file