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

Livraison :

+
+

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:

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

Valider:

- + +
+ + + + + + + + + + + + + + + + +
Accès rapide
AccueilNos Promotions
Nos ProduitsVotre panier
+

Nos réseaux sociaux :

+ + + + + + + +
+ + + + + + + +
+ +
diff --git a/Assets/Pages/Autres/contact.html b/Assets/Pages/Autres/contact.html deleted file mode 100644 index 2c43e04..0000000 --- a/Assets/Pages/Autres/contact.html +++ /dev/null @@ -1,89 +0,0 @@ - - - - - - - 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 deleted file mode 100644 index 740a492..0000000 --- a/Assets/Pages/Autres/nous.html +++ /dev/null @@ -1,95 +0,0 @@ - - - - - - - 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 768a626..f80652a 100644 --- a/Assets/css.css +++ b/Assets/css.css @@ -5,9 +5,7 @@ body{ margin: 0; font-family: Arial, Helvetica, sans-serif; - background-image: url("Images/bg.jpg"); - background-attachment: fixed; - background-repeat: no-repeat; + background: linear-gradient(to left, rgb(4, 64, 141), rgb(70, 1, 87)); } @@ -224,7 +222,7 @@ div#slider figure { .title{ padding: 5vw 1vw; - background-color: rgba(255, 255, 255, 0.548); + background-color: rgba(255, 255, 255, 0.377); } .title>h1{ @@ -255,7 +253,7 @@ div#slider figure { } .top{ - padding: 5vw 1vw; + padding: 3vw 1vw; } .top>h1{ @@ -310,3 +308,177 @@ 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 931f1df..e96b4b8 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 ba5aca6..f57a69d 100644 --- a/index.html +++ b/index.html @@ -20,8 +20,8 @@ @@ -40,17 +40,19 @@
-
-

Tous nos produits :

-
- -
-

Nao

-
Rutpure de stock

Valkyrie

-

Pepper

-
Rupture de stock

Soldat

-
N°1 des ventes

R2D2

-

Terminator

+
+
+

Tous nos produits :

+
+ +
+

Nao

+
Rutpure de stock

Valkyrie

+

Pepper

+
Rupture de stock

Soldat

+
N°1 des ventes

R2D2

+

Terminator

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

































+ +
+
+

Nous contacter :

+
+ +
+
+

Nom et Prénom :

+ + +

Email :

+ + +

Question :

+ + +

Valider:

+ +
+
+
+ +
+ + + + + + + + + + + + + + + + +
Accès rapide
AccueilNos Promotions
Nos ProduitsVotre panier
+

Nos réseaux sociaux :

+ + + + + + + +
+ + + + + + + +
+ +