diff --git a/contact/css.css b/contact/css.css
new file mode 100644
index 0000000..6e0bb7a
--- /dev/null
+++ b/contact/css.css
@@ -0,0 +1,39 @@
+#main {
+ background-color: #17171b;
+ width: 100%;
+ position: absolute;
+ height: 70vh;
+}
+#main h1 {
+ margin: 8rem 0 0 15rem;
+ font-size: 6rem;
+}
+#main i {
+ position: absolute;
+ top: 8rem;
+ font-size: 20rem;
+ right: 20rem;
+}
+#info {
+ background-color: #121215;
+ height: 30vh;
+ position: absolute;
+ width: 100%;
+ top: 70vh;
+}
+#info h2 {
+ top: 4rem;
+ left: 10rem;
+ position: absolute;
+ margin: 0;
+}
+#info ul {
+ list-style-type: none;
+ display: inline-block;
+ margin: 10rem 0 0 10rem;
+ padding: 0;
+ font-family: 'Open Sans'
+}
+#info h4 {
+ color: gray;
+}
diff --git a/contact/index.html b/contact/index.html
new file mode 100644
index 0000000..34d45f1
--- /dev/null
+++ b/contact/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact
+
+
+
+
+
+ Neem contact met mij op
+
+ TELEFOON
- +06 123 456 78
+
+
+ EMAIL
- example@email.com
+
+
+ LOCATIE
- Niemandsland
+
+
+
+
+
+
+
+
+
diff --git a/css.css b/css.css
index 7e533f9..3d78374 100644
--- a/css.css
+++ b/css.css
@@ -56,10 +56,12 @@ footer li {
margin-top: 1rem;
}
footer p {
- position: absolute;
font-size: 13px;
- bottom: -19rem;
- left: 1rem;
+ position: absolute;
+ margin: 0;
+ bottom: -20rem;
+ right: 1rem;
+ white-space: nowrap;
}
/* Mobile support */
@viewport {
@@ -86,6 +88,6 @@ footer p {
margin: 3rem 0 1rem 4rem!important;
}
footer p {
- bottom: -10rem!important;
+ bottom: -12rem!important;
}
}
diff --git a/index.html b/index.html
index 3b44e60..ece228c 100644
--- a/index.html
+++ b/index.html
@@ -72,7 +72,6 @@