This commit is contained in:
Simon CATANESE 2022-12-19 16:57:58 +01:00
parent 8c13b40a99
commit f26c03e3de
2 changed files with 35 additions and 33 deletions

View File

@ -37,7 +37,7 @@ header{
z-index:2; z-index:2;
display: grid; display: grid;
grid-template-columns: 20vw, 60vw, 20vw; grid-template-columns: 10vw, 80vw, 10vw;
grid-template-rows: 5%, auto, 5%; grid-template-rows: 5%, auto, 5%;
grid-auto-rows: minmax(auto, auto); grid-auto-rows: minmax(auto, auto);
} }
@ -57,14 +57,16 @@ header{
grid-row-end: 2; grid-row-end: 2;
z-index:3; z-index:3;
background-color: green; background-color: green;
margin: 4%; margin-top: 4%;
padding-right: 4%;
} }
main{ main{
grid-column-start: 2; grid-column-start: 2;
grid-column-end: 2; grid-column-end: 3;
grid-row-start: 2; grid-row-start: 2;
grid-row-end: 2; grid-row-end: 2;
width: 100%; width: 97%;
background: rgba(255, 0, 0, 0.1); background: rgba(255, 0, 0, 0.1);
margin-left:1.5%; margin-left:1.5%;
margin-right:1.5%; margin-right:1.5%;

View File

@ -20,127 +20,124 @@
<div class="page"> <div class="page">
<div class=pubG> <div class=pubG>
<img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px"> <img src="" class=meme alt="" height="150px" width="150px">
</div>
<div class=pubD>
<img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px">
</div> </div>
<main> <main>
<section class=Liste> <section class=Liste>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramel7up.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="100%">
<p>Caramel 7up</p> <p>Caramel 7up</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelbeurresale.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Beurre Salé</p> <p>Caramel Beurre Salé</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelcocacola.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Coca-Cola</p> <p>Caramel Coca-Cola</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/carameldrpepper.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Dr Pepper</p> <p>Caramel Dr Pepper</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelfanta.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Fanta</p> <p>Caramel Fanta</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelmonster.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Monster</p> <p>Caramel Monster</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/carameloasis.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Cramel Oasis</p> <p>Cramel Oasis</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelorangina.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Orangina</p> <p>Caramel Orangina</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelpepsi.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Pepsi</p> <p>Caramel Pepsi</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/caramelredbull.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Redbull</p> <p>Caramel Redbull</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/caramelsprite.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Sprite</p> <p>Caramel Sprite</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/caramelswhepps.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Swhepps</p> <p>Caramel Swhepps</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/caramrelmountaindew.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Caramel Mountain Dew</p> <p>Caramel Mountain Dew</p>
<p>4,99 - En stock</p> <p>4,99 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/sirop7up.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop 7up</p> <p>Sirop 7up</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/siropcocacola.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Coca-Cola</p> <p>Sirop Coca-Cola</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/siropdrpepper.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop DrPepper</p> <p>Sirop DrPepper</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/siropfanta.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Fanta</p> <p>Sirop Fanta</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/siropmonster.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Monster</p> <p>Sirop Monster</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/siropmountaindew.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Mountain Dew</p> <p>Sirop Mountain Dew</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div><div class="Product"> </div><div class="Product">
<img src="../img/produits/siropoasis.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Oasis</p> <p>Sirop Oasis</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/siroporangina.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Orangina</p> <p>Sirop Orangina</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/siroppepsi.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Pepsi</p> <p>Sirop Pepsi</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/siropredbull.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Red Bull</p> <p>Sirop Red Bull</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/siropsprite.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Sprite</p> <p>Sirop Sprite</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
<div class="Product"> <div class="Product">
<img src="../img/produits/siropswhepps.jpg" alt="" height="500vw" width="500vw"> <img src="" class=meme alt="" height="500vw" width="500vw">
<p>Sirop Swhepps</p> <p>Sirop Swhepps</p>
<p>6,85 - En stock</p> <p>6,85 - En stock</p>
</div> </div>
@ -181,6 +178,9 @@
</div> </div>
</section> </section>
</main> </main>
<div class=pubD>
<img src="" class=meme alt="" height="150px" width="150px">
</div>
</div> </div>
<?php include("footer.php");?> <?php include("footer.php");?>
</body> </body>