lermer.nl/index.html

115 lines
No EOL
3.8 KiB
HTML

<!DOCTYPE html>
<!--
.___ ___. ___ .___________. __ __ __ __ _______.
| \/ | / \ | || | | | | | | | / |
| \ / | / ^ \ `---| |----`| |__| | | | | | | (----`
| |\/| | / /_\ \ | | | __ | | | .--. | | \ \
| | | | / _____ \ | | | | | | | | | `--' | .----) |
|__| |__| /__/ \__\ |__| |__| |__| |__| \______/ |_______/
__ _______ .______ .___ ___. _______ .______
| | | ____|| _ \ | \/ | | ____|| _ \
| | | |__ | |_) | | \ / | | |__ | |_) |
| | | __| | / | |\/| | | __| | /
| `----.| |____ | |\ \----.| | | | | |____ | |\ \----.
|_______||_______|| _| `._____||__| |__| |_______|| _| `._____|
-->
<html lang="nl">
<head>
<title>LERMER</title>
<meta charset="UTF-8">
<!--- assets-->
<link rel="icon" href="assets/afb/favicon.png" type="image/png">
<link href="/assets/css/mrl.css" rel="stylesheet">
<link href="/assets/fontawesome/css/all.css" rel="stylesheet">
<!--- site-->
<meta name="viewport" content="width=device-width, initial-scale=1" >
</head>
<body>
<div id="page-container">
<div id="content-wrap">
<section id="sectie_kop">
<div class="container">
<header>
<logo>Lermer.nl</logo>
<!--<logo><a href="https://lermer.nl">&copy;LERMER</a></logo>-->
<nav id="main_menu_01">
<ul>
<li class="active"> <a href="/index.html">Welkom</a></Li>
<li> <a href="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf">Curriculum vitae</a></Li>
</ul>
</nav>
<a href='#' id="menuknopje" onclick="hamburgermenuknopje()" style="display: none;">
<i class="fas fa-bars"></i></a>
</header>
</div>
</section>
<section id="sectie_pagina">
<div class="container">
<div id="tekst-midden">
<h1>Welkom</h1>
<p>Hallo en welkom op mijn website, u kunt hier onder andere mijn<a href="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf"> CV </a>bekijken.</p></br>
<picture>
<source media="(max-width: 850px)" srcset="/assets/afb/don-t-panic-klein.webp">
<img src="/assets/afb/don-t-panic.webp" alt="Don't panic">
</picture>
</div>
<div id="tekst-midden">
<h2>Contactgegevens:</h2>
<div id="knop">
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a></br></br></br></br>
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a></br></br></br></br>
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a></br></br></br></br>
</div>
</div>
</div>
</section>
</div>
<section id="sectie_footer">
<div class="container">
<footer>
<div class="footer-links">
<ul>
<li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li>
</ul>
</div>
</footer>
</div>
</section>
</div>
</body>
<script>
function hamburgermenuknopje() {
var x = document.getElementById('main_menu_01');
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</html>