diff options
| author | marcellus <msimon_fr@hotmail.com> | 2023-07-31 16:08:19 +0200 |
|---|---|---|
| committer | marcellus <msimon_fr@hotmail.com> | 2023-07-31 16:08:19 +0200 |
| commit | eb642afd922cf1edd0dc977e1be49ee45c1d1a6f (patch) | |
| tree | 812191b9945ae1ba997520ac54185d58de2bf234 | |
| parent | c0a2450b43156b7e03f26de42159c47428808e90 (diff) | |
feat: navbar
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | membres.html | 7 | ||||
| -rw-r--r-- | style.css | 15 |
3 files changed, 22 insertions, 5 deletions
@@ -6,12 +6,9 @@ <meta charset="utf-8" /> </head> <body class="index"> - <h2>Bienvenue sur le site des Running Gags !</h2> + <h1>Bienvenue sur le site des Running Gags !</h1> <a class="button" href="membres.html"> - <div style="display: flex;"> <h3>Le groupe</h3> - <img src="https://momg.neocities.org/gifs/i-8483.gif" style="height: 25%;" > - </div> </a> <a class="button" href="dates.html"> <h3>Nos dates</h3> diff --git a/membres.html b/membres.html index cea632d..025715a 100644 --- a/membres.html +++ b/membres.html @@ -6,6 +6,12 @@ <meta content="text/html; charset=utf-8" http-equiv="content-type" /> </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> + </nav> <div class="content"> <h1>Membres du groupe</h1> <div class="zikos"> @@ -48,7 +54,6 @@ </div> </div> </div> - <a href="index.html" class="return"><img src="https://momg.neocities.org/gifs/i-47092.gif" ></a> </body> </html> @@ -13,6 +13,21 @@ body.index{ font-family: serif; } +nav{ + display: flex; + flex-direction: column; + justify-content: space-around; + position: fixed; + height: 100vh; + width: 9vw; + top:0; + left: 0; +} + +nav img{ + width: 100%; +} + .content{ padding: 5px; margin: auto; |