diff --git a/Assets/Images/Icones/Thumbs.db b/Assets/Images/Icones/Thumbs.db index 43145cc..a94f3a6 100644 Binary files a/Assets/Images/Icones/Thumbs.db and b/Assets/Images/Icones/Thumbs.db differ diff --git a/Assets/Images/Produits/Thumbs.db b/Assets/Images/Produits/Thumbs.db index d2f8a6e..eb3f712 100644 Binary files a/Assets/Images/Produits/Thumbs.db and b/Assets/Images/Produits/Thumbs.db differ diff --git a/Assets/Images/Produits/cat.png b/Assets/Images/Produits/cat.png new file mode 100644 index 0000000..1e3d06a Binary files /dev/null and b/Assets/Images/Produits/cat.png differ diff --git a/Assets/Images/Produits/jaune.png b/Assets/Images/Produits/jaune.png new file mode 100644 index 0000000..0ff342e Binary files /dev/null and b/Assets/Images/Produits/jaune.png differ diff --git a/Assets/Images/Produits/romeo.png b/Assets/Images/Produits/romeo.png new file mode 100644 index 0000000..004181e Binary files /dev/null and b/Assets/Images/Produits/romeo.png differ diff --git a/Assets/css.css b/Assets/css.css index 68c8083..a51b91e 100644 --- a/Assets/css.css +++ b/Assets/css.css @@ -8,7 +8,6 @@ a{ color: black; - text-decoration: none; } .header{ @@ -168,7 +167,7 @@ div#slider figure { } /*============================================*/ -/* TOUT NOS PRODUITS*/ + .flex-container { display: flex; flex-wrap: wrap; @@ -179,44 +178,21 @@ div#slider figure { .flex-container>div { box-shadow: 0.3vw 0.3vw 2px grey; - width: 40%; + width: 20%; margin: 1vw; text-align: center; font-size: 30px; } -.flex-container>div>a>img{ - width: 50%; +.flex-container>div>img{ + width: 85%; } -.flex-container>div>a>p{ +.flex-container>div>p{ font-size: 0px; } -.flex-container>div:hover a>p{ +.flex-container>div:hover p{ font-size: 40px; transition-duration: 0.2s; -} - -.content>h1{ - font-size: 60px; - text-align: center; -} - -.spec{ - text-align: left; - font-size: 20px; - background-color: rgba(255, 255, 255, 0.651); - color: black; - width: 50%; -} -.rupt{ - text-align: right; - float: right; - background-color: black; - color: white; - width : 58%; - font-size: 20px; -} - -/*============================================*/ \ No newline at end of file +} \ No newline at end of file diff --git a/Assets/resp.css b/Assets/resp.css index 08e42c8..00e22fd 100644 --- a/Assets/resp.css +++ b/Assets/resp.css @@ -1,5 +1,4 @@ @media (min-width:48em){ - /* NAVBAR */ .header li{ float: left; } @@ -17,17 +16,4 @@ .header .menu-icon{ display: none; } - - /*============================================*/ - - /* TOUT NOS PRODUITS*/ - .flex-container>div { - width: 20%; - margin: 1vw; - } - - .flex-container>div>a>img{ - width: 80%; - } - /*============================================*/ } diff --git a/index.html b/index.html index c86b7a7..b5fc444 100644 --- a/index.html +++ b/index.html @@ -34,14 +34,13 @@
-

Nos produits :

-

Nao

-
Rutpure de stock

Valkyrie

-

Pepper

-

Soldat

-
N°1 des ventes

R2D2

-

Terminator

+

Nao

+

Valkyrie

+

Soldat

+

R2D2

+

Pepper

+

Terminator