feat: sections for the dates

2 files changed, 22 insertions, 0 deletions

diff --git a/dates.html b/dates.html
index 8392ce0..ee1e719 100644
--- a/dates.html
+++ b/dates.html
@@ -12,6 +12,7 @@
       <a href="#">Nos dates</a>
     </nav>
 		<div class="content">
+		    <h2>Passées :</h2>
 			<div class="date">
 				<p class="date-desc">Rencontres musicales</p>
 				<div>
@@ -19,6 +20,14 @@
           <p>19 août 2023<br>Entrée libre</p>
 				</div>
 			</div>
+		    <h2>A venir :</h2>
+			<div class="date">
+			    <p class="date-desc">Big Teuf<br>--<br>Ecole de musique de Charly</p>
+				<div>
+					<hr>
+          <p>22 juin 2024<br>Entrée libre</p>
+				</div>
+			</div>
 		</div>
 	</body>
 </html>
diff --git a/style.css b/style.css
index 3172af1..d994518 100644
--- a/style.css
+++ b/style.css
@@ -48,6 +48,15 @@ nav a:hover{
 	color: #ffffff;
 }
 
+.content h2 {
+    width: fit-content;
+    margin: auto;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    background-color: #222b;
+    box-shadow: 0px 0px 5px 5px #222b;
+}
+
 .button{
 	margin-top: 5px;
 	margin-right: auto;
@@ -133,6 +142,10 @@ div.zikos:nth-child(even) .desc{
 	align-items: center;
 }
 
+.date-desc {
+    text-align: left;
+}
+
 .return{
 	margin: auto;
 	border-width: 3px;