diff --git a/class_routine.html b/class_routine.html
index e8cb026..91a8cb9 100644
--- a/class_routine.html
+++ b/class_routine.html
@@ -7,7 +7,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
     <script src="https://kit.fontawesome.com/844c24b1cd.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="index.css">
+    <link rel="stylesheet" href="https://shawkath646.github.io/college-template/index.css">
     <title>Luton Sixth Form College</title>
     <style>
         body {
@@ -59,12 +59,12 @@
         <div class="container-fluid justify-content-between">
             <div class="d-flex align-items-center">
                 <div class="navbar-brand">
-                    <img src="./images/luton-sixth-form.png" alt="header logo" height="40" />
+                    <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="40" />
                 </div>
                 <span class="navbar-brand mb-0 h1 text-danger">Luton Sixth Form College</span>
             </div>
             <div class="d-flex align-items-center">
-                <a href="./student_profile.html" class="fs-1 me-2 d-lg-none"><i
+                <a href="https://shawkath646.github.io/college-template/student_profile.html" class="fs-1 me-2 d-lg-none"><i
                         class="fa-regular fa-circle-user text-danger"></i></a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                     data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
@@ -75,15 +75,15 @@
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
                 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./student_profile.html"><i
+                        <a class="nav-link" aria-current="page" href="https://shawkath646.github.io/college-template/student_profile.html"><i
                                 class="fa-regular fa-user me-2"></i>Profile</a>
                     </li>
                     <li class="nav-item">
-                        <a href="./class_routine.html" class="nav-link"><i
+                        <a href="https://shawkath646.github.io/college-template/class_routine.html" class="nav-link"><i
                                 class="fa-regular fa-calendar-days me-2"></i>Class Routine</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="./login.html"><i
+                        <a class="nav-link" href="https://shawkath646.github.io/college-template/login.html"><i
                                 class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
                     </li>
                 </ul>
@@ -152,7 +152,7 @@ <h2>Class Routine - Spring 2024</h2>
     </div>
     <footer class="container bg-danger bg-opacity-25 py-4 fade-in-ani mt-10">
         <div class="d-flex align-items-center pb-2 border-bottom border-dark">
-          <img src="./images/luton-sixth-form.png" alt="header logo" height="30" />
+          <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="30" />
           <span class="fs-5 fw-bold text-danger ms-2">Luton Sixth Form College</span>
         </div>
         <div class="my-4">
@@ -163,7 +163,7 @@ <h2>Class Routine - Spring 2024</h2>
           <span>Copyright ©2024 All rights reserved | This template is made with  by Sanjida Jahan Mridula</span>
         </div>
       </footer>
-    <script src="./index.js"></script>
+    <script src="https://shawkath646.github.io/college-template/index.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
         crossorigin="anonymous"></script>
 </body>
diff --git a/facilities.html b/facilities.html
index a00a1a6..75e1b9a 100644
--- a/facilities.html
+++ b/facilities.html
@@ -7,7 +7,7 @@
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
   <script src="https://kit.fontawesome.com/844c24b1cd.js" crossorigin="anonymous"></script>
-  <link rel="stylesheet" href="./index.css">
+  <link rel="stylesheet" href="https://shawkath646.github.io/college-template/index.css">
   <title>Luton Sixth Form College</title>
 </head>
 
@@ -16,12 +16,12 @@
     <div class="container-fluid justify-content-between">
       <div class="d-flex align-items-center">
         <div class="navbar-brand">
-          <img src="./images/luton-sixth-form.png" alt="header logo" height="40" />
+          <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="40" />
         </div>
         <span class="navbar-brand mb-0 h1 text-danger">Luton Sixth Form College</span>
       </div>
       <div class="d-flex align-items-center">
-        <a href="./student_profile.html" class="fs-1 me-2 d-lg-none"><i
+        <a href="https://shawkath646.github.io/college-template/student_profile.html" class="fs-1 me-2 d-lg-none"><i
             class="fa-regular fa-circle-user text-danger"></i></a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
           aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -31,15 +31,15 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link" aria-current="page" href="./student_profile.html"><i
+            <a class="nav-link" aria-current="page" href="https://shawkath646.github.io/college-template/student_profile.html"><i
                 class="fa-regular fa-user me-2"></i>Profile</a>
           </li>
           <li class="nav-item">
-            <a href="./class_routine.html" class="nav-link"><i class="fa-regular fa-calendar-days me-2"></i>Class
+            <a href="https://shawkath646.github.io/college-template/class_routine.html" class="nav-link"><i class="fa-regular fa-calendar-days me-2"></i>Class
               Routine</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="./login.html"><i class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
+            <a class="nav-link" href="https://shawkath646.github.io/college-template/login.html"><i class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
           </li>
         </ul>
       </div>
@@ -47,7 +47,7 @@
   </nav>
   <main class="container mt-10">
     <p class="fs-5 fw-bold">
-      <a href="../index.html" class=""><i class="fa-solid fa-arrow-left me-3"></i></a>
+      <a href="https://shawkath646.github.io/college-template/" class=""><i class="fa-solid fa-arrow-left me-3"></i></a>
       Facilities
     </p>
     <div class="row gy-2">
@@ -207,7 +207,7 @@ <h5 class="card-title fw-bold">17. Art Studios</h5>
   </main>
   <footer class="container bg-danger bg-opacity-25 py-4 mt-10 fade-in-ani">
     <div class="d-flex align-items-center pb-2 border-bottom border-dark">
-      <img src="./images/luton-sixth-form.png" alt="header logo" height="30" />
+      <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="30" />
       <span class="fs-5 fw-bold text-danger ms-2">Luton Sixth Form College</span>
     </div>
     <div class="my-4">
@@ -218,7 +218,7 @@ <h5 class="card-title fw-bold">17. Art Studios</h5>
       <span>Copyright ©2024 All rights reserved | This template is made with by Sanjida Jahan Mridula</span>
     </div>
   </footer>
-  <script src="./index.js"></script>
+  <script src="https://shawkath646.github.io/college-template/index.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
 </body>
 
diff --git a/index.html b/index.html
index ddfa72f..c285cdd 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
   
   <script src="https://kit.fontawesome.com/844c24b1cd.js" crossorigin="anonymous"></script>
-  <link rel="stylesheet" href="./index.css">
+  <link rel="stylesheet" href="https://shawkath646.github.io/college-template/index.css">
   <title>Luton Sixth Form College</title>
 </head>
 <body>
@@ -14,12 +14,12 @@
 	  <div class="container-fluid justify-content-between">
 	    <div class="d-flex align-items-center">
         <div class="navbar-brand">
-  	      <img src="./images/luton-sixth-form.png" alt="header logo" height="40" />
+  	      <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="40" />
   	    </div>
   	    <span class="navbar-brand mb-0 h1 text-danger">Luton Sixth Form College</span>
 	    </div>
 	    <div class="d-flex align-items-center">
-  	    <a href="./student_profile.html" class="fs-1 me-2 d-lg-none"><i class="fa-regular fa-circle-user text-danger"></i></a>
+  	    <a href="https://shawkath646.github.io/college-template/student_profile.html" class="fs-1 me-2 d-lg-none"><i class="fa-regular fa-circle-user text-danger"></i></a>
   	    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
@@ -27,13 +27,13 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link" aria-current="page" href="./student_profile.html"><i class="fa-regular fa-user me-2"></i>Profile</a>
+            <a class="nav-link" aria-current="page" href="https://shawkath646.github.io/college-template/student_profile.html"><i class="fa-regular fa-user me-2"></i>Profile</a>
           </li>
           <li class="nav-item">
-            <a href="./class_routine.html" class="nav-link"><i class="fa-regular fa-calendar-days me-2"></i>Class Routine</a>
+            <a href="https://shawkath646.github.io/college-template/class_routine.html" class="nav-link"><i class="fa-regular fa-calendar-days me-2"></i>Class Routine</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="./login.html"><i class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
+            <a class="nav-link" href="https://shawkath646.github.io/college-template/login.html"><i class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
           </li>
         </ul>
       </div>
@@ -42,7 +42,7 @@
 	<section class="container pt-5 mb-2 welcome-section fade-in-ani">
     <div class="welcome-text">
       <div>
-        <img src="./images/luton-sixth-form.png" alt="welcome logo" height="120" />
+        <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="welcome logo" height="120" />
         <h1 class="text-danger my-3 fw-bold">Luton Sixth Form College</h1>
         <p class="fw-bold fs-6">Achieve, Excel, Inspire</p>
       </div>
@@ -61,7 +61,7 @@ <h1 class="p-3 font-monospace fw-bold fs-5">2024 Admission is going on</h1>
         	  <div class="list-group list-group-flush">
         	    <a class="list-group-item list-group-item-danger list-group-item-action" href="https://apply.lutonsfc.ac.uk/PSWebEnrolment/">Admission</a>
         	    <a class="list-group-item list-group-item-danger list-group-item-action" href="#">College Results</a>
-        	    <a class="list-group-item list-group-item-danger list-group-item-action" href="./facilities.html">Facilities</a>
+        	    <a class="list-group-item list-group-item-danger list-group-item-action" href="https://shawkath646.github.io/college-template/facilities.html">Facilities</a>
         	     <a class="list-group-item list-group-item-danger list-group-item-action" href="#">Application</a>
       	    </div>
       	  </div>
@@ -130,16 +130,16 @@ <h1 class="px-3 d-inline-block mb-4 section-title pb-2 border-danger">Gallery</h
           </div>
           <div class="carousel-inner">
             <div class="carousel-item active">
-              <img src="./images/gallery_1.jpg" class="d-block w-100 object-cover" height="250px" alt="...">
+              <img src="https://shawkath646.github.io/college-template/images/gallery_1.jpg" class="d-block w-100 object-cover" height="250px" alt="...">
             </div>
             <div class="carousel-item">
-              <img src="./images/gallery_2.png" class="d-block w-100 object-cover" height="250px" alt="...">
+              <img src="https://shawkath646.github.io/college-template/images/gallery_2.png" class="d-block w-100 object-cover" height="250px" alt="...">
             </div>
             <div class="carousel-item">
-              <img src="./images/gallery_3.jpg" class="d-block w-100 object-cover" height="250px" alt="...">
+              <img src="https://shawkath646.github.io/college-template/images/gallery_3.jpg" class="d-block w-100 object-cover" height="250px" alt="...">
             </div>
             <div class="carousel-item">
-              <img src="./images/gallery_4.jpg" class="d-block w-100 object-cover" height="250px" alt="...">
+              <img src="https://shawkath646.github.io/college-template/images/gallery_4.jpg" class="d-block w-100 object-cover" height="250px" alt="...">
             </div>
           </div>
           <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
@@ -189,12 +189,12 @@ <h5 class="card-title fw-bold">3. Sports Facilities</h5>
       </div>
       <p class="text-muted text-center my-3">More...</p>
       <div class="text-end my-3">
-        <a href="./facilities.html" class="btn btn-danger">Show All</a>
+        <a href="https://shawkath646.github.io/college-template/facilities.html" class="btn btn-danger">Show All</a>
       </div>
   </section>
   <footer class="container bg-danger bg-opacity-25 py-4 fade-in-ani">
     <div class="d-flex align-items-center pb-2 border-bottom border-dark">
-      <img src="./images/luton-sixth-form.png" alt="header logo" height="30" />
+      <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="30" />
       <span class="fs-5 fw-bold text-danger ms-2">Luton Sixth Form College</span>
     </div>
     <div class="my-4">
@@ -205,7 +205,7 @@ <h5 class="card-title fw-bold">3. Sports Facilities</h5>
       <span>Copyright ©2024 All rights reserved | This template is made with  by Sanjida Jahan Mridula</span>
     </div>
   </footer>
-	<script src="./index.js"></script>
+	<script src="https://shawkath646.github.io/college-template/index.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/login.html b/login.html
index eaac7ad..45a21a9 100644
--- a/login.html
+++ b/login.html
@@ -8,7 +8,7 @@
         integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
 
     <script src="https://kit.fontawesome.com/844c24b1cd.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="./index.css">
+    <link rel="stylesheet" href="https://shawkath646.github.io/college-template/index.css">
     <title>Luton Sixth Form College</title>
 </head>
 
@@ -23,7 +23,7 @@
                                 <div class="card-body p-md-5 mx-md-4">
 
                                     <div class="text-center">
-                                        <img src="./images/luton-sixth-form.png"
+                                        <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png"
                                             style="width: 185px;" alt="logo">
                                         <h4 class="mt-1 mb-5 pb-1">Luton Sixth Form College</h4>
                                     </div>
@@ -78,7 +78,7 @@ <h4 class="mb-4">We are more than just a company</h4>
     </main>
     <footer class="container bg-danger bg-opacity-25 py-4 fade-in-ani">
         <div class="d-flex align-items-center pb-2 border-bottom border-dark">
-            <img src="./images/luton-sixth-form.png" alt="header logo" height="30" />
+            <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="30" />
             <span class="fs-5 fw-bold text-danger ms-2">Luton Sixth Form College</span>
         </div>
         <div class="my-4">
@@ -89,7 +89,7 @@ <h4 class="mb-4">We are more than just a company</h4>
             <span>Copyright ©2024 All rights reserved | This template is made with by Sanjida Jahan Mridula</span>
         </div>
     </footer>
-    <script src="./index.js"></script>
+    <script src="https://shawkath646.github.io/college-template/index.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
 </body>
 
diff --git a/student_profile.html b/student_profile.html
index 534b7c6..a2095e7 100644
--- a/student_profile.html
+++ b/student_profile.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
   <script src="https://kit.fontawesome.com/844c24b1cd.js" crossorigin="anonymous"></script>
-  <link rel="stylesheet" href="index.css">
+  <link rel="stylesheet" href="https://shawkath646.github.io/college-template/index.css">
   <title>Luton Sixth Form College</title>
 </head>
 <body class="pt-5">
@@ -13,12 +13,12 @@
 	  <div class="container-fluid justify-content-between">
 	    <div class="d-flex align-items-center">
         <div class="navbar-brand">
-  	      <img src="./images/luton-sixth-form.png" alt="header logo" height="40" />
+  	      <img src="https://shawkath646.github.io/college-template/images/luton-sixth-form.png" alt="header logo" height="40" />
   	    </div>
   	    <span class="navbar-brand mb-0 h1 text-danger">Luton Sixth Form College</span>
 	    </div>
 	    <div class="d-flex align-items-center">
-  	    <a href="./student_profile.html" class="fs-1 me-2 d-lg-none"><i class="fa-regular fa-circle-user text-danger"></i></a>
+  	    <a href="https://shawkath646.github.io/college-template/student_profile.html" class="fs-1 me-2 d-lg-none"><i class="fa-regular fa-circle-user text-danger"></i></a>
   	    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
@@ -26,13 +26,13 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link" aria-current="page" href="./student_profile.html"><i class="fa-regular fa-user me-2"></i>Profile</a>
+            <a class="nav-link" aria-current="page" href="https://shawkath646.github.io/college-template/student_profile.html"><i class="fa-regular fa-user me-2"></i>Profile</a>
           </li>
           <li class="nav-item">
-            <a href="./class_routine.html" class="nav-link"><i class="fa-regular fa-calendar-days me-2"></i>Class Routine</a>
+            <a href="https://shawkath646.github.io/college-template/class_routine.html" class="nav-link"><i class="fa-regular fa-calendar-days me-2"></i>Class Routine</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="./login.html"><i class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
+            <a class="nav-link" href="https://shawkath646.github.io/college-template/login.html"><i class="fa-solid fa-right-to-bracket me-2"></i>Login</a>
           </li>
         </ul>
       </div>
@@ -40,12 +40,12 @@
 	</nav>
   <main class="container mt-5">
     <p class="fs-5 fw-bold">
-      <a href="./index.html" class=""><i class="fa-solid fa-arrow-left me-3"></i></a>
+      <a href="https://shawkath646.github.io/college-template/index.html" class=""><i class="fa-solid fa-arrow-left me-3"></i></a>
       Student Profile
     </p>
     <div class="d-lg-flex justify-content-between align-items-center flex-row-reverse">
       <div class="w-100 w-lg-auto mb-5 text-center">
-        <img src="./images/blank-profile-picture-973460_960_720.webp" width="150px" height="150px" class="rounded object-cover" />
+        <img src="https://shawkath646.github.io/college-template/images/blank-profile-picture-973460_960_720.webp" width="150px" height="150px" class="rounded object-cover" />
       </div>
       <div class="w-100">
         <p class="text-center">Monthly report</p>
@@ -140,7 +140,7 @@
   </main>
   
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-  <script src="./index.js"></script>
+  <script src="https://shawkath646.github.io/college-template/index.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
   <script>
     const ctx = document.getElementById('myChart');