diff --git a/Assets/Images/Icones/arrow.png b/Assets/Images/Icones/arrow.png new file mode 100644 index 0000000..aa1b3a7 Binary files /dev/null and b/Assets/Images/Icones/arrow.png differ diff --git a/Assets/Images/Icones/cart.png b/Assets/Images/Icones/cart.png new file mode 100644 index 0000000..0c2199f Binary files /dev/null and b/Assets/Images/Icones/cart.png differ diff --git a/Assets/Images/Produits/Thumbs.db b/Assets/Images/Produits/Thumbs.db index 49f2fe4..d2f8a6e 100644 Binary files a/Assets/Images/Produits/Thumbs.db and b/Assets/Images/Produits/Thumbs.db differ diff --git a/Assets/Images/bg2.jpg b/Assets/Images/bg2.jpg deleted file mode 100644 index 53be1b6..0000000 Binary files a/Assets/Images/bg2.jpg and /dev/null differ diff --git a/Assets/Images/smart-watch-889639_1280.png b/Assets/Images/smart-watch-889639_1280.png deleted file mode 100644 index 7b8c09f..0000000 Binary files a/Assets/Images/smart-watch-889639_1280.png and /dev/null differ diff --git a/Assets/Pages/Autres/checkout.html b/Assets/Pages/Autres/checkout.html index cf46b40..6b49e0d 100644 --- a/Assets/Pages/Autres/checkout.html +++ b/Assets/Pages/Autres/checkout.html @@ -13,105 +13,93 @@ -
- - - - -
+ + + + +
+ + + + + + + + + + + + + + + + + + + +
Nom ProduitQuantitéPrix
R2D2500 €
Nao5 000€
TOTAL : 6 000€
-
-

Votre panier :

-
-
- - - - - - - - - - - - - - - - - - - -
Nom ProduitQuantitéPrix
R2D2500 €
Nao5 000€
TOTAL : 6 000€
-
- -
-

Livraison :

-
-

Coordonnées de livraison :

- - - - - - - - - - -
Nom et prénom :Ville :
Adresse ligne 1 :Code postal :
Adresse ligne 2 :Numéro de téléphone :
-

Valider:

+

Nom et prénom :

+ + +

Adresse ligne 1 :

+ + +

Adresse ligne 2 :

+ + +

Ville :

+ + +

État / Région / Canton :

+ + +

Code postal :

+ + +

Numéro de téléphone :

+ + +

Valider:

- - + diff --git a/Assets/Pages/Autres/contact.html b/Assets/Pages/Autres/contact.html new file mode 100644 index 0000000..2c43e04 --- /dev/null +++ b/Assets/Pages/Autres/contact.html @@ -0,0 +1,89 @@ + + + + + + + Kyflo + + + + + + + + + + + +
+

Nous contacter :

+
+

Nom et Prénom :

+ + +

Email :

+ + +

Question :

+ + +

Valider:

+ +
+

Nos réseaux sociaux :

+ + + + + + + +
+ + + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/Assets/Pages/Autres/nous.html b/Assets/Pages/Autres/nous.html new file mode 100644 index 0000000..740a492 --- /dev/null +++ b/Assets/Pages/Autres/nous.html @@ -0,0 +1,95 @@ + + + + + + + Kyflo + + + + + + + + + + + +
+

Qui sommes-nous ?

+

L'équipe :

+ + + + + +
+

Nos engagements :

+ +

Nos réseaux sociaux :

