introduction section

src/components/sections/TextSection.vue

@@ -76,13 +76,22 @@ window.addEventListener("resize", createTimeline);
           <button class="btn second-btn">Zur Experience</button>
         </router-link>
       </div>
-
       <div class="container third">
+        <div class="experience-text">
+          <h2>Spotify recommendation project</h2>
+        </div>
+        <div class="marker"></div>
+        <router-link to="/recommSpotify">
+          <button class="btn third-btn">Zur recommSpotify</button>
+        </router-link>
+      </div>
+
+      <div class="container fourth">
         <div class="experience-text">
           <h2>Here is the final step!</h2>
         </div>
         <div class="marker"></div>
-        <button class="btn third-btn">Next</button>
+        <button class="btn fourth-btn">Next</button>
       </div>
     </div>
     <div class="spacer final"></div>
@@ -228,4 +237,14 @@ body {
   width: 100px;
   height: 100px;
 }
+
+.fourth {
+  left: 10%;
+  top: 750%;
+}
+
+.fourth .marker {
+  width: 100px;
+  height: 100px;
+}
 </style>