This commit is contained in:
Simon CATANESE 2022-12-16 15:47:44 +01:00
parent 00420416c1
commit 8c13b40a99
4 changed files with 5 additions and 116 deletions

View File

@ -1,112 +0,0 @@
header{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(auto, 10);
width:100%;
text-align: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
background-color: lightsalmon;
}
.Titre {
grid-column-start:2;
grid-row-start:1;
width:80%;
margin:auto;
margin-top:2%;
z-index:2;
}
.rotate{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width:70%;
margin-top: -30%;
z-index:1;
animation: rotation 50s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.rotate2{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width:40%;
margin : auto;
margin-top: -15%;
z-index:1;
animation: rotation2 10s infinite linear;
}
@keyframes rotation2 {
from {
transform: rotate(359deg);
}
to {
transform: rotate(0deg);
}
}
.intro{
grid-column-start: 2;
grid-row-start : 2;
}
/*.navbar{
background-color: whitesmoke;
padding-bottom: 10px;
}
.navbar li{
list-style-type: none;
display: inline-block;
}*/
nav{
grid-column-start: 1;
grid-column-end: 4;
z-index:6;
}
.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
.navbar li {
float: left;
margin-left: 2.7%;
}
.navbar li #tab{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar li a:hover {
background-color: #111;
}
.login, .panier{
margin-left: -15px;
background-color: pink;
}
.navbar li #login, #panier{
padding-top: 16px;
}
.active {
background-color: darkred;
}
.active_icon {
background-color: darkred;
margin-left: -15px;
}

View File

@ -37,7 +37,7 @@ header{
z-index:2; z-index:2;
display: grid; display: grid;
grid-template-columns: auto, auto, auto; grid-template-columns: 20vw, 60vw, 20vw;
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,13 +57,14 @@ header{
grid-row-end: 2; grid-row-end: 2;
z-index:3; z-index:3;
background-color: green; background-color: green;
margin: 4%;
} }
main{ main{
grid-column-start: 2; grid-column-start: 2;
grid-column-end: 2; grid-column-end: 2;
grid-row-start: 2; grid-row-start: 2;
grid-row-end: 2; grid-row-end: 2;
width: 85%; width: 100%;
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

@ -6,7 +6,7 @@
<nav class="navbar"> <nav class="navbar">
<ul> <ul>
<li><a id="tab" href="../index.html">Accueil</a></li> <li><a id="tab" href="../index.html">Accueil</a></li>
<li><a class="active" id="tab" href="../Produits/cat_all.html">Tous les produits</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>
<li><a id="tab" href="../faq.html">F.A.Q</a></li> <li><a id="tab" href="../faq.html">F.A.Q</a></li>

View File

@ -23,7 +23,7 @@
<img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px"> <img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px">
</div> </div>
<div class=pubD> <div class=pubD>
<img src="../img/produits/caramel7up.jpg" alt="" height="90px" width="90px"> <img src="../img/produits/caramel7up.jpg" alt="" height="150px" width="150px">
</div> </div>
<main> <main>
<section class=Liste> <section class=Liste>