fleshed website out a bit more

index.html

@@ -18,7 +18,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>ISDev - Hendrik Strydom Portfolio</title>
-  <link rel="canonical" href="https://isdev.co/"/>
+  <link rel="canonical" href="https://isdev.co/" />
 
   <link rel="stylesheet" href="./source/code/main.css">
   <link rel="stylesheet" href="./source/code/flowers.css">
@@ -101,10 +101,13 @@
     </div>
 
     <div class="section-div" id="second-section">
-      <h1 style="display: none;">Hendrik Strydom</h1>
-      <div class="title-h2h3">
-        <h2>Hello, I'm</h2>
-        <h3>Hendrik</h3>
+      <h1 style="display: none;">Hendrik Strydom Portfolio</h1>
+      <div class="title-span">
+        <h2>
+          <span>Hello, I'm</span>
+          <br>
+          <span>Hendrik</span>
+        </h2>
       </div>
 
       <div style="margin-left: 20px;">
@@ -113,27 +116,34 @@ <h3>I'm a</h3>
           <h3 id="imaX">Bsc IT student</h3>
         </div>
         <p id="quick-intro">
-          I'm a passionate enthusiastic programmer, crafting digital solutions one line of code at a time.
+          I'm a passionate programmer, crafting digital solutions one line of code at a time.
           When I'm not crafting software magic, you can find me chasing down bugs or sipping on the
           elixir of code creation - energy drinks, of course. So, if you're in need of a tech-savvy wizard who
           can turn energy drinks into code, you're in the right place.
+          <br><br>
+          I'm Hendrik Strydom and this is my portfolio!
         </p>
+        <!-- <p style="display: none;">I'm Hendrik Strydom, and this is my Portfolio!</p> -->
       </div>
     </div>
 
     <div class="section-div" id="third-section">
-      <div class="title-h2h3">
-        <h2>I really love</h2>
-        <h3>coding!</h3>
+      <div class="title-span">
+        <h2>
+          <span>I really love</span>
+          <br>
+          <span>coding!</span>
+        </h2>
       </div>
 
       <div style="margin-left: 20px; z-index: 3;">
         <p id="love-coding">
           It's been my digital love affair for the past YEAR_TIME years, and I must say, it's been quite the
           adventure.
-
-          <br>
-
+          <br><br>
+          I went from coming first place in the 2015 South African World Robot Olympiad to creating my first website in 2018. Since
+          then, I've been hooked on programming and have been on a quest to learn as much as I can about it.
+          <br><br>
           You can catch some of my <a href="/projects" class="link">recent creations here</a>.
 
           <!-- <br><br>
@@ -158,9 +168,12 @@ <h3>coding!</h3>
 
 
     <div class="section-div" id="fourth-section">
-      <div class="title-h2h3">
-        <h2>Let's have</h2>
-        <h3>a chat</h3>
+      <div class="title-span">
+        <h2>
+          <span>Let's have</span>
+          <br>
+          <span>a chat</span>
+        </h2>
       </div>
 
       <div style="margin-left: 20px; z-index: 3;">

source/code/main.css

@@ -66,7 +66,7 @@ section {
 }
 
 #third-section {
-    margin-top: 250px;
+    margin-top: 100px;
 
     color: white;
     background-color: rgba(20, 20, 20, 1);
@@ -106,6 +106,32 @@ section {
     font-size: 60px;
 }
 
+
+
+.title-span {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    margin-bottom: 25px;
+}
+
+/* .title-span h2 {
+    margin: 0;
+} */
+
+.title-span span:first-child {
+    font-size: 30px;
+}
+
+.title-span span:last-child {
+    font-size: 60px;
+    margin-top: 0px;
+    margin-left: 50px;
+}
+
+
+
 #ribbon {
     display: flex;
     flex-direction: row;
@@ -413,7 +439,8 @@ a {
     }
 
     #scroll-indicator-2 {
-        display: block;
+        /* display: block; */
+        display: none;
     }
 }