diff --git a/index.html b/index.html
index 5bde12c..0de670d 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
 <!-- ****************************** -->
 <!-- * Ah shit, here we go again. * -->
 <!-- ****************************** -->
- 	
+
 <head>
   <meta charset="utf-8">
   <title>FOSC - Free Open Source Club</title>
@@ -20,351 +20,359 @@
 
 <body>
 
-  <header>   
+  <header>
     <section class="navigation">
-        <div class="nav-container">
-          <div class="brand">
-            <picture>
-              <source type="image/webp" data-srcset="img/Logo-invert.webp">
-              <source type="image/png" data-srcset="img/Logo-invert.png">
-              <img alt="FOSC Logo" class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
-            </picture>
-          </div>
-          <nav>
-            <div class="nav-mobile"><span id="nav-toggle" href="#!"><span></span></span></div>
-            <ul class="nav-list">
-              <li>
-                <a href="https://blog.fosc.space"><span class="iconify" data-icon="mdi:notebook"></span> Blog</a>
-              </li>
-              <li>
-                <a href="https://gallery.fosc.space"><span class="iconify" data-icon="mdi:image"></span> Gallery</a>
-              </li>
-              <li>
-                <a href="https://download.fosc.space"><span class="iconify" data-icon="mdi:download"></span> Downloads</a>
-              </li>
-              <li>
-                <a href="#contact"><span class="iconify" data-icon="mdi:account"></span> Contact</a>
-              </li>
-              <li>
-                <a href="#!"><span class="iconify" data-icon="mdi:cogs"></span> Services</a>
-                <ul class="nav-dropdown">
-                  <li>
-                    <a href="https://cloud.fosc.space"><span class="iconify" data-icon="mdi:cloud"></span> Cloud</a>
-                  </li>
-                  <li>
-                    <a href="https://doc.fosc.space"><span class="iconify" data-icon="mdi:text"></span> Wiki</a>
-                  </li>
-                  <li>
-                    <a href="https://rss.fosc.space"><span class="iconify" data-icon="mdi:rss"></span> RSS</a>
-                  </li>
-                    <li>
-                    <a href="https://netdata.fosc.space"><span class="iconify" data-icon="mdi:finance"></span> NetData</a>
-                  </li>
-                  <li>
-                    <a href="https://analytics.fosc.space"><span class="iconify" data-icon="mdi:google-analytics"></span> Analytics</a>
-                  </li>
-                  <li>
-                    <a href="https://git.fosc.space"><span class="iconify" data-icon="mdi:git"></span> Stolen Code</a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </nav>
-        </div>
-      </section>
-        
-      <script>
-        (function($) {
-          $(function() { // DOM ready
-            // If a link has a dropdown, add sub menu toggle.
-            $('nav ul li a:not(:only-child)').click(function(e) {
-              $(this).siblings('.nav-dropdown').toggle();
-              // Close one dropdown when selecting another
-              $('.nav-dropdown').not($(this).siblings()).hide();
-              e.stopPropagation();
-            });
-            // Clicking away from dropdown will remove the dropdown class
-            $('html').click(function() {
-              $('.nav-dropdown').hide();
-            });
-            // Toggle open and close nav styles on click
-            $('#nav-toggle').click(function() {
-              $('nav ul').slideToggle();
-            });
-            // Hamburger to X toggle
-            $('#nav-toggle').on('click', function() {
-              this.classList.toggle('active');
-            });
-          }); // end DOM ready
-        })(jQuery);
-      </script>  
-    </header>
-
-    <div class="hero">
-      <h1>Welcome to <span class="color">FOSC</span></h1>
-      <h3>Hackerspace located at Polytechnic University of Cartagena</h3>
-      <hr>
-    </div>
-    
-    <div class="fosc">
-      <h1>What is FOSC?</h1>
-      <hr>
-      <h3>We are a student association focused on expanding free software and hacker culture</h3>
-    </div>
-    
-    <div class="bgallery">
-      <div class="gallery">
-        <div class="column-gallery">
+      <div class="nav-container">
+        <div class="brand">
           <picture>
