diff options
| -rw-r--r-- | dates.html | 14 | ||||
| -rw-r--r-- | membres.html | 7 | ||||
| -rw-r--r-- | style.css | 14 |
3 files changed, 21 insertions, 14 deletions
@@ -6,19 +6,17 @@ <link rel="stylesheet" type="text/css" href="./style.css" /> </head> <body> + <nav> + <a href="index.html">Retour</a> + <a href="membres.html">Le groupe</a> + <a href="#">Nos dates</a> + </nav> <div class="content"> <div class="date"> <p class="date-desc">Rencontres musicales</p> <div> <hr> - <p>--------<br>€€</p> - </div> - </div> - <div class="date"> - <p class="date-desc">Concert privé<br>St Martin Je Sais Plus Quoi</p> - <div> - <hr> - <p>28-08-23<br>Entrée privée</p> + <p>19 août 2023<br>Entrée libre</p> </div> </div> </div> diff --git a/membres.html b/membres.html index 025715a..621c819 100644 --- a/membres.html +++ b/membres.html @@ -7,10 +7,9 @@ </head> <body> <nav> - <a href="index.html">Retour<img src="https://momg.neocities.org/gifs/i-47092.gif" ></a> - <a href="#">Le groupe<img - src="https://momg.neocities.org/gifs/i-8483.gif"></a> - <a href="dates.html">Les dates<img src="https://momg.neocities.org/gifs/i-28896.gif"></a> + <a href="index.html">Retour</a> + <a href="#">Le groupe</a> + <a href="dates.html">Nos dates</a> </nav> <div class="content"> <h1>Membres du groupe</h1> @@ -1,3 +1,7 @@ +:root{ + --shadow-size: 8px; +} + body{ display: flex; background: url(img/bg.jpg) no-repeat fixed; @@ -24,8 +28,14 @@ nav{ left: 0; } -nav img{ - width: 100%; +nav a{ + text-shadow: 1px 1px var(--shadow-size) white, -1px -1px var(--shadow-size) white, -1px 1px var(--shadow-size) white, 1px -1px var(--shadow-size) white; + transition-property: var(--shadow-size); + transition-duration: 1s; +} + +nav a:hover{ + --shadow-size: 15px; } .content{ |