add-license-1
Guuq 5 years ago
parent 81429d4700
commit 42645d6065

@ -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;
}

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/resources/css/cssall.css">
<link rel="stylesheet" href="/resources/css/navbar.css">
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/contact/css.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>Contact</title>
</head>
<body>
<section id="main">
<h1>Contact opnemen?</h1>
<i class="fas fa-address-card fa-10x"></i>
</section>
<section id="info">
<h2>Neem contact met mij op</h2>
<ul>
<li><h4>TELEFOON</h4></li>
<li>+06 123 456 78</li>
</ul>
<ul>
<li><h4>EMAIL</h4></li>
<li>example@email.com</li>
</ul>
<ul>
<li><h4>LOCATIE</h4></li>
<li>Niemandsland</li>
</ul>
</section>
<script src="/resources/js/navbar.json.js"></script>
<script src="/resources/js/insertNavbar.js"></script>
<script src="/resources/js/javall.js"></script>
</body>
</html>

@ -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;
}
}

@ -72,7 +72,6 @@
<!-- Footer -->
<footer>
<p>&#169; 2019 Guus van Meerveld</p>
<!-- Info -->
<div>
<h4>LINKS</h4>
@ -98,6 +97,7 @@
<li><a href="https://cloudflare.com">Cloudflare</a></li>
</ul>
</div>
<p>&#169; 2019 Guus van Meerveld</p>
</footer>