diff options
| -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; +} |