From 72501a208cf0e7e0a698b82ce20ad4abb4b5e70c Mon Sep 17 00:00:00 2001
From: Pablo <42.pablo.ms@gmail.com>
Date: Sat, 14 Mar 2020 18:35:09 +0100
Subject: [PATCH] New contact region

---
 css/main.css | 34 ++++++++++++++++++++++++----------
 index.html   | 32 +++++++++++++++++++++-----------
 2 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/css/main.css b/css/main.css
index 434d9d5..7ffe5ea 100644
--- a/css/main.css
+++ b/css/main.css
@@ -11,7 +11,7 @@ You probably already know that, otherwise you can visit him here "https://fosc.s
 /*That's all, thank you.*/
 
 
-/*NECESSARY FONTS*/
+/*FONTS*/
 /**********************************************************************************/
 
 @font-face {
@@ -90,7 +90,7 @@ a {
 }
 
 .brand a, .brand a:visited {
-  color: #ffffff;
+  color: white;
   text-decoration: none;
 }
 
@@ -122,15 +122,15 @@ nav ul li a, nav ul li a:visited {
   display: block;
   padding: 0 20px;
   line-height: 100px;
-  background: #000;
-  color: #ffffff;
+  background: black;
+  color: white;
   text-decoration: none;
   text-transform: uppercase;
 }
 
 nav ul li a:hover, nav ul li a:visited:hover {
   background: purple !important;
-  color: #ffffff;
+  color: white;
 }
 
 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
@@ -383,6 +383,7 @@ nav ul li ul li a {
   padding: 50px 0px;
   background-color: #222;
 }
+
 .services {
   background-color: #222;
   padding: 60px 0px 100px 0px;
@@ -402,7 +403,7 @@ nav ul li ul li a {
   margin: 0px 300px;
   font-size: 16px; 
   text-align: center;
-  color: #888;
+  color: lightgray;
 } 
 
 .tabla {
@@ -442,14 +443,24 @@ nav ul li ul li a {
 /*5 SECTION, MEMBERS*/
 /**********************************************************************************/
 
+
 .members {
-  /* background-image: url(img/flp-dark.jpg); */
-  background-position: bottom;
+  padding-top: 150px;
+  padding-bottom: 150px;
   background-repeat: no-repeat;
-  background-size: auto;
+  background-size: cover;
   background-attachment: fixed;
 }
 
+.members h1 {
+  text-align: center;
+  font-size: 60px;
+  font-family: nixiefont;
+  /* text-transform: uppercase; */
+  color: white;
+  margin-bottom: 60px;
+}
+
 .shape {
   display: flex;
 }
@@ -501,7 +512,10 @@ nav ul li ul li a {
 
 #map {
   height: 300px;
-  width: 700px;
+  width: 80%;
+  display: block;
+  margin-left: auto;
+  margin-right: auto
 }
 
 /*FINALLY, FOOTER*/
diff --git a/index.html b/index.html
index 4e08d79..2c325bd 100644
--- a/index.html
+++ b/index.html
@@ -235,13 +235,15 @@
     </div>
 
     <div class="mgallery">
-      <h3>Development of free software projects, realization of courses of various technologies, maintenance of a server to provide services both inside and outside the association, dissemination of talks, job offers and any other information of interest to the partners.</h3>
+      <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>Formal members are stored in our member database and have access to the multitude of services we provide. Check out our list of services below. Additionally, the tools and materials in the space are available for you to hack and mess with.</p>
+        <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">
@@ -316,19 +318,25 @@
     </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, or patronizing it.<br><br>
-          If the lights are on, you are free to come and hack inside.<br><br>
-          <span>Even if you are not a member you are welcome to come in anytime.</span><br><br>
-          Becoming a member is less of a legal process and more of a trust process, there is no way to become a member without being accepted by others in the group.<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.</p>
+          
+          <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>We're looking for new members, students are specially welcome</h4>
+
+          <h4>Tell us anything</h4>
           <hr>
           
           <div class="contact_methods">
@@ -340,11 +348,13 @@
             <button onclick="loadMap()" id="mapButton">Or just come in</button>
           </div>
 
-          <div class="map">
-            <iframe id="map" frameborder="0" style="border:0" allowfullscreen></iframe>
-          </div>
         </div>
       </div>
+
+      <div class="map">
+        <iframe id="map" frameborder="0" style="border:0" allowfullscreen></iframe>
+      </div>
+
     </div>
 
     <footer>