From bdc41967c2a21f19ecbbb679d0f3cd6d37e907fb Mon Sep 17 00:00:00 2001
From: Lukas Heiligenbrunner <lukas.heiligenbrunner@gmail.com>
Date: Mon, 16 Mar 2020 22:24:51 +0100
Subject: [PATCH] added about me infos

---
 css/index.css |  2 +-
 index.html    | 27 +++++++++++++++++++++++----
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/css/index.css b/css/index.css
index 21ff8f3..bac9893 100644
--- a/css/index.css
+++ b/css/index.css
@@ -5,7 +5,7 @@ body, html {
 }
 
 .tile {
-    height: 70%;
+    height: 80%;
     padding-top: 70px;
     padding-bottom: 70px
 }
diff --git a/index.html b/index.html
index 7db4cf2..887df11 100644
--- a/index.html
+++ b/index.html
@@ -36,10 +36,13 @@
                 <a class="nav-link" href="#section2">About Me</a>
             </li>
             <li class="nav-item">
-                <a class="nav-link" href="#section3">Projects</a>
+                <a class="nav-link" href="#section3">Experience</a>
             </li>
             <li class="nav-item">
-                <a class="nav-link" href="#section4">Contact</a>
+                <a class="nav-link" href="#section4">Projects</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#section5">Contact</a>
             </li>
         </ul>
     </div>
@@ -64,6 +67,22 @@
 <div id="section2" class="bg-warning tile">
     <div class="container">
         <h1>About me</h1>
+        <p style="width: 40%">
+            Hello! I'm Lukas, a software engineer based in Austria who enjoys building things that live on the internet.
+            I develop exceptional websites and web apps that provide intuitive, pixel-perfect user interfaces with efficient and modern backends.
+
+            I'm currently a student of the HTL Steyr and I am in the final year.
+            <br>
+
+            Here are a few technologies I've been working with recently:
+        </p>
+    </div>
+</div>
+
+<!-- Experience Page -->
+<div id="section3" class="tile" style="background-color: #53bf65">
+    <div class="container">
+        <h1>Experience</h1>
         <p>Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
             Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
             Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
@@ -72,7 +91,7 @@
 </div>
 
 <!-- Projects Page -->
-<div id="section3" class="bg-secondary tile">
+<div id="section4" class="bg-secondary tile">
     <div class="container">
         <h1>Projects</h1>
         <p>Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
@@ -83,7 +102,7 @@
 </div>
 
 <!-- Contact Page -->
-<div id="section4" class="bg-danger tile">
+<div id="section5" class="bg-danger tile">
     <div class="container">
         <h1>Contact</h1>
         <h3>Stay in Contact!</h3>