-            <source type="image/webp" data-srcset="img/junction2018.webp">
-            <source type="image/jpeg" data-srcset="img/junction2018.jpg">
-            <img class="lazy" data-src="img/junction2018.jpg" alt="Winners at Junction 2018">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/santi.webp">
-            <source type="image/jpeg" data-srcset="img/santi.jpg">
-            <img class="lazy" data-src="img/santi.jpg" alt="Explaining MCU glitching at Makers Murcia">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/kids.webp">
-            <source type="image/jpeg" data-srcset="img/kids.jpg">
-            <img class="lazy" data-src="img/kids.jpg" alt="Showing 3D printing at Semana de la Ciencia">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/sec.webp">
-            <source type="image/jpeg" data-srcset="img/sec.jpg">
-            <img class="lazy" data-src="img/sec.jpg" alt="More Semana de la Ciencia">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/junction2018-1.webp">
-            <source type="image/jpeg" data-srcset="img/junction2018-1.jpg">
-            <img class="lazy" data-src="img/junction2018-1.jpg" alt="Hacking at Junction 2018">
-          </picture>   
-        </div>
-        
-        <div class="column-gallery">
-          <picture>
-            <source type="image/webp" data-srcset="img/app.webp">
-            <source type="image/jpeg" data-srcset="img/app.jpg">
-            <img class="lazy" data-src="img/app.jpg" alt="Speaking for Puertas Violetas app">
-          </picture>  
-          <picture>
-            <source type="image/webp" data-srcset="img/bitup.webp">
-            <source type="image/jpeg" data-srcset="img/bitup.jpg">
-            <img class="lazy" data-src="img/bitup.jpg" alt="Giving an ESP32 hacking talk at BITUP 2019">
-          </picture>  
-          <picture>
-            <source type="image/webp" data-srcset="img/soldadura.webp">
-            <source type="image/jpeg" data-srcset="img/soldadura.jpg">
-            <img class="lazy" data-src="img/soldadura.jpg" alt="Learning to solder">
-          </picture>  
-          <picture>
-            <source type="image/webp" data-srcset="img/hacking.webp">
-            <source type="image/jpeg" data-srcset="img/hacking.jpg">
-            <img class="lazy" data-src="img/hacking.jpg" alt="Installing Coreboot open firmware into a Thinkpad x230">
-          </picture>  
-          <picture>
-            <source type="image/webp" data-srcset="img/junction2019-1.webp">
-            <source type="image/jpeg" data-srcset="img/junction2019-1.jpg">
-            <img class="lazy" data-src="img/junction2019-1.jpg" alt="Posing at Junction 2019">
-          </picture>  
-        </div>
-
-        <div class="column-gallery">
-          <picture>
-            <source type="image/webp" data-srcset="img/pepemod.webp">
-            <source type="image/jpeg" data-srcset="img/pepemod.jpg">
-            <img class="lazy" data-src="img/pepemod.jpg" alt="Soldering Nitrocaster's adapter board to a Thinkpad x230">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/atresmedia.webp">
-            <source type="image/jpeg" data-srcset="img/atresmedia.jpg">
-            <img class="lazy" data-src="img/atresmedia.jpg" alt="Having fun in Atresmedia">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/junction2019.webp">
-            <source type="image/jpeg" data-srcset="img/junction2019.jpg">
-            <img class="lazy" data-src="img/junction2019.jpg" alt="Hacking at Junction 2019">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/printer3d.webp">
-            <source type="image/jpeg" data-srcset="img/printer3d.jpg">
-            <img class="lazy" data-src="img/printer3d-1.jpg" alt="3D printer, 3D printing">
-          </picture>
-        </div>
-
-        <div class="column-gallery">
-          <picture>
-            <source type="image/webp" data-srcset="img/flp1.webp">
-            <source type="image/jpeg" data-srcset="img/flp1.jpg">
-            <img class="lazy" data-src="img/flp1.jpg" alt="First FOSC LAN Party">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/soldadura1.webp">
-            <source type="image/jpeg" data-srcset="img/soldadura1.jpg">
-            <img class="lazy" data-src="img/soldadura1.jpg" alt="Soldering workshop">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/nn1.webp">
-            <source type="image/jpeg" data-srcset="img/nn1.jpg">
-            <img class="lazy" data-src="img/nn1.jpg" alt="Giving an open firmware talk at Navaja Negra 2019">
-          </picture>
-          <picture>
-            <source type="image/webp" data-srcset="img/fosc2.webp">
-            <source type="image/jpeg" data-srcset="img/fosc2.jpg">
-            <img class="lazy" data-src="img/fosc2-1.jpg" alt="Showing some stuff during Cable Amarillo">
+            <source type="image/webp" data-srcset="img/Logo-invert.webp">
+            <source type="image/png" data-srcset="img/Logo-invert.png">
+            <img alt="FOSC Logo" class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
           </picture>
         </div>
