Updat to contact page

add-license-1
Guuq 5 years ago
parent 98c07cb170
commit 7ace37bb3c

@ -19,7 +19,7 @@
font-family: 'Open Sans'; font-family: 'Open Sans';
} }
div { div {
background-color: #27282e; background-color: #212126;
height: 100%; height: 100%;
padding: 10%; padding: 10%;
position: absolute; position: absolute;

@ -19,7 +19,7 @@
font-family: 'Open Sans'; font-family: 'Open Sans';
} }
div { div {
background-color: #27282e; background-color: #212126;
height: 100%; height: 100%;
padding: 10%; padding: 10%;
position: absolute; position: absolute;

@ -1,39 +1,43 @@
#main { .main {
background-color: #17171b; background-color: #212126;
width: 100%; width: 100%;
position: absolute; position: absolute;
height: 70vh; height: 100vh;
} }
#main h1 { .main h1 {
margin: 8rem 0 0 15rem; text-align: center;
font-size: 6rem; font-size: 6rem;
margin-top: 5%;
} }
#main i { .form {
position: absolute; margin: auto;
top: 8rem; width: auto;
font-size: 20rem;
right: 20rem;
} }
#info { .info {
background-color: #121215; background-color: #18181b;
height: 30vh; box-shadow: 0 -1px 6px 1px hsla(0, 0%, 0%, 0.8);
position: absolute; position: absolute;
bottom: 0;
width: 100%; width: 100%;
top: 70vh;
} }
#info h2 { .info h2 {
top: 4rem;
left: 10rem;
position: absolute;
margin: 0; margin: 0;
margin-top: 4rem;
margin-left: 10%;
} }
#info ul { .info ul {
list-style-type: none; list-style-type: none;
display: inline-block; display: inline-block;
margin: 10rem 0 0 10rem; margin: 3.5rem 0 3rem 10%;
padding: 0; padding: 0;
font-family: 'Open Sans' font-family: 'Open Sans'
} }
#info h4 { .info h4 {
color: gray; color: gray;
} }
@media screen and (min-width:0px) and (max-width:1000px) {
.main h1 {
font-size: 4rem!important;
margin-top: 15%!important;
}
}

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

@ -5,6 +5,7 @@
width: 100%; width: 100%;
background-color: #212126; background-color: #212126;
z-index: 3; z-index: 3;
box-shadow: 0 1px 6px 1px hsla(0, 0%, 0%, 0.4);
} }
.navigation .fas { .navigation .fas {
margin-left: .5rem; margin-left: .5rem;