From 2902266a616b2f6c5fd91e1cf1efbb0703e95f10 Mon Sep 17 00:00:00 2001 From: "remi.arnal" Date: Tue, 31 Jan 2023 21:32:40 +0100 Subject: [PATCH] start home page --- index.html | 42 ++++++++++++++++++++++++ styles/style.css | 83 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 125 insertions(+) create mode 100644 index.html create mode 100644 styles/style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..6fb82de --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + + + HyperSet + + + + +
+ +
+ +
+
+

HyperSet

+ Find all the Sets ! + +
+ +
+ +
+ Connected players: 1345 + Total Played Games: 1,455,896 +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..46b036a --- /dev/null +++ b/styles/style.css @@ -0,0 +1,83 @@ +:root { + --font : Helvetica; +} + +* { + padding: 0; + margin: 0; + border: 0; + font-family: var(--font); +} + +/* Nav Bar */ + +#nav-bar { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + height: 7vh; + list-style-type: none; + background-color: black; +} + +#nav-bar li a { + font-size: 2rem; + font-weight: bold; + font-family: var(--font); + text-decoration: none; + color: white; + border: none; + padding: 0.7rem; + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +/* Main */ + +#master { + display: flex; + flex-direction: row; +} + +.column { + display: flex; + flex-direction: column; + height: calc(100vh - 7vh - 6em); +} + +#left { + background-color: red; + width: 60%; + padding: 3em; +} + +#right { + background-color: blue; + width: 40%; + padding: 3em; +} + +h1 { + color: black; + font-size: 5em; + font-weight: bold; +} + +#slogan { + margin-top: 1em; + margin-bottom: 1.5em; + color: black; + font-size: 2em; +} + +#random-set { + height: 40vh; + background-color: green; +} + +#info { + display: flex; + flex-direction: column; + margin-top: 4em; +} \ No newline at end of file