+        <nav>
+          <div class="nav-mobile"><span id="nav-toggle" href="#!"><span></span></span></div>
+          <ul class="nav-list">
+            <li>
+              <a href="https://blog.fosc.space"><span class="iconify" data-icon="mdi:notebook"></span> Blog</a>
+            </li>
+            <li>
+              <a href="https://gallery.fosc.space"><span class="iconify" data-icon="mdi:image"></span> Gallery</a>
+            </li>
+            <li>
+              <a href="https://download.fosc.space"><span class="iconify" data-icon="mdi:download"></span> Downloads</a>
+            </li>
+            <li>
+              <a href="#contact"><span class="iconify" data-icon="mdi:account"></span> Contact</a>
+            </li>
+            <li>
+              <a href="#!"><span class="iconify" data-icon="mdi:cogs"></span> Services</a>
+              <ul class="nav-dropdown">
+                <li>
+                  <a href="https://cloud.fosc.space"><span class="iconify" data-icon="mdi:cloud"></span> Cloud</a>
+                </li>
+                <li>
+                  <a href="https://doc.fosc.space"><span class="iconify" data-icon="mdi:text"></span> Wiki</a>
+                </li>
+                <li>
+                  <a href="https://rss.fosc.space"><span class="iconify" data-icon="mdi:rss"></span> RSS</a>
+                </li>
+                <li>
+                  <a href="https://netdata.fosc.space"><span class="iconify" data-icon="mdi:finance"></span> NetData</a>
+                </li>
+                <li>
+                  <a href="https://analytics.fosc.space"><span class="iconify" data-icon="mdi:google-analytics"></span>
+                    Analytics</a>
+                </li>
+                <li>
+                  <a href="https://git.fosc.space"><span class="iconify" data-icon="mdi:git"></span> Stolen Code</a>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </nav>
       </div>
-    </div>
+    </section>
 
