diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2023-06-28 17:29:53 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2023-06-28 17:29:53 +0200 |
| commit | 230199374980643768e2a25b11db7e7e771ab38a (patch) | |
| tree | 875338b1ada69c57d363492d954f9dd235fcb48f | |
init: initial commit
| -rw-r--r-- | index.html | 17 | ||||
| -rw-r--r-- | membres.html | 21 | ||||
| -rw-r--r-- | style.css | 29 |
3 files changed, 67 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..088b47c --- /dev/null +++ b/index.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html> + <head> + <title>Les Running Gags</title> + <link rel="stylesheet" type="text/css" href="style.css" /> + <meta charset="utf-8" /> + </head> + <body class="index"> + <h2>Bienvenue sur le site des Running Gags !</h2> + <a class="button" href="membres.html"> + <h3>Membres du groupe</h3> + </a> + <a class="button" href="dates.html"> + <h3>Nos dates</h3> + </a> + </body> +</html> diff --git a/membres.html b/membres.html new file mode 100644 index 0000000..2a8c876 --- /dev/null +++ b/membres.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html> + <head> + <title>Les Running Gags - Membres</title> + <link rel="stylesheet" type="text/css" href="style.css" /> + <meta content="text/html; charset=utf-8" http-equiv="content-type" /> + </head> + <body> + <div class="content"> + <h1>Membres du groupe</h1> + <ul> + <li><div class="zikos">Camille</div></li> + <li><div class="zikos">Thomas</div></li> + <li><div class="zikos">Martial</div></li> + <li><div class="zikos">Victor</div></li> + <li><div class="zikos">Lucas</div></li> + </ul> + </div> + </body> +</html> + diff --git a/style.css b/style.css new file mode 100644 index 0000000..c69935f --- /dev/null +++ b/style.css @@ -0,0 +1,29 @@ +body{ + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; +} + +body.index{ + height: 97vh; +} + +.content{ + margin: auto; +} + +ul{ + list-style-type: none; + margin: 0; + padding: 0; +} + +a{ + text-decoration: none; + color: inherit; +} + +.zikos{ + text-align: left; +} |