lermer.nl/index.html

154 lines
No EOL
7 KiB
HTML
Executable file

<!DOCTYPE html>
<!--
.___ ___. ___ .___________. __ __ __ __ _______.
| \/ | / \ | || | | | | | | | / |
| \ / | / ^ \ `---| |----`| |__| | | | | | | (----`
| |\/| | / /_\ \ | | | __ | | | .--. | | \ \
| | | | / _____ \ | | | | | | | | | `--' | .----) |
|__| |__| /__/ \__\ |__| |__| |__| |__| \______/ |_______/
__ _______ .______ .___ ___. _______ .______
| | | ____|| _ \ | \/ | | ____|| _ \
| | | |__ | |_) | | \ / | | |__ | |_) |
| | | __| | / | |\/| | | __| | /
| `----.| |____ | |\ \----.| | | | | |____ | |\ \----.
|_______||_______|| _| `._____||__| |__| |_______|| _| `._____|
-->
<html lang="nl">
<head>
<meta charset="UTF-8">
<!--- SEO-->
<title>Mathijs Ronald Lermer</title>
<meta name="author" content="Mathijs Lermer">
<meta name="keywords" content="CV, Mathijs Lermer, curriculum vitae, Werkvoorbereider, Bouw, Rotterdam">
<meta name="description" content="Persoonlijke website van Mathijs Lermer">
<meta name="robots" content="all">
<link rel="canonical" href="https://www.lermer.nl">
<!-- IE 10+ "Metro" Tiles -->
<meta name="msapplication-TileColor" content="#056605">
<meta name="msapplication-TileImage" content="assets/afb/MRL-Logo_150.png">
<!--- Open Graph Meta Tags -->
<meta property="og:site_name" content="Mathijs Ronald Lermer">
<meta property="og:title" content="Mathijs Lermer">
<meta property="og:description" content="Persoonlijke website van Mathijs Lermer">
<meta property="og:type" content="homepage">
<meta property="og:url" content="https://www.lermer.nl">
<meta property="og:image" content="https://www.lermer.nl/assets/afb/logo_320x254.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:title" content="Mathijs Ronald Lermer">
<meta name="twitter:description" content="Persoonlijke website van Mathijs Lermer">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://www.lermer.nl/assets/afb/logo_320x254.png">
<meta property="twitter:domain" content="lermer.nl">
<meta property="twitter:url" content="https://www.lermer.nl/">
<!--- icon clasic-->
<link rel="icon" type="image/png" sizes="32x32" href="assets/afb/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/afb/icons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="57x57" href="assets/afb/icons/favicon-57x57.png">
<link rel="icon" type="image/png" sizes="70x70" href="assets/afb/icons/favicon-70x70.png">
<link rel="icon" type="image/png" sizes="144x144" href="assets/afb/icons/favicon-144x144.png">
<link rel="icon" type="image/png" sizes="150x150" href="assets/afb/icons/favicon-150x150.png">
<link rel="icon" type="image/png" sizes="310x310" href="assets/afb/icons/favicon-310x310.png">
<!--- icon android-->
<link rel="manifest" href="/site.webmanifest">
<!--- icon apple-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/afb/icons/apple-touch-icon.png">
<link rel="mask-icon" href="assets/afb/icons/safari-pinned-tab.svg" color="#5bbad5">
<!--- icon msapplication-->
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--- assets-->
<link href="/assets/css/mrl.css" rel="stylesheet">
<link href="/assets/Fork-Awesome/css/fork-awesome.min.css" rel="stylesheet">
<script src="/assets/js/mrl.js"></script>
<!--- 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>
<a href="/" class="logo">LERMER.NL</a>
<nav id="main_menu_01">
<ul>
<li class="active"> <a href="/index.html">Welkom</a></Li>
<li> <a href="/contact.html">Contact</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="fa fa-bars" aria-hidden="true"></i></a>
</header>
</div>
</section>
<section id="sectie_pagina">
<div class="container">
<div id="tekst-midden">
<h1>Website van Mathijs Lermer</h1>
<p>Hallo een 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.<br>
</p><br>
<picture>
<source media="(max-width: 850px)" srcset="/assets/afb/don-t-panic-klein.webp" width="278" height="165">
<img src="/assets/afb/don-t-panic.webp" alt="Don't panic" width="550" height="330">
</picture>
</div>
</div>
</section>
</div>
<section id="sectie_footer">
<div class="container">
<footer>
<table style="width:100%">
<tr>
<td style="width:45%">
<div class="footer-links-r">
<ul>
<li><a href="mailto:info@lermer.nl" title="e-mail" rel="me"> <i class="fa fa-at fa-lg" aria-hidden="true"></i></a></Li>
<li><a href="https://matrix.to/#/@mathijs:lermer.nl" title="Bericht via MATRIX" rel="me"> <i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i></a></Li>
<li><a href="https://mastodon.lermer.nl/@mathijs" title="Mastodon" rel="me"> <i class="fa fa-mastodon fa-lg" aria-hidden="true"></i></a></Li>
</ul>
</div>
</td>
<td style="width:2%">
<div class="footer-links-bar">
<ul>
<li>|</Li>
</ul>
</div>
</td>
<td style="width:45%">
<div class="footer-links-l">
<ul>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl" title="GIT" rel="external"> <i class="fa fa-code-fork fa-lg" aria-hidden="true"></i></a></Li>
<li><a href="https://uptime.lermer.nl/status/overzicht" title="Uptime" rel="external"> <i class="fa fa-arrow-up fa-lg" aria-hidden="true"></i></a></Li>
</ul>
</div>
</td>
</tr>
</table>
</footer>
</div>
</section>
</div>
</body>
</html>