-    <div class="mgallery">
-      <h3>Linux, hackathons, courses, talks, server systems administration, open software, firmware and hardware!</h3>
-    </div>
-
-    <div id="services">
-      <div class="services">
-        <h1>OUR SERVICES</h1>
-        <p>We believe in self hosting! Our members can enjoy many different applications which run from our servers.</p>
-
-        <p>Here we show a few ones, but there are much more.</p>
-      </div>
-
-      <div class="tabla">
-        <div class="column">
-          <a href="https://cloud.fosc.space">
-            <picture>
-              <source type="image/webp" data-srcset="icons/cloud-computing.webp">
-              <source type="image/png" data-srcset="icons/cloud-computing.png">
-              <img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
-            </picture>
-          </a>
-          <h4>Cloud</h4>
-        </div>
-        
-        <div class="column">
-          <a href="https://doc.fosc.space">
-            <picture>
-              <source type="image/webp" data-srcset="icons/book.webp">
-              <source type="image/png" data-srcset="icons/book.png">
-              <img class="lazy" data-src="icons/book.png" alt="Wiki">
-            </picture>
-          </a>
-          <h4>Wiki</h4>
-        </div>
-        
-        <div class="column">
-          <a href="https://rss.fosc.space">
-            <picture>
-              <source type="image/webp" data-srcset="icons/rss2.webp">
-              <source type="image/png" data-srcset="icons/rss2.png">
-              <img class="lazy" data-src="icons/rss2.png" alt="RSS">
-            </picture>
-          </a>
-          <h4>RSS</h4>
-        </div>
-      </div>
-
-      <div class="tabla tabla2">
-        <div class="column">
-          <a href="https://netdata.fosc.space">
-            <picture>
-              <source type="image/webp" data-srcset="icons/chart.webp">
-              <source type="image/png" data-srcset="icons/chart.png">
-              <img class="lazy" data-src="icons/chart.png" alt="NetData">
-            </picture>
-          </a>
-          <h4>NetData</h4>
-        </div>
-        
-        <div class="column">
-          <a href="https://analytics.fosc.space">
-            <picture>
-              <source type="image/webp" data-srcset="icons/analytics.webp">
-              <source type="image/png" data-srcset="icons/analytics.png">
-              <img class="lazy" data-src="icons/analytics.png" alt="Analytics">
-            </picture>
-          </a>
-          <h4>Analytics</h4>
-        </div>
-        
-        <div class="column">
-          <a href="https://git.fosc.space">
-            <picture>
-              <source type="image/webp" data-srcset="icons/gitea.webp">
-              <source type="image/png" data-srcset="icons/gitea.png">
-              <img class="lazy" data-src="icons/gitea.png" alt="Gitea">
-            </picture>
-          </a>
-          <h4>Stolen Code</h4>
-        </div>
-      </div>
-    </div>
-
-    <div class="members lazy" id="contact" data-bg="url(img/flp-dark.jpg)">
-
-      <h1>We're looking for new members!</h1>
-
-      <div class="shape">
-        <div class="cmembers cmembers1">
-          
-          <h4>How do I become a member?</h4>
-          <hr>
-
-          <p>You become a member by either coming to our physical hackerspace often<br><br>
-          If you've been coming a lot to the space, it's likely that you will be asked to become a formal member.<br><br>
-          <b>Even if you are not a member, if the lights are on, you are free to come and hack inside.</b>
-          </p>
-
-        </div>
-        
-        <div class="cmembers cmembers2">
-
-          <h4>Tell us anything</h4>
-          <hr>
-          
-          <div class="contact_methods">
-            <p><span class="iconify" data-icon="mdi:twitter" style="color: #2196f3"></span> <a href="https://twitter.com/foscupct">Contact us on Twitter</a></p>
-            <br>
-            <p><span class="iconify" data-icon="mdi:email" style="color: #f32821;"></span> <a href="mailto:contact@fosc.space">Send us an email</a></p>
-          </div>
-
-          <div class="button">
-            <button onclick="document.getElementById('mapButton').style.animation = 'rainbow 1s linear infinite'" id="mapButton">Or just come in</button>
-          </div>
-
-        </div>
-      </div>
-
-      <div class="map">
-        <iframe id="map" title="Map view of our location" frameborder="0" allowfullscreen class="lazy" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1580.5054989176758!2d-0.9796837724532329!3d37.60190018337746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6341863c83cf8f%3A0xe24278be476b56b8!2sFOSC!5e0!3m2!1ses!2ses!4v1544058887076"></iframe>
-      </div>
-
-    </div>
-
-    <footer>
-      <hr>
-      <div class="foot-logo">
-        <picture>
-          <source type="image/webp" data-srcset="img/Logo-invert.webp">
-          <source type="image/png" data-srcset="img/Logo-invert.png">
-          <img class="lazy" data-src="img/Logo-invert.png" alt="FOSC Logo">
-        </picture>
-        <a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a> 
-        <div class="author">
-          <p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> and <a href="https://www.flaticon.com/authors/smalllikeart" title="Smalllikeart">Smalllikeart</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a>.</p>
-        </div>
-      </div>
-    </footer>
-
-    <!-- With the DOM ready, lazyload all pics and swap all icons -->
     <script>
