mise a jour
This commit is contained in:
parent
fd94ec9453
commit
eea1d4c7f9
@ -1,22 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
.Liste{
|
|
||||||
width:100%;
|
|
||||||
height:100vh;
|
|
||||||
overflow: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Product{
|
|
||||||
float:left;
|
|
||||||
margin : 5%;
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
.Product p, .Product h3{
|
|
||||||
margin-top: -5px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.meme{
|
|
||||||
width: inherit;
|
|
||||||
height: inherit;
|
|
||||||
max-height: inherit;
|
|
||||||
}
|
|
||||||
0
css/categories.css
Normal file → Executable file
0
css/categories.css
Normal file → Executable file
0
css/header.css
Normal file → Executable file
0
css/header.css
Normal file → Executable file
0
css/index.css
Normal file → Executable file
0
css/index.css
Normal file → Executable file
0
css/panier.css
Normal file → Executable file
0
css/panier.css
Normal file → Executable file
6
css/style.css
Normal file → Executable file
6
css/style.css
Normal file → Executable file
@ -1,3 +1,9 @@
|
|||||||
|
|
||||||
|
:root{
|
||||||
|
--meme-wsize: 50vw;
|
||||||
|
--meme-vsize: 26vw;
|
||||||
|
}
|
||||||
|
|
||||||
html{
|
html{
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
background:black;
|
background:black;
|
||||||
|
|||||||
4
header.php
Normal file → Executable file
4
header.php
Normal file → Executable file
@ -1,11 +1,11 @@
|
|||||||
<header>
|
<header>
|
||||||
<img class=rotate src="img/roue.png" alt="">
|
<img class=rotate src="img/roue.png" alt="">
|
||||||
<img class=rotate2 src="img/roue.png" alt="">
|
<img class=rotate2 src="img/roue.png" alt="">
|
||||||
<img class=Titre src="img/sodaramel.png" alt="Créé par Simon Catanese, propriété intellectuelle de Sodaramel®">
|
<img class=Titre src="img/Insuline.png" alt="Créé par Simon Catanese, propriété intellectuelle de Sodaramel®">
|
||||||
<p class="intro">Insuline, quand le caramel ne suffit plus !</p>
|
<p class="intro">Insuline, quand le caramel ne suffit plus !</p>
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a id="tab" href="../index.html">Accueil</a></li>
|
<li><a id="tab" href="index.php">Accueil</a></li>
|
||||||
<li><a class="active" id="tab" href="../Produits/cat_all.html">Tous les memes</a></li>
|
<li><a class="active" id="tab" href="../Produits/cat_all.html">Tous les memes</a></li>
|
||||||
<li><a id="tab" href="../Produits/categories.html">Catégories</a></li>
|
<li><a id="tab" href="../Produits/categories.html">Catégories</a></li>
|
||||||
<li><a id="tab" href="../newsletter.html">News Letter</a></li>
|
<li><a id="tab" href="../newsletter.html">News Letter</a></li>
|
||||||
|
|||||||
163
index.php
Normal file → Executable file
163
index.php
Normal file → Executable file
@ -17,170 +17,59 @@
|
|||||||
<body>
|
<body>
|
||||||
<?php include("header.php");?>
|
<?php include("header.php");?>
|
||||||
|
|
||||||
|
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class=pubG>
|
<a class=pubG href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
|
||||||
<img src="" class=meme alt="" height="150px" width="150px">
|
<img src="img/sodaramel.png" alt="" height="100px" width="100px" >
|
||||||
</div>
|
<h5>Une glycémie trop basse venez voir notre boutique de sodaramel</h5>
|
||||||
|
</a>
|
||||||
<main>
|
<main>
|
||||||
<section class=Liste>
|
<section class=Liste>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<p>Caramel 7up</p>
|
<img src="img/meme/bouton.jpg" class=meme height="500vw" width="100%">
|
||||||
<img src="" class=meme alt="" height="200vw" width="200vw">
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/DecouvreSodaraMeme.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Beurre Salé</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/insulit.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Coca-Cola</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Dr Pepper</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Fanta</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Monster</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Cramel Oasis</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/sodarameme.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Orangina</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/sodaramemev3.jpg" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Pepsi</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/SodaSupHaribo.png" class=meme height="500vw" width="500vw">
|
||||||
<p>Caramel Redbull</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Caramel Sprite</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Caramel Swhepps</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Caramel Mountain Dew</p>
|
|
||||||
<p>4,99 - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop 7up</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Coca-Cola</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop DrPepper</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Fanta</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Monster</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="Product">
|
<div class="Product">
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
<img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw">
|
||||||
<p>Sirop Mountain Dew</p>
|
</div>
|
||||||
<p>6,85€ - En stock</p>
|
<div class="Product">
|
||||||
|
<img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
|
||||||
|
</div>
|
||||||
|
<div class="Product">
|
||||||
|
<img src="img/meme/sodabaguette.jpg" class=meme height="500vw" width="500vw">
|
||||||
|
</div>
|
||||||
|
|
||||||
</div><div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Oasis</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Orangina</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Pepsi</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Red Bull</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Sprite</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="" class=meme alt="" height="500vw" width="500vw">
|
|
||||||
<p>Sirop Swhepps</p>
|
|
||||||
<p>6,85€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/packcocaoasis.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Pack Coca Oasis</p>
|
|
||||||
<p>24,99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/packcaramel.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Pack 5 paquet Caramel Coca</p>
|
|
||||||
<p>30,99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/packcocaoasis.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Pack 5 paquet Caramel Coca</p>
|
|
||||||
<p>30,99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/packcaramel.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Pack 5 paquet Caramel Coca</p>
|
|
||||||
<p>30,99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/discover.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Figurines Sodaramel pour embouts de crayons</p>
|
|
||||||
<p>0,99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/discover.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Peluche Samuel Caramel</p>
|
|
||||||
<p>8,99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
<div class="Product">
|
|
||||||
<img src="../img/produits/discover.png" alt="" height="500vw" width="500vw">
|
|
||||||
<p>Figurine Samuel Caramel</p>
|
|
||||||
<p>6.99€ - En stock</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<div class=pubD>
|
<a class=pubD href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
|
||||||
<img src="" class=meme alt="" height="150px" width="150px">
|
<img src="img/sodaramel.png" height="100px" width="100px" >
|
||||||
</div>
|
<h5>Une glycémie trop basse venez voir notre boutique de sodaramel</h5>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<?php include("footer.php");?>
|
<?php include("footer.php");?>
|
||||||
</body>
|
</body>
|
||||||
Loading…
Reference in New Issue
Block a user