diff --git a/site/index.html b/site/index.html
index bb00c1d6..9826e922 100644
--- a/site/index.html
+++ b/site/index.html
@@ -21,14 +21,16 @@ <h2 id="about" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">
             <h2 id="images" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">
-                Images of the Application</h2>
-            <a href="#documents">
-                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
-                    width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="m8 10 4 4 4-4" />
-                </svg>
-            </a>
+                Images of the Application
+                <a href="#documents">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m8 10 4 4 4-4" />
+                    </svg>
+                </a>
+            </h2>
+
             <div class="grid gap-3">
                 <img src="./static/app/1.png" alt="Image 1" class="rounded-lg shadow-lg h-30">
                 <img src="./static/app/2.png" alt="Image 2" class="rounded-lg shadow-lg h-30">
@@ -46,14 +48,16 @@ <h2 id="images" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">
             <h2 id="documents" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">
-                Documents</h2>
-            <a href="#creator">
-                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
-                    width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="m8 10 4 4 4-4" />
-                </svg>
-            </a>
+                Documents
+                <a href="#creator">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m8 10 4 4 4-4" />
+                    </svg>
+                </a>
+            </h2>
+
             <p>
                 Below are the documents for the project. Click on the links to view the documents.
                 I would recommend you to start with the Project Report as the other documents are outdated and do not
@@ -82,15 +86,17 @@ <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"
 <section class="bg-white dark:bg-gray-900">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">
-            <h2 id="supervisor" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">Creator
+            <h2 id="supervisor" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">
+                Creator
+                <a href="#contact">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m8 10 4 4 4-4" />
+                    </svg>
+                </a>
             </h2>
-            <a href="#contact">
-                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
-                    width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="m8 10 4 4 4-4" />
-                </svg>
-            </a>
+
             <img class="w-24 h-24 mb-3 rounded-full shadow-lg" src="./static/Chi.png" alt="Bonnie image" />
             <p>
 
@@ -101,15 +107,17 @@ <h2 id="supervisor" class="mb-4 text-4xl tracking-tight font-bold text-gray-900
 <section class="bg-white dark:bg-gray-900">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">
-            <h2 id="creator" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">Creator</h2>
-            <a href="#contact">
-                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
-                    width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="m8 10 4 4 4-4" />
-                </svg>
+            <h2 id="creator" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">
+                Creator
+                <a href="#contact">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m8 10 4 4 4-4" />
+                    </svg>
+                </a>
+            </h2>
 
-            </a>
             <img class="w-24 h-24 mb-3 rounded-full shadow-lg" src="./static/Chi.png" alt="Bonnie image" />
             <p>
                 Hello, my name is Chi Huu Huynh. I am a student at <a href="https://setu.ie/"
@@ -124,14 +132,16 @@ <h2 id="creator" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dar
 <section class="bg-white dark:bg-gray-900">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">
-            <h2 id="contact" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">Contact</h2>
-            <a href="#about">
-                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
-                    width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="m16 17-4-4-4 4m8-6-4-4-4 4" />
-                </svg>
-            </a>
+            <h2 id="contact" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">
+                Contact
+                <a href="#about">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
+                        width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m16 17-4-4-4 4m8-6-4-4-4 4" />
+                    </svg>
+                </a>
+            </h2>
             <p>
                 Name: Chi Huu Huynh
             </p>