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