chgt
This commit is contained in:
parent
d87f0df5e4
commit
45a37a013f
6 changed files with 16 additions and 40 deletions
|
@ -18,7 +18,7 @@
|
||||||
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
||||||
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
||||||
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
||||||
<a id="go" href="search_result.html">GO</a>
|
<a id="go" href="../Autres/search_result.html">GO</a>
|
||||||
<input type="text" placeholder="Rechercher sur tout le site...">
|
<input type="text" placeholder="Rechercher sur tout le site...">
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
@ -107,17 +107,14 @@
|
||||||
<tr>
|
<tr>
|
||||||
<th>Accès rapide</th>
|
<th>Accès rapide</th>
|
||||||
<th id="line"></th>
|
<th id="line"></th>
|
||||||
<th>Une question ?</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html">Accueil</a></td>
|
<td><a href="../../../index.html">Accueil</a></td>
|
||||||
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
||||||
<td></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
||||||
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
||||||
<td id="contact"><button onclick="window.location.href='../Autres/contact.html'" id="contactB">Nous contacter</button></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
||||||
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
||||||
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
||||||
<a id="go" href="search_result.html">GO</a>
|
<a id="go" href="../Autres/search_result.html">GO</a>
|
||||||
<input type="text" placeholder="Rechercher sur tout le site...">
|
<input type="text" placeholder="Rechercher sur tout le site...">
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
@ -107,17 +107,14 @@
|
||||||
<tr>
|
<tr>
|
||||||
<th>Accès rapide</th>
|
<th>Accès rapide</th>
|
||||||
<th id="line"></th>
|
<th id="line"></th>
|
||||||
<th>Une question ?</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html">Accueil</a></td>
|
<td><a href="../../../index.html">Accueil</a></td>
|
||||||
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
||||||
<td></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
||||||
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
||||||
<td id="contact"><button onclick="window.location.href='../Autres/contact.html'" id="contactB">Nous contacter</button></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
||||||
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
||||||
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
||||||
<a id="go" href="search_result.html">GO</a>
|
<a id="go" href="../Autres/search_result.html">GO</a>
|
||||||
<input type="text" placeholder="Rechercher sur tout le site...">
|
<input type="text" placeholder="Rechercher sur tout le site...">
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
@ -101,17 +101,14 @@
|
||||||
<tr>
|
<tr>
|
||||||
<th>Accès rapide</th>
|
<th>Accès rapide</th>
|
||||||
<th id="line"></th>
|
<th id="line"></th>
|
||||||
<th>Une question ?</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html">Accueil</a></td>
|
<td><a href="../../../index.html">Accueil</a></td>
|
||||||
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
||||||
<td></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
||||||
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
||||||
<td id="contact"><button onclick="window.location.href='../Autres/contact.html'" id="contactB">Nous contacter</button></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
<a class="raccourci" href="../../../index.html#nous">A propos</a>
|
||||||
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
<a class="raccourci" id="borL" href="../../../index.html#contact">Contact</a>
|
||||||
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
<a id="panier" href="../Autres/checkout.html"><img src="../../Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
||||||
<a id="go" href="search_result.html">GO</a>
|
<a id="go" href="../Autres/search_result.html">GO</a>
|
||||||
<input type="text" placeholder="Rechercher sur tout le site...">
|
<input type="text" placeholder="Rechercher sur tout le site...">
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
@ -102,17 +102,14 @@
|
||||||
<tr>
|
<tr>
|
||||||
<th>Accès rapide</th>
|
<th>Accès rapide</th>
|
||||||
<th id="line"></th>
|
<th id="line"></th>
|
||||||
<th>Une question ?</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html">Accueil</a></td>
|
<td><a href="../../../index.html">Accueil</a></td>
|
||||||
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
<td><a href="../../../index.html#slider">Nos Promotions</a></td>
|
||||||
<td></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
<td><a href="../../../index.html#produits">Nos Produits</a></td>
|
||||||
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
<td><a href="../Autres/checkout.html">Votre panier</a></td>
|
||||||
<td id="contact"><button onclick="window.location.href='../Autres/contact.html'" id="contactB">Nous contacter</button></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
@ -10,6 +10,8 @@ body {
|
||||||
font-family: 'Roboto', sans-serif;
|
font-family: 'Roboto', sans-serif;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
background: linear-gradient(to left, rgb(10, 1, 92), rgb(0, 82, 50));
|
background: linear-gradient(to left, rgb(10, 1, 92), rgb(0, 82, 50));
|
||||||
|
animation: 2.5s fadein;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -22,13 +24,6 @@ img {
|
||||||
.content {
|
.content {
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
padding: 2vw;
|
padding: 2vw;
|
||||||
opacity: 1;
|
|
||||||
animation: 1s slider;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes content{
|
|
||||||
0%{height: 0%}
|
|
||||||
100%{height: 100%}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
@ -153,13 +148,16 @@ nav input[type=text] {
|
||||||
margin-top: 1.2vw;
|
margin-top: 1.2vw;
|
||||||
background-color: rgb(255, 255, 255);
|
background-color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes fadein{
|
||||||
|
0%{opacity: 0}
|
||||||
|
100%{opacity: 1}
|
||||||
|
}
|
||||||
/*================================================*/
|
/*================================================*/
|
||||||
|
|
||||||
/*TOP*/
|
/*TOP*/
|
||||||
div#bienvenue{
|
div#bienvenue{
|
||||||
padding: 4vw;
|
padding: 4vw;
|
||||||
animation: 1s right;
|
|
||||||
animation-fill-mode: forwards;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#bienvenue>h1 {
|
#bienvenue>h1 {
|
||||||
|
@ -168,11 +166,6 @@ div#bienvenue{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes right{
|
|
||||||
0% {margin-left: -150%}
|
|
||||||
100% {margin-left: 0%}
|
|
||||||
}
|
|
||||||
|
|
||||||
#bienvenue>h2 {
|
#bienvenue>h2 {
|
||||||
font-size: 2vw;
|
font-size: 2vw;
|
||||||
color: lightgrey;
|
color: lightgrey;
|
||||||
|
@ -187,12 +180,6 @@ div#slider {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1920px;
|
max-width: 1920px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
animation: 1s slider;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes slider{
|
|
||||||
0%{margin-top: 150%}
|
|
||||||
100%{margin-top: 0%}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div#slider figure {
|
div#slider figure {
|
||||||
|
@ -252,8 +239,6 @@ div#slider figure {
|
||||||
|
|
||||||
.title{
|
.title{
|
||||||
background-color: rgba(255, 255, 255, 0.4);
|
background-color: rgba(255, 255, 255, 0.4);
|
||||||
animation: 1s right;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
/*================================================*/
|
/*================================================*/
|
||||||
|
|
||||||
|
@ -373,7 +358,6 @@ div#nous .flex-container div#engagements{
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
margin-top: 8vw;
|
margin-top: 8vw;
|
||||||
bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer>div>table {
|
footer>div>table {
|
||||||
|
|
|
@ -1,6 +1,10 @@
|
||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
|
|
||||||
/*===========GENERAL===========*/
|
/*===========GENERAL===========*/
|
||||||
|
body{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
font-size: 3vw;
|
font-size: 3vw;
|
||||||
}
|
}
|
||||||
|
@ -127,7 +131,7 @@
|
||||||
|
|
||||||
#Carac>h2 {
|
#Carac>h2 {
|
||||||
font-size: 2.5vw;
|
font-size: 2.5vw;
|
||||||
color: lightgrey;
|
color: rgb(0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
Reference in a new issue