<!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="/">Welkom</a></Li>
                <li> <a href="/contact">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>