Updat to contact page

5 years ago · 7ace37bb3c
parent 98c07cb170
commit 7ace37bb3c
5 changed files with 40 additions and 30 deletions
--- 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;
--- 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;
--- 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;
+  }
+}
--- a/contact/index.html
+++ b/contact/index.html
@ -15,11 +15,16 @@
 </head>

 <body>
-    <section id="main">
+    <div class="main">
        <h1>Contact opnemen?</h1>
-    </section>
-    <section id="info">
-        <h2>Neem contact met mij op</h2>
+        <div class="form">
+            <form action="">
+              <input type="text">
+            </form>
+        </div>
+    </div>
+    <div class="info">
+        <h2>Contact gegevens:</h2>
        <ul>
            <li>
                <h4>TELEFOON</h4></li>
@ -28,14 +33,14 @@
        <ul>
            <li>
                <h4>EMAIL</h4></li>
-            <li>example@email.com</li>
+            <li>616258@live.pantarijn.nl</li>
        </ul>
        <ul>
            <li>
                <h4>LOCATIE</h4></li>
-            <li>Niemandsland</li>
+            <li>Gelderland, Nederland</li>
        </ul>
-    </section>
+    </div>
    <script src="/resources/js/navbar.json.js"></script>
    <script src="/resources/js/insertNavbar.js"></script>
    <script src="/resources/js/javall.js"></script>
--- 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;