Guusvanmeerveld
/
First-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

20-11 #1

Browse Source
add-license-1
Guuq 5 years ago
parent 81429d4700
commit 42645d6065
4 changed files with 88 additions and 5 deletions
Show Stats Download Patch File Download Diff File

39
contact/css.css
Unescape View File

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

42
contact/index.html
Unescape View File

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

10
css.css
Unescape View File

@ -56,10 +56,12 @@ footer li {
margin-top: 1rem; margin-top: 1rem;
} }
footer p { footer p {
position: absolute;
font-size: 13px; font-size: 13px;
bottom: -19rem; position: absolute;
left: 1rem; margin: 0;
bottom: -20rem;
right: 1rem;
white-space: nowrap;
} }
/* Mobile support */ /* Mobile support */
@viewport { @viewport {
@ -86,6 +88,6 @@ footer p {
margin: 3rem 0 1rem 4rem!important; margin: 3rem 0 1rem 4rem!important;
} }
footer p { footer p {
bottom: -10rem!important; bottom: -12rem!important;
} }
} }

2
index.html
Unescape View File

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