diff options
| -rw-r--r-- | dates.html | 9 | ||||
| -rw-r--r-- | index.html | 1 | ||||
| -rw-r--r-- | style.css | 13 |
3 files changed, 23 insertions, 0 deletions
@@ -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> @@ -13,5 +13,6 @@ <a class="button" href="dates.html"> <h3>Nos dates</h3> </a> + <small style="position: absolute; bottom : 10px ; left : 50%; transform: translateX(-50%);">Fait avec ❤️ par <a href="https://marcelus.net">Martial</a></small> </body> </html> @@ -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; |