html fix https://validator.w3.org

assets/css/mrl.css

@@ -186,7 +186,7 @@
 
   /*specials*********************************************************************************************************/
 
-  logo {
+  .logo {
     color: #D2E0F0;
     margin-top: 25px;
     margin-bottom: 25px;
@@ -339,7 +339,7 @@
   }  
 
   /*footer**links*/
-@media {
+@media only screen and (min-width: 450px) {
   .footer-links-l{
     max-width: 800px;
     margin-left: auto;
@@ -385,7 +385,7 @@
 }
 
 /*footer**links*klein*/
-@media (max-width: 450px) {
+@media only screen and (max-width: 450px) {
 .footer-links-l{
   max-width: 800px;
   margin-left: auto;
@@ -431,8 +431,8 @@
 }
 
     /*footer**rechts*/
-@media {
+@media only screen and (min-width: 450px) {
-.footer-links-r{
+  .footer-links-r{
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
@@ -477,7 +477,7 @@
 }
 
     /*footer**rechts*small*/
-    @media (max-width: 450px) {
+@media only screen and (max-width: 450px) {
       .footer-links-r{
         max-width: 800px;
         margin-left: auto;

index.html

@@ -32,7 +32,7 @@
         <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_hoger.png" />
+        <meta property="og:image" content="https://www.lermer.nl/assets/afb/logo_hoger.png">
 
         <!-- Twitter Meta Tags -->
         <meta name="twitter:title" content="Mathijs Lermer">
@@ -46,7 +46,7 @@
         <link rel="icon" href="assets/afb/favicon.png" type="image/png">
         <link href="/assets/css/mrl.css" rel="stylesheet">
         <link href="/assets/Fork-Awesome/css/fork-awesome.min.css" rel="stylesheet">
-        <script type="text/javascript" src="/assets/js/mrl.js"></script>
+        <script src="/assets/js/mrl.js"></script>
         <!--- site-->
   <meta name="viewport" content="width=device-width, initial-scale=1" >
 </head>
@@ -57,11 +57,11 @@
       <section id="sectie_kop">
         <div class="container">
           <header>
-            <logo><a href="/">LERMER.NL</a></logo>
+            <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="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf">Curriculum vitae</a></Li>
+                <li> <a href="/assets/downloads/CURRICULUM_VITAE_Mathijs_Lermer_zonder_contact_gegevens.pdf">Curriculum vitae</a></Li>
               </ul>
             </nav>
       
@@ -76,15 +76,16 @@
         <div class="container">
           <div id="tekst-midden">
 
-            <h1>Welkom</h1>
+            <h1>Website van Mathijs Lermer</h1>
-            <p>Hallo een welkom op de website van Mathijs Lermer, u kunt hier onder andere mijn<a href="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf"> CV </a>bekijken.<br>
+            <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>
+            </p><br>
 
             <picture>
-                <source media="(max-width: 850px)" srcset="/assets/afb/don-t-panic-klein.webp" alt="Don't panic" width="278" height="165">
+                <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>
 
@@ -100,19 +101,22 @@
                     <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><a>|</a></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"s rel="external"> <i class="fa fa-arrow-up 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>