diff --git a/README.md b/README.md
index 20e3748..199e408 100644
--- a/README.md
+++ b/README.md
@@ -40,7 +40,7 @@ Each lab module has been designed to provide you with exercises on a general top
 If you want to go through the labs in order, click on the button below.
 <br>
 <a href="./lab1/README.md">
-  <img src="resources/btn_StartLab1.svg" width="150" height="100" alt="Start Lab 1">
+  <img src="assets/btn_StartLab1.svg" width="150" height="100" alt="Start Lab 1">
 </a>
 
 # About this VM:
diff --git a/assets/btn_Exercise0.svg b/assets/btn_Exercise0.svg
new file mode 100644
index 0000000..650aeb4
--- /dev/null
+++ b/assets/btn_Exercise0.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 0</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_Exercise1.svg b/assets/btn_Exercise1.svg
new file mode 100644
index 0000000..6b5fb41
--- /dev/null
+++ b/assets/btn_Exercise1.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 1</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_Exercise2.svg b/assets/btn_Exercise2.svg
new file mode 100644
index 0000000..dcc590e
--- /dev/null
+++ b/assets/btn_Exercise2.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 2</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_Exercise3.svg b/assets/btn_Exercise3.svg
new file mode 100644
index 0000000..ecf263a
--- /dev/null
+++ b/assets/btn_Exercise3.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 3</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_Exercise4.svg b/assets/btn_Exercise4.svg
new file mode 100644
index 0000000..fdb4f9c
--- /dev/null
+++ b/assets/btn_Exercise4.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 4</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_Exercise5.svg b/assets/btn_Exercise5.svg
new file mode 100644
index 0000000..c917eaf
--- /dev/null
+++ b/assets/btn_Exercise5.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 5</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_Exercise6.svg b/assets/btn_Exercise6.svg
new file mode 100644
index 0000000..a85aeae
--- /dev/null
+++ b/assets/btn_Exercise6.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Exercise 6</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/resources/btn_StartLab1.svg b/assets/btn_StartLab1.svg
similarity index 100%
rename from resources/btn_StartLab1.svg
rename to assets/btn_StartLab1.svg
diff --git a/assets/btn_StartLab2.svg b/assets/btn_StartLab2.svg
new file mode 100644
index 0000000..6e4592c
--- /dev/null
+++ b/assets/btn_StartLab2.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Lab 2</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_StartLab3.svg b/assets/btn_StartLab3.svg
new file mode 100644
index 0000000..a217acd
--- /dev/null
+++ b/assets/btn_StartLab3.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Lab 3</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/assets/btn_StartLab4.svg b/assets/btn_StartLab4.svg
new file mode 100644
index 0000000..40c8c6b
--- /dev/null
+++ b/assets/btn_StartLab4.svg
@@ -0,0 +1,86 @@
+<svg fill="none" viewBox="0 0 800 400" width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject width="100%" height="100%">
+        <div xmlns="http://www.w3.org/1999/xhtml">
+          <style>
+            @keyframes rotate {
+              0% {
+                transform: rotate(3deg);
+              }
+              100% {
+                transform: rotate(-3deg);
+              }
+            }
+            @keyframes gradientBackground {
+              0% {
+                background-position: 0% 50%;
+              }
+              50% {
+                background-position: 100% 50%;
+              }
+              100% {
+                background-position: 0% 50%;
+              }
+            }
+            @keyframes fadeIn {
+              0% {
+                opacity: 0;
+              }
+              66% {
+                opacity: 0;
+              }
+              100% {
+                opacity: 1;
+              }
+            }
+            .container {
+              font-family:
+                system-ui,
+                -apple-system,
+                'Segoe UI',
+                Roboto,
+                Helvetica,
+                Arial,
+                sans-serif,
+                'Apple Color Emoji',
+                'Segoe UI Emoji';
+              display: flex;
+              flex-direction: column;
+              align-items: center;
+              justify-content: center;
+              margin: 0;
+              width: 100%;
+              height: 100%;
+              background: linear-gradient(-45deg, #fc5c7d, #6a82fb, #05dfd7);
+              background-size: 200% 100%;
+              animation: gradientBackground 10s ease infinite;
+              border-radius: 30px;
+              color: white;
+              text-align: center;
+            }
+            h1 {
+              font-size: 80px;
+              line-height: 1.2;
+              letter-spacing: 5px;
+              text-transform: uppercase;
+              text-shadow:
+                0 1px 0 #efefef,
+                0 2px 0 #efefef,
+                0 3px 0 #efefef,
+                0 4px 0 #efefef,
+                0 12px 5px rgba(0, 0, 0, 0.1);
+              animation: rotate ease-in-out 1s infinite alternate;
+            }
+            p {
+              font-size: 50px;
+              text-shadow: 0 1px 0 #efefef;
+              animation: 2s ease 0s normal forwards 1 fadeIn;
+              margin-top: -2%
+            }
+          </style>
+          <div class="container">
+            <h1>Start Lab 4</h1>
+            <p>Click Here</p>
+          </div>
+        </div>
+      </foreignObject>
+    </svg>
\ No newline at end of file
diff --git a/lab1/README.md b/lab1/README.md
index 043cf14..e86cbf7 100644
--- a/lab1/README.md
+++ b/lab1/README.md
@@ -19,8 +19,13 @@ For this lab, your goals are the following:
   - Be able to read/write some basic YAML
 
 ## Exercise summary:
-  - Exercise-1: Make scalars or different data types
-  - Exercise-2: Make your first mapping
-  - Exercise-3: Make two different sequences
-  - Exercise-4: Working with long lines of text
-  - Exercise-5: Referencing other data within a YAML document
\ No newline at end of file
+  - <a href="./exercise-1/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../assets/btn_Exercise1.svg" width="150" height="100" alt="Start Exercise 1"></a> - Make scalars or different data types
+
+  - <a href="./exercise-2/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../assets/btn_Exercise2.svg" width="150" height="100" alt="Start Exercise 2"></a> - Make your first mapping
+
+  - <a href="./exercise-3/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../assets/btn_Exercise3.svg" width="150" height="100" alt="Start Exercise 3"></a> - Make two different sequences
+
+  - <a href="./exercise-4/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../assets/btn_Exercise4.svg" width="150" height="100" alt="Start Exercise 4"></a> - Working with long lines of text
+
+  - <a href="./exercise-5/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../assets/btn_Exercise5.svg" width="150" height="100" alt="Start Exercise 5"></a> - Referencing other data within a YAML document
+
diff --git a/lab1/exercise-1/README.md b/lab1/exercise-1/README.md
index bc5cb0a..9d6315c 100644
--- a/lab1/exercise-1/README.md
+++ b/lab1/exercise-1/README.md
@@ -1,3 +1,5 @@
+# Exercise 1 - Make scalars or different data types
+
 <!-- MarkdownTOC -->
 
   - [Exercise Description](#exercise-description)
@@ -7,7 +9,7 @@
   - [Exercise Instructions](#exercise-instructions)
 
 <!-- /MarkdownTOC -->
-# Exercise Description (Make scalars or different data types):
+# Exercise Description
 For this exercise, you will learn about the different data types that you can supply as a value to a key. 
 In the world of YAML, they have this thing called a "**scalar**". A **scalar** is simply either a string of **characters** or **numbers** that are supplied as a value to a key, or as an element of a list.
 
@@ -39,7 +41,7 @@ employee_ages:
   - 28.9
 ```
 
-# Exercise Instructions:
+# Exercise Instructions
 
   - Open the file `l1_e1.yaml` and supply the appripiate scalar (values) to all the keys.
 
@@ -50,3 +52,7 @@ employee_ages:
   - You can run the above command from within Visual Studio Code using the built in terminal. To open the terminal within VS Code, press the following keys together:
   
 ``ctrl + shift + ` ``
+
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **mappings**.
+<br><a href="../exercise-2/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise2.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab1/exercise-2/README.md b/lab1/exercise-2/README.md
index 12a582a..507cf40 100644
--- a/lab1/exercise-2/README.md
+++ b/lab1/exercise-2/README.md
@@ -1,10 +1,12 @@
+# Exercise 2 - Make your first mapping
+
 <!-- MarkdownTOC -->
 
   - [Exercise Description](#exercise-description)
   - [Exercise Instructions](#exercise-instructions)
 
 <!-- /MarkdownTOC -->
-# Exercise Description (Make your first mapping):
+# Exercise Description
 YAML documents, at a high level, have three basic primatives (structures) that make up the structure of a YAML document:
   - Scalars (strings, numbers, dates, etc...)
   - Mappings (key/value pairs, hash maps, dictionaries)
@@ -17,7 +19,7 @@ In this exercise, we will practice creating some **mappings**. Below is a graphi
 As you can see in the picture above, a mapping is essentially a **key/value** pair.
 The "value" can be either a sequence (this is something we talk about in the next exercise), a scalar, or another mapping.
 
-# Exercise Instructions:
+# Exercise Instructions
 
   1. Open the file `l1_e2.yaml` and supply the create three mappings that have the following requirements. (**NOTE**: Please make the mappings in the order as they are listed):
      1. Mapping with a key called **MyName** with an assigned scalar of type **string**.
@@ -29,3 +31,7 @@ The "value" can be either a sequence (this is something we talk about in the nex
   3. Change directory to this exercise folder with the following command: `cd ~/Kubernetes_Labs/lab1/exercise-2`
 
   4. After supplying all the values, run the following command to check your work: `./check-work`
+
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **sequences**.
+<br><a href="../exercise-3/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise3.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab1/exercise-3/README.md b/lab1/exercise-3/README.md
index 9c90acc..bfb9e78 100644
--- a/lab1/exercise-3/README.md
+++ b/lab1/exercise-3/README.md
@@ -52,3 +52,7 @@ AboutMe:
   3. Change directory to this exercise folder with the following command: `cd ~/Kubernetes_Labs/lab1/exercise-3`
 
   4. After supplying all the values, run the following command to check your work: `./check-work`
+
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **sequences**.
+<br><a href="../exercise-4/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise4.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab1/exercise-4/README.md b/lab1/exercise-4/README.md
index de48f02..05b3742 100644
--- a/lab1/exercise-4/README.md
+++ b/lab1/exercise-4/README.md
@@ -26,3 +26,7 @@ With the example below, you can see that we use the "|" character to tell YAML t
   3. Change directory to this exercise folder with the following command: `cd ~/Kubernetes_Labs/lab1/exercise-4`
 
   4. After supplying all the values, run the following command to check your work: `./check-work`
+
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **sequences**.
+<br><a href="../exercise-5/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise5.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab1/exercise-5/README.md b/lab1/exercise-5/README.md
index f8f641b..861afed 100644
--- a/lab1/exercise-5/README.md
+++ b/lab1/exercise-5/README.md
@@ -4,6 +4,7 @@
   - [Example 1 (Anchor and Alias):](#example-1-anchor-and-alias)
   - [Important Caveat:](#important-caveat)
 - [Exercise Instructions:](#exercise-instructions)
+    - [Congradulations!](#congradulations)
 
 <!-- /MarkdownTOC -->
 # Exercise Description (Referencing other data within a YAML document):
@@ -38,3 +39,9 @@ Please note that there is a very important caveat you need to remember when usin
   3. Change directory to this exercise folder with the following command: `cd ~/Kubernetes_Labs/lab1/exercise-5`
 
   4. After supplying all the values, run the following command to check your work: `./check-work`
+
+---
+### Congradulations! 
+After completing this exercise, you've officially completed **Lab-1**! 
+Click on the button below to navigate over to **Lab-2** where you'll learn how to use K3D.
+<br><a href="../../lab2/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_StartLab2.svg" width="150" height="100" alt="Next Lab"></a>
\ No newline at end of file
diff --git a/lab2/exercise-1/README.md b/lab2/exercise-1/README.md
index 0ad4993..d09c218 100644
--- a/lab2/exercise-1/README.md
+++ b/lab2/exercise-1/README.md
@@ -16,4 +16,7 @@ The purpose of this lab is to show you how to install K3D... You'll soon find ou
   2. To install K3d, run the following command
   ```
   curl -s https://raw.githubusercontent.com/rancher/k3d/main/install.sh | bash
-  ```
\ No newline at end of file
+  ```
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **-**.
+<br><a href="../exercise-2/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise2.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab2/exercise-2/README.md b/lab2/exercise-2/README.md
index a11e0c7..896ae30 100644
--- a/lab2/exercise-2/README.md
+++ b/lab2/exercise-2/README.md
@@ -161,4 +161,6 @@ For the  beginning part of the exercise, I'm not going to give you the answer im
    To further debug and diagnose cluster problems, use 'kubectl cluster-info dump'.
    ```
 
-You can now proceed to the next exercise.
\ No newline at end of file
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **using K3D to switch between managing multiple clusters**.
+<br><a href="../exercise-3/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise3.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab2/exercise-3/README.md b/lab2/exercise-3/README.md
index cda6680..deade11 100644
--- a/lab2/exercise-3/README.md
+++ b/lab2/exercise-3/README.md
@@ -40,4 +40,6 @@ In this exercise, we will create a second Kubernetes cluster and have you change
    k3d-my-cluster1-agent-0    Ready    <none>                 16m   v1.21.5+k3s2
    ```
 
-**You can now proceed to the next exercise!**
\ No newline at end of file
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **using K3D to add or remove additional nodes from your kubernetes cluster**.
+<br><a href="../exercise-4/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise4.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab2/exercise-4/README.md b/lab2/exercise-4/README.md
index f222d98..ab99dfd 100644
--- a/lab2/exercise-4/README.md
+++ b/lab2/exercise-4/README.md
@@ -39,4 +39,8 @@ In this exercise, we will add, then remove a worker node from our K8s cluster.
     k3d-my-cluster1-agent-1    Ready      <none>                 99m     v1.21.5+k3s2
     k3d-my-cluster1-server-0   Ready      control-plane,master   99m     v1.21.5+k3s2
     ```
-    If you see the entry for `k3d-extra-agent-0` then awesome! You've successfully added an additional node to your kubernetes cluster and you can now **continue to the next exercise**.
\ No newline at end of file
+    If you see the entry for `k3d-extra-agent-0` then awesome! You've successfully added an additional node to your kubernetes cluster!
+
+---
+After completing the this exercise, please click on the button below to go to the next exercise where you'll learn about **how to use K3D to delete your cluster**.
+<br><a href="../exercise-5/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_Exercise5.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file
diff --git a/lab2/exercise-5/README.md b/lab2/exercise-5/README.md
index fd09e9b..a3a89c5 100644
--- a/lab2/exercise-5/README.md
+++ b/lab2/exercise-5/README.md
@@ -26,4 +26,9 @@ The exercise's name is self explanatory. Let's go and delete a cluster or two.
    ```
    And that's it! 
 
-**Please proceed to Lab-3**.
\ No newline at end of file
+---
+### Congradulations! 
+You've sucessfully completed **Lab-2**!
+Next, in **Lab-3** things will start to pick up as you learn how to interact and how to manage kubernetes using a command line tool called `kubectl`.
+Click on the button below to navigate to **Lab-3**.
+<br><a href="../../lab3/README.md"><img style="margin-bottom:-50px; padding-bottom:3px" src="../../assets/btn_StartLab3.svg" width="150" height="100" alt="Next Exercise"></a>
\ No newline at end of file