-      window.lazyLoadOptions = {
-        elements_selector: ".lazy"
-      };
+      (function ($) {
+        $(function () { // DOM ready
+          // If a link has a dropdown, add sub menu toggle.
+          $('nav ul li a:not(:only-child)').click(function (e) {
+            $(this).siblings('.nav-dropdown').toggle();
+            // Close one dropdown when selecting another
+            $('.nav-dropdown').not($(this).siblings()).hide();
+            e.stopPropagation();
+          });
+          // Clicking away from dropdown will remove the dropdown class
+          $('html').click(function () {
+            $('.nav-dropdown').hide();
+          });
+          // Toggle open and close nav styles on click
+          $('#nav-toggle').click(function () {
+            $('nav ul').slideToggle();
+          });
+          // Hamburger to X toggle
+          $('#nav-toggle').on('click', function () {
+            this.classList.toggle('active');
+          });
+        }); // end DOM ready
+      })(jQuery);
     </script>
-    <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
-    <script async src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
-  </body>
+  </header>
 
-</html>
+  <div class="hero">
+    <h1>Welcome to <span class="color">FOSC</span></h1>
+    <h3>Hackerspace located at Polytechnic University of Cartagena</h3>
+    <hr>
+  </div>
+
+  <div class="fosc">
+    <h1>What is FOSC?</h1>
+    <hr>
+    <h3>We are a student association focused on expanding free software and hacker culture</h3>
+  </div>
+
+  <div class="bgallery">
+    <div class="gallery">
+      <div class="column-gallery">
+        <picture>
+          <source type="image/webp" data-srcset="img/junction2018.webp">
+          <source type="image/jpeg" data-srcset="img/junction2018.jpg">
+          <img class="lazy" data-src="img/junction2018.jpg" alt="Winners at Junction 2018">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/santi.webp">
+          <source type="image/jpeg" data-srcset="img/santi.jpg">
+          <img class="lazy" data-src="img/santi.jpg" alt="Explaining MCU glitching at Makers Murcia">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/kids.webp">
+          <source type="image/jpeg" data-srcset="img/kids.jpg">
+          <img class="lazy" data-src="img/kids.jpg" alt="Showing 3D printing at Semana de la Ciencia">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/sec.webp">
+          <source type="image/jpeg" data-srcset="img/sec.jpg">
+          <img class="lazy" data-src="img/sec.jpg" alt="More Semana de la Ciencia">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/junction2018-1.webp">
+          <source type="image/jpeg" data-srcset="img/junction2018-1.jpg">
+          <img class="lazy" data-src="img/junction2018-1.jpg" alt="Hacking at Junction 2018">
+        </picture>
+      </div>
+
+      <div class="column-gallery">
+        <picture>
+          <source type="image/webp" data-srcset="img/app.webp">
+          <source type="image/jpeg" data-srcset="img/app.jpg">
+          <img class="lazy" data-src="img/app.jpg" alt="Speaking for Puertas Violetas app">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/bitup.webp">
+          <source type="image/jpeg" data-srcset="img/bitup.jpg">
+          <img class="lazy" data-src="img/bitup.jpg" alt="Giving an ESP32 hacking talk at BITUP 2019">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/soldadura.webp">
+          <source type="image/jpeg" data-srcset="img/soldadura.jpg">
+          <img class="lazy" data-src="img/soldadura.jpg" alt="Learning to solder">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/hacking.webp">
+          <source type="image/jpeg" data-srcset="img/hacking.jpg">
+          <img class="lazy" data-src="img/hacking.jpg" alt="Installing Coreboot open firmware into a Thinkpad x230">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/junction2019-1.webp">
+          <source type="image/jpeg" data-srcset="img/junction2019-1.jpg">
+          <img class="lazy" data-src="img/junction2019-1.jpg" alt="Posing at Junction 2019">
+        </picture>
+      </div>
+
+      <div class="column-gallery">
+        <picture>
+          <source type="image/webp" data-srcset="img/pepemod.webp">
+          <source type="image/jpeg" data-srcset="img/pepemod.jpg">
+          <img class="lazy" data-src="img/pepemod.jpg" alt="Soldering Nitrocaster's adapter board to a Thinkpad x230">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/atresmedia.webp">
+          <source type="image/jpeg" data-srcset="img/atresmedia.jpg">
+          <img class="lazy" data-src="img/atresmedia.jpg" alt="Having fun in Atresmedia">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/junction2019.webp">
+          <source type="image/jpeg" data-srcset="img/junction2019.jpg">
+          <img class="lazy" data-src="img/junction2019.jpg" alt="Hacking at Junction 2019">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/printer3d.webp">
+          <source type="image/jpeg" data-srcset="img/printer3d.jpg">
+          <img class="lazy" data-src="img/printer3d-1.jpg" alt="3D printer, 3D printing">
+        </picture>
+      </div>
+
+      <div class="column-gallery">
+        <picture>
+          <source type="image/webp" data-srcset="img/flp1.webp">
+          <source type="image/jpeg" data-srcset="img/flp1.jpg">
+          <img class="lazy" data-src="img/flp1.jpg" alt="First FOSC LAN Party">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/soldadura1.webp">
+          <source type="image/jpeg" data-srcset="img/soldadura1.jpg">
+          <img class="lazy" data-src="img/soldadura1.jpg" alt="Soldering workshop">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/nn1.webp">
+          <source type="image/jpeg" data-srcset="img/nn1.jpg">
+          <img class="lazy" data-src="img/nn1.jpg" alt="Giving an open firmware talk at Navaja Negra 2019">
+        </picture>
+        <picture>
+          <source type="image/webp" data-srcset="img/fosc2.webp">
+          <source type="image/jpeg" data-srcset="img/fosc2.jpg">
+          <img class="lazy" data-src="img/fosc2-1.jpg" alt="Showing some stuff during Cable Amarillo">
+        </picture>
+      </div>
+    </div>
+  </div>
+
+  <div class="mgallery">
+    <h3>Linux, hackathons, courses, talks, server systems administration, open software, firmware and hardware!</h3>
+  </div>
+
+  <div id="services">
+    <div class="services">
+      <h1>OUR SERVICES</h1>
+      <p>We believe in self hosting! Our members can enjoy many different applications which run from our servers.</p>
+
+      <p>Here we show a few ones, but there are much more.</p>
+    </div>
+
+    <div class="tabla">
+      <div class="column">
+        <a href="https://cloud.fosc.space">
+          <picture>
+            <source type="image/webp" data-srcset="icons/cloud-computing.webp">
+            <source type="image/png" data-srcset="icons/cloud-computing.png">
+            <img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
+          </picture>
+        </a>
+        <h4>Cloud</h4>
+      </div>
+
+      <div class="column">
+        <a href="https://doc.fosc.space">
+          <picture>
+            <source type="image/webp" data-srcset="icons/book.webp">
+            <source type="image/png" data-srcset="icons/book.png">
+            <img class="lazy" data-src="icons/book.png" alt="Wiki">
+          </picture>
+        </a>
+        <h4>Wiki</h4>
+      </div>
+
+      <div class="column">
+        <a href="https://rss.fosc.space">
+          <picture>
+            <source type="image/webp" data-srcset="icons/rss2.webp">
+            <source type="image/png" data-srcset="icons/rss2.png">
+            <img class="lazy" data-src="icons/rss2.png" alt="RSS">
+          </picture>
+        </a>
+        <h4>RSS</h4>
+      </div>
+    </div>
+
+    <div class="tabla tabla2">
+      <div class="column">
+        <a href="https://netdata.fosc.space">
+          <picture>
+            <source type="image/webp" data-srcset="icons/chart.webp">
+            <source type="image/png" data-srcset="icons/chart.png">
+            <img class="lazy" data-src="icons/chart.png" alt="NetData">
+          </picture>
+        </a>
+        <h4>NetData</h4>
+      </div>
+
+      <div class="column">
+        <a href="https://analytics.fosc.space">
+          <picture>
+            <source type="image/webp" data-srcset="icons/analytics.webp">
+            <source type="image/png" data-srcset="icons/analytics.png">
+            <img class="lazy" data-src="icons/analytics.png" alt="Analytics">
+          </picture>
+        </a>
+        <h4>Analytics</h4>
+      </div>
+
+      <div class="column">
+        <a href="https://git.fosc.space">
+          <picture>
+            <source type="image/webp" data-srcset="icons/gitea.webp">
+            <source type="image/png" data-srcset="icons/gitea.png">
+            <img class="lazy" data-src="icons/gitea.png" alt="Gitea">
+          </picture>
+        </a>
+        <h4>Stolen Code</h4>
+      </div>
+    </div>
+  </div>
+
+  <div class="members lazy" id="contact" data-bg="url(img/flp-dark.jpg)">
+
+    <h1>We're looking for new members!</h1>
+
+    <div class="shape">
+      <div class="cmembers cmembers1">
+
+        <h4>How do I become a member?</h4>
+        <hr>
+
+        <p>You become a member by either coming to our physical hackerspace often<br><br>
+          If you've been coming a lot to the space, it's likely that you will be asked to become a formal
+          member.<br><br>
+          <b>Even if you are not a member, if the lights are on, you are free to come and hack inside.</b>
+        </p>
+
+      </div>
+
+      <div class="cmembers cmembers2">
+
+        <h4>Tell us anything</h4>
+        <hr>
+
+        <div class="contact_methods">
+          <p><span class="iconify" data-icon="mdi:twitter" style="color: #2196f3"></span> <a
+              href="https://twitter.com/foscupct">Contact us on Twitter</a></p>
+          <br>
+          <p><span class="iconify" data-icon="mdi:email" style="color: #f32821;"></span> <a
+              href="mailto:contact@fosc.space">Send us an email</a></p>
+        </div>
+
+        <div class="button">
+          <button onclick="document.getElementById('mapButton').style.animation = 'rainbow 1s linear infinite'"
+            id="mapButton">Or just come in</button>
+        </div>
+
+      </div>
+    </div>
+
+    <div class="map">
+      <iframe id="map" title="Map view of our location" frameborder="0" allowfullscreen class="lazy"
+        data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1580.5054989176758!2d-0.9796837724532329!3d37.60190018337746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6341863c83cf8f%3A0xe24278be476b56b8!2sFOSC!5e0!3m2!1ses!2ses!4v1544058887076"></iframe>
+    </div>
+
+  </div>
+
+  <footer>
+    <hr>
+    <div class="foot-logo">
+      <picture>
+        <source type="image/webp" data-srcset="img/Logo-invert.webp">
+        <source type="image/png" data-srcset="img/Logo-invert.png">
+        <img class="lazy" data-src="img/Logo-invert.png" alt="FOSC Logo">
+      </picture>
+      <a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a>
+      <div class="author">
+        <p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> and <a
+            href="https://www.flaticon.com/authors/smalllikeart" title="Smalllikeart">Smalllikeart</a> from <a
+            href="https://www.flaticon.com/">www.flaticon.com</a>.</p>
+      </div>
+    </div>
+  </footer>
+
+  <!-- With the DOM ready, lazyload all pics and swap all icons -->
+  <script>
+    window.lazyLoadOptions = {
+      elements_selector: ".lazy"
+    };
+  </script>
+  <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
+  <script async src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
