From 7ace37bb3cda31ab118a1697d6e36eec1d846224 Mon Sep 17 00:00:00 2001 From: Guuq <50501321+Guuq@users.noreply.github.com> Date: Sat, 30 Nov 2019 17:10:53 +0100 Subject: [PATCH] Updat to contact page --- 404.html | 2 +- 408.html | 2 +- contact/css.css | 46 ++++++++++++++++++++++------------------ contact/index.html | 19 +++++++++++------ resources/css/navbar.css | 1 + 5 files changed, 40 insertions(+), 30 deletions(-) diff --git a/404.html b/404.html index 3171fbf..ce2599c 100644 --- a/404.html +++ b/404.html @@ -19,7 +19,7 @@ font-family: 'Open Sans'; } div { - background-color: #27282e; + background-color: #212126; height: 100%; padding: 10%; position: absolute; diff --git a/408.html b/408.html index 323e0c1..f150564 100644 --- a/408.html +++ b/408.html @@ -19,7 +19,7 @@ font-family: 'Open Sans'; } div { - background-color: #27282e; + background-color: #212126; height: 100%; padding: 10%; position: absolute; diff --git a/contact/css.css b/contact/css.css index 6e0bb7a..8eaa63a 100644 --- a/contact/css.css +++ b/contact/css.css @@ -1,39 +1,43 @@ -#main { - background-color: #17171b; +.main { + background-color: #212126; width: 100%; position: absolute; - height: 70vh; + height: 100vh; } -#main h1 { - margin: 8rem 0 0 15rem; +.main h1 { + text-align: center; font-size: 6rem; + margin-top: 5%; } -#main i { - position: absolute; - top: 8rem; - font-size: 20rem; - right: 20rem; +.form { + margin: auto; + width: auto; } -#info { - background-color: #121215; - height: 30vh; +.info { + background-color: #18181b; + box-shadow: 0 -1px 6px 1px hsla(0, 0%, 0%, 0.8); position: absolute; + bottom: 0; width: 100%; - top: 70vh; } -#info h2 { - top: 4rem; - left: 10rem; - position: absolute; +.info h2 { margin: 0; + margin-top: 4rem; + margin-left: 10%; } -#info ul { +.info ul { list-style-type: none; display: inline-block; - margin: 10rem 0 0 10rem; + margin: 3.5rem 0 3rem 10%; padding: 0; font-family: 'Open Sans' } -#info h4 { +.info h4 { color: gray; } +@media screen and (min-width:0px) and (max-width:1000px) { + .main h1 { + font-size: 4rem!important; + margin-top: 15%!important; + } +} diff --git a/contact/index.html b/contact/index.html index 61718bd..f776be2 100644 --- a/contact/index.html +++ b/contact/index.html @@ -15,11 +15,16 @@ -
+

Contact opnemen?

-
-
-

Neem contact met mij op

+
+
+ +
+
+ +
+

Contact gegevens:

+ diff --git a/resources/css/navbar.css b/resources/css/navbar.css index 53f8144..103b5e3 100644 --- a/resources/css/navbar.css +++ b/resources/css/navbar.css @@ -5,6 +5,7 @@ width: 100%; background-color: #212126; z-index: 3; + box-shadow: 0 1px 6px 1px hsla(0, 0%, 0%, 0.4); } .navigation .fas { margin-left: .5rem;