+ + + + + + + +
+ + + + + + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/Assets/css.css b/Assets/css.css index f80652a..768a626 100644 --- a/Assets/css.css +++ b/Assets/css.css @@ -5,7 +5,9 @@ body{ margin: 0; font-family: Arial, Helvetica, sans-serif; - background: linear-gradient(to left, rgb(4, 64, 141), rgb(70, 1, 87)); + background-image: url("Images/bg.jpg"); + background-attachment: fixed; + background-repeat: no-repeat; } @@ -222,7 +224,7 @@ div#slider figure { .title{ padding: 5vw 1vw; - background-color: rgba(255, 255, 255, 0.377); + background-color: rgba(255, 255, 255, 0.548); } .title>h1{ @@ -253,7 +255,7 @@ div#slider figure { } .top{ - padding: 3vw 1vw; + padding: 5vw 1vw; } .top>h1{ @@ -308,177 +310,3 @@ div#slider figure { #nous ul { list-style-type: none; } - -/* CONTACT */ -#contact input{ - width: 30%; - display: block; - margin: auto; - font-size: 20px; - background-color: transparent; - border: none; - border-bottom: 0.2vw solid grey; - padding: 0.5vw; -} - -#contact input:focus{ - background-color: rgba(0,0,0,0.1); - border-bottom : 0.2vw solid rgb(16, 133, 172); - transition-duration: 0.3s; -} - -#contact input:valid{ - border-bottom : 0.2vw solid rgb(24, 216, 40); - transition-duration: 0.3s; -} - -#contact input[type=submit]{ - border: 0.2vw solid grey; - width: 10%; -} - -#contact input[type=submit]:hover{ - background-color: grey; - color: white; - transition-duration: 0.3s; -} - -#contact h2{ - text-align: center; -} - -/* FOOTER */ -.footer { - background-color: #ddd; - width: 100%; - margin-top: 5%; - padding: 1vw; -} - -.footer table{ - width: 100%; -} - -.footer tr{ - line-height: 10vh; -} - -.footer th{ - text-align: left; - font-size: 40px; - border-bottom: 0.2vw solid grey; -} - -.footer td{ - font-size: 30px; - color: grey; -} - -.footer h1{ - text-align: center; - font-size: 40px; - margin-bottom: 5vh; -} - -.footer table#reseaux img{ - width: 20%; - display: block; - margin: auto; -} - -table#basket{ - background-color: rgba(255, 255, 255, 0.5); - text-align: center; - width: 100%; - border: 0.2vw solid rgb(0, 0, 0); - border-collapse: collapse; -} - -table#basket th{ - border: 0.1vw solid grey; - font-size: 30px; -} - -table#basket tr{ - line-height: 5vh; - font-size: 20px; - -} - -table#basket td{ - border: 0.1vw solid grey; -} - -table#basket td#total{ - text-align: right; - font-size: 30px; - color: black; - padding-right: 2vw; -} - -table#basket input{ - text-align: center; - font-size: 20px; - width: 10%; - padding: 0.3vw; -} - -/*LIVRAISON*/ - -#livraison table{ - width: 100%; -} - -#livraison input{ - width: 50%; - display: block; - margin: auto; - font-size: 20px; - background-color: transparent; - border: none; - border-bottom: 0.2vw solid grey; - padding: 0.5vw; - margin-top: 0.5vh; - margin-bottom: 1.5vh; -} - -#livraison h1{ - text-align: left; - font-size: 30px; -} - -#livraison td{ - font-size: 20px; - color: rgb(0, 0, 0); - text-align: center; -} - -#livraison h2{ - font-size: 20px; - text-align : center; - margin-top: 3vh; -} - -#livraison input:focus{ - background-color: rgba(0,0,0,0.1); - border-bottom : 0.2vw solid rgb(16, 133, 172); - transition-duration: 0.3s; -} - -#livraison input:valid{ - border-bottom : 0.2vw solid rgb(24, 216, 40); - transition-duration: 0.3s; -} - -#livraison input[type=submit]{ - border: 0.2vw solid grey; - width: 10%; - display: block; - margin: auto; -} - -#livraison input[type=submit]:hover{ - background-color: grey; - color: white; - transition-duration: 0.3s; -} \ No newline at end of file diff --git a/Assets/resp.css b/Assets/resp.css index e96b4b8..931f1df 100644 --- a/Assets/resp.css +++ b/Assets/resp.css @@ -1,5 +1,5 @@ @media (min-width:750px){ - /*NAVBAR*/ + /* NAVBAR */ .header{ position: fixed; } @@ -26,7 +26,7 @@ border-bottom: 0.1vw solid grey; margin-top: 6%; } - + /*============================================*/ diff --git a/index.html b/index.html index f57a69d..ba5aca6 100644 --- a/index.html +++ b/index.html @@ -20,8 +20,8 @@ @@ -40,19 +40,17 @@
-
-
-

Tous nos produits :

-
- -
- -
Rutpure de stock

Valkyrie

- -
Rupture de stock

Soldat

-
N°1 des ventes

R2D2

- -
+
+

Tous nos produits :

+
+ +
+ +
Rutpure de stock

Valkyrie

+ +
Rupture de stock

Soldat

+
N°1 des ventes

R2D2

+
@@ -73,66 +71,7 @@
- -
-
-

Nous contacter :

-
- -
-
-

Nom et Prénom :

- - -

Email :

- - -

Question :

- - -

Valider:

- -
-
-
- - +