1
0
Fork 0
This commit is contained in:
KEZEL BENOIT p1907091 2019-12-19 11:57:46 +01:00
parent d87f0df5e4
commit 45a37a013f
6 changed files with 16 additions and 40 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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 {

View file

@ -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);
} }
} }