From fb440aff2873189fea8d8a84eb84c9e9912a7156 Mon Sep 17 00:00:00 2001
From: E214194U <E214194U@univ-nantes.fr>
Date: Mon, 21 Mar 2022 12:04:31 +0100
Subject: [PATCH] fin
---
Web/Margotte/css_js/style.css | 23 +++++++++++++++++------
Web/Margotte/index.html | 16 ++++++++++++----
"Web/Margotte/page/cr\303\251ation.html" | 13 ++++++++++++-
3 files changed, 41 insertions(+), 11 deletions(-)
diff --git a/Web/Margotte/css_js/style.css b/Web/Margotte/css_js/style.css
index 75eb51b..638f48f 100644
--- a/Web/Margotte/css_js/style.css
+++ b/Web/Margotte/css_js/style.css
@@ -189,16 +189,27 @@ div#slider figure img { width: 20%; height: auto; float: left; }
color: var(--col3);
}
.soustitre{
- margin: 100px 250px;
- margin-top: 0px;
+ margin: 0px 250px;
display: flex;
color: var(--col3);
}
.allboxmain{
margin: 100px;
- margin-top: 0px;
display: flex;
- height: 2000px;
- width: 1400px;
- border: 2px dashed red;
+ width: 1200px;
+ max-height: 1000px;
+ flex-direction: column;
+ flex-wrap: wrap;
+}
+.boximg{
+ width: 600px;
+ height: 200px;
+ background-color: whitesmoke;
+ transition: 0.3s;
+}
+.boximg:hover{
+ transform: scale(1.1);
+ box-shadow: 2px 2px 10px rgb(0, 0, 0);
+ z-index: 3600;
+ transition: 0.3s;
}
\ No newline at end of file
diff --git a/Web/Margotte/index.html b/Web/Margotte/index.html
index 9d92d7d..4d61577 100644
--- a/Web/Margotte/index.html
+++ b/Web/Margotte/index.html
@@ -43,17 +43,25 @@
</div>
<div class="real">
- <div class="titre"><p class="PFD f30">Chausette</p></div>
+ <div class="titre"><p class="PFD f30">Chaussette</p></div>
<div class="soustitre"><p class="DDIN f25">Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Praesentium magni minus,
labore dolores iusto dignissimos fuga autem neque tempore
adipisci commodi, error unde laboriosam dicta, esse id
vitae optio dolor.</p>
</div>
- <!--
<div class="allboxmain">
- </div>
- -->
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ </div>
</div>
<div class="footer">
diff --git "a/Web/Margotte/page/cr\303\251ation.html" "b/Web/Margotte/page/cr\303\251ation.html"
index 2c8d27d..7b86340 100644
--- "a/Web/Margotte/page/cr\303\251ation.html"
+++ "b/Web/Margotte/page/cr\303\251ation.html"
@@ -33,7 +33,18 @@
</div>
<div class="real">
- créa
+ <div class="allboxmain">
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ <a class="boximg"></a>
+ </div>
</div>
<div class="footer">
--
GitLab