From 7951e2b1e56b71b02228c780a59752aa085d0ade Mon Sep 17 00:00:00 2001 From: FiliusPatris Date: Sat, 27 Mar 2021 16:06:02 +0100 Subject: [PATCH] Move hero and introduction into welcome The styling is a bit less big and bold. --- index.html | 28 +++++++++++----------------- styles/index.css | 1 + styles/welcome.css | 32 ++++++++++++++++++++++++++++++++ 3 files changed, 44 insertions(+), 17 deletions(-) create mode 100644 styles/welcome.css diff --git a/index.html b/index.html index 915b6bc..76dc5d8 100644 --- a/index.html +++ b/index.html @@ -8,25 +8,19 @@ -
-
-

/dev.space

-

- The digital hackerspace -

-
-
-
-
-

- /dev.space is a platform providing online services for - developers to collectively learn and grow. +
+
+

+ /dev.space

-

- Whether you're freshly starting out, or you are just looking - to connect with likeminded people. We help you turn your - project ideas into reality. +

+ Where developers can collectively learn an grow.

+

+ Whether you're freshly starting out, or you are just looking + to connect with likeminded people. Our suite of online services + help you turn your project ideas into reality. +

diff --git a/styles/index.css b/styles/index.css index 62ffa3e..c15af23 100644 --- a/styles/index.css +++ b/styles/index.css @@ -4,6 +4,7 @@ /* Components */ @import url("./hero.css"); @import url("./introduction.css"); +@import url("./welcome.css"); @import url("./services.css"); body { diff --git a/styles/welcome.css b/styles/welcome.css new file mode 100644 index 0000000..968d1ed --- /dev/null +++ b/styles/welcome.css @@ -0,0 +1,32 @@ +.welcome { + align-items: center; + display: flex; + justify-content: center; + font-family: "Work Sans", sans-serif; +} + +.welcome__container { + margin-top: 8vh; + text-align: center; +} + +.welcome__text-area__heading { + font-size: 5rem; + margin: 1rem; + text-align: center; +} + +.welcome__text-area__subheading { + font-size: 2rem; + text-align: center; + margin-top: 0; + margin-bottom: 2em; +} + +.welcome__text-area__description { + font-size: 1.5rem; + /* font-weight: 350; */ /* Can't try out, I don't have multiple weights installed. */ + text-align: center; + margin-left: 12vw; + margin-right: 12vw; +} \ No newline at end of file