Added contact info

assets/styles.css

@@ -181,7 +181,7 @@ section {
   margin-right: 20px;
 }
 
-/* Services Section */
+/* Background Section */
 .center {
   text-align: center;
   margin-bottom: 1rem;
@@ -194,7 +194,7 @@ section {
   letter-spacing: 6px;
 }
 
-.service-content {
+.background-content {
   display: list-item;
   grid-template-columns: repeat(auto-fit, minmax(350px, auto));
   grid-gap: 3rem;
@@ -402,18 +402,8 @@ section {
   justify-content: center;
   align-items: center;
   height: 100%;
-}
-
-.contact-form {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 4.2rem;
-}
-
-.contact-form form {
-  position: relative;
-  width: 550px;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
 }
 
 form input, 
@@ -553,10 +543,8 @@ form .send-btn:hover {
   .box h5 {
     font-size: 12px;
   }
-  .contact-form form {
-    width: 100%;
-  }
-  .service-content {
+
+  .background-content {
     grid-template-columns: 1fr;
   }
 

index.html

@@ -28,7 +28,7 @@
     <ul class="navbar">
       <li><a href="#home">Home</a></li>
       <li><a href="#about">About</a></li>
-      <li><a href="#services">Services</a></li>
+      <li><a href="#background">Background</a></li>
       <li><a href="#education">Education</a></li>
       <li><a href="#experience">Experience</a></li>
       <li><a href="#contact">Contact</a></li>
@@ -73,12 +73,12 @@ <h2>I'm a VideoGame Developer.</h2>
   <!-- End of About Section -->
 
   <!-- Start of Services Section -->
-  <section class="services" id="services">
+  <section class="background" id="background">
     <div class="center">
       <h3>So, what are the things I have done?</h3>
     </div>
 
-    <div class="service-content">
+    <div class="background-content">
       <div class="center"><h3>During 1st year</h3></div>
 
       <div class="row">
@@ -258,12 +258,11 @@ <h3>Alien: Nemesis</h3>
 
     </div>
   </section>
-  <!-- End of Services Section -->
+  <!-- End of Background Section -->
 
   <!-- CTA Section -->
   <section class="cta">
     <h4>Let's make something great together!</h4>
-    <a href="#" class="btn">Hire Me</a>
   </section>
   <!-- End of CTA Section -->
 
@@ -274,20 +273,22 @@ <h3>Education</h3>
     </div>
 
     <div class="education-content">
-      <!-- Education 01 -->
       <div class="box">
         <h6>September 2021 - Present</h6>
-        <h4>Videogame Design & Development</h4>
-        <p>Studied Web Development.</p>
-        <h5>CITM | UPC</h5>
+        <h4>Bachellor's Degree | Videogame Design & Development</h4>
+        <h5>@ CITM | UPC (TTC)</h5>
       </div>
 
-      <!-- Education 02 -->
       <div class="box">
         <h6>September 2018 - June 2020</h6>
-        <h4>Multiplatform Applications Development</h4>
-        <p>Studied Web Development.</p>
-        <h5>STUCOM Centre d'Estudis</h5>
+        <h4>Higher National Diploma | Multiplatform Applications Development</h4>
+        <h5>@ STUCOM Centre d'Estudis</h5>
+      </div>
+
+      <div class="box">
+        <h6>September 2015 - June 2017</h6>
+        <h4>Secondary Education Diploma | Technologic</h4>
+        <h5>@ IES Escola del Treball</h5>
       </div>
     </div>
   </section>
@@ -303,7 +304,7 @@ <h3>Experience</h3>
     <div class="box">
       <h6>November 2019 - May 2020</h6>
       <h4>Software Developer & Bug fixing Internship</h4>
-      <p>Software Developer at Carver Advanced Systems S.L.</p>
+      <p>@ Carver Advanced Systems S.L.</p>
       <h5>Barcelona, Spain</h5>
     </div>
   </div>
@@ -312,18 +313,17 @@ <h5>Barcelona, Spain</h5>
 
   <!-- Start of Contact Section -->
   <section class="contact" id="contact">
-    <div class="contact-center">
-      <h3>Get In Touch</h3>
+    <div class="center">
+      <h3>Contact</h3>
     </div>
+    <div class="contact-center">
+
+      <a href="https://www.linkedin.com/in/jonathan-cacay-llanes-15982716b/"><img src="img/linkedin.png" width="150" height="150"></a>
+      <a href="https://github.com/xGauss05"><img src="img/github.png" width="150" height="150"></a>
 
-    <div class="contact-form">
-      <form action="">
-        <input type="" placeholder="Name" required>
-        <input type="email" placeholder="Email" required>
-        <textarea name="" id="" cols="30" rows="10" placeholder="Message" required></textarea>
-        <input type="submit" value="Send Message" class="send-btn">
-      </form>
+
     </div>
+    <h3>[email protected]</h3>
   </section>
   <!-- End of Contact Section -->