diff --git a/anime/anime.html b/animeflix/anime/anime.html
similarity index 100%
rename from anime/anime.html
rename to animeflix/anime/anime.html
diff --git a/anime/assets/style.css b/animeflix/anime/assets/style.css
similarity index 100%
rename from anime/assets/style.css
rename to animeflix/anime/assets/style.css
diff --git a/anime/js/index.js b/animeflix/anime/js/index.js
similarity index 100%
rename from anime/js/index.js
rename to animeflix/anime/js/index.js
diff --git a/anime/js/modal.js b/animeflix/anime/js/modal.js
similarity index 100%
rename from anime/js/modal.js
rename to animeflix/anime/js/modal.js
diff --git a/anime/js/responsive.js b/animeflix/anime/js/responsive.js
similarity index 100%
rename from anime/js/responsive.js
rename to animeflix/anime/js/responsive.js
diff --git a/anime/js/search.js b/animeflix/anime/js/search.js
similarity index 100%
rename from anime/js/search.js
rename to animeflix/anime/js/search.js
diff --git a/anime/js/utils.js b/animeflix/anime/js/utils.js
similarity index 100%
rename from anime/js/utils.js
rename to animeflix/anime/js/utils.js
diff --git a/anime/pages/genre.html b/animeflix/anime/pages/genre.html
similarity index 64%
rename from anime/pages/genre.html
rename to animeflix/anime/pages/genre.html
index 38a36d1..620d84c 100644
--- a/anime/pages/genre.html
+++ b/animeflix/anime/pages/genre.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Animeflix</title>
-        <link rel="shortcut icon" href="../public/animeflix-icon.ico" type="image/x-icon" />
+        <link rel="shortcut icon" href="/animeflix/public/animeflix-icon.ico" type="image/x-icon" />
         <link rel="stylesheet" href="../assets/style.css" />
         <script type="module" src="../js/index.js"></script>
     </head>
@@ -12,24 +12,24 @@
         <div class="root">
             <header>
                 <div class="logo">
-                    <img src="/public/animeflix-logo.png" alt="AnimeFlix" />
+                    <img src="/animeflix/public/animeflix-logo.png" alt="AnimeFlix" />
                 </div>
                 <div class="search-container">
                     <input type="text" id="searchInput" placeholder="Search for anime..." />
                 </div>
                 <div class="buttons">
-                    <a href="/anime/anime.html"><button id="topAnime">Anime</button></a>
-                    <a href="/manga/manga.html"><button id="topManga">Manga</button></a>
+                    <a href="/animeflix/anime/anime.html"><button id="topAnime">Anime</button></a>
+                    <a href="/animeflix/manga/manga.html"><button id="topManga">Manga</button></a>
                 </div>
             </header>
 
             <nav>
                 <ul>
-                    <li class="nav-item"><a href="../anime.html">HOME</a></li>
-                    <li class="nav-item"><a href="../pages/genre.html">GENRE</a></li>
-                    <li class="nav-item"><a href="../pages/ongoing.html">ONGOING</a></li>
-                    <li class="nav-item"><a href="../pages/upcoming.html">UPCOMING</a></li>
-                    <li class="nav-item"><a href="../pages/movie.html">MOVIES</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/anime.html">HOME</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/genre.html">GENRE</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/ongoing.html">ONGOING</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/upcoming.html">UPCOMING</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/movie.html">MOVIES</a></li>
                     <!-- <li class="nav-item"><a href="#">REQUEST ANIME</a></li> -->
                     <li class="nav-item"><a href="#">CONTACT US</a></li>
                 </ul>
diff --git a/anime/pages/movie.html b/animeflix/anime/pages/movie.html
similarity index 92%
rename from anime/pages/movie.html
rename to animeflix/anime/pages/movie.html
index 6b9c9eb..c433a51 100644
--- a/anime/pages/movie.html
+++ b/animeflix/anime/pages/movie.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Animeflix</title>
-        <link rel="shortcut icon" href="../public/animeflix-icon.ico" type="image/x-icon" />
+        <link rel="shortcut icon" href="/animeflix/public/animeflix-icon.ico" type="image/x-icon" />
         <link rel="stylesheet" href="../assets/style.css" />
         <script type="module" src="../js/index.js"></script>
     </head>
@@ -12,7 +12,7 @@
         <div class="root">
             <header>
                 <div class="logo">
-                    <img src="/public/animeflix-logo.png" alt="AnimeFlix" />
+                    <img src="/animeflix/public/animeflix-logo.png" alt="AnimeFlix" />
                 </div>
                 <div class="search-container">
                     <input type="text" id="searchInput" placeholder="Search for anime..." />
diff --git a/anime/pages/ongoing.html b/animeflix/anime/pages/ongoing.html
similarity index 92%
rename from anime/pages/ongoing.html
rename to animeflix/anime/pages/ongoing.html
index 6b9c9eb..c433a51 100644
--- a/anime/pages/ongoing.html
+++ b/animeflix/anime/pages/ongoing.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Animeflix</title>
-        <link rel="shortcut icon" href="../public/animeflix-icon.ico" type="image/x-icon" />
+        <link rel="shortcut icon" href="/animeflix/public/animeflix-icon.ico" type="image/x-icon" />
         <link rel="stylesheet" href="../assets/style.css" />
         <script type="module" src="../js/index.js"></script>
     </head>
@@ -12,7 +12,7 @@
         <div class="root">
             <header>
                 <div class="logo">
-                    <img src="/public/animeflix-logo.png" alt="AnimeFlix" />
+                    <img src="/animeflix/public/animeflix-logo.png" alt="AnimeFlix" />
                 </div>
                 <div class="search-container">
                     <input type="text" id="searchInput" placeholder="Search for anime..." />
diff --git a/anime/pages/upcoming.html b/animeflix/anime/pages/upcoming.html
similarity index 92%
rename from anime/pages/upcoming.html
rename to animeflix/anime/pages/upcoming.html
index 6b9c9eb..c433a51 100644
--- a/anime/pages/upcoming.html
+++ b/animeflix/anime/pages/upcoming.html
@@ -4,7 +4,7 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Animeflix</title>
-        <link rel="shortcut icon" href="../public/animeflix-icon.ico" type="image/x-icon" />
+        <link rel="shortcut icon" href="/animeflix/public/animeflix-icon.ico" type="image/x-icon" />
         <link rel="stylesheet" href="../assets/style.css" />
         <script type="module" src="../js/index.js"></script>
     </head>
@@ -12,7 +12,7 @@
         <div class="root">
             <header>
                 <div class="logo">
-                    <img src="/public/animeflix-logo.png" alt="AnimeFlix" />
+                    <img src="/animeflix/public/animeflix-logo.png" alt="AnimeFlix" />
                 </div>
                 <div class="search-container">
                     <input type="text" id="searchInput" placeholder="Search for anime..." />
diff --git a/index.html b/animeflix/index.html
similarity index 100%
rename from index.html
rename to animeflix/index.html
diff --git a/manga/assets/style.css b/animeflix/manga/assets/style.css
similarity index 100%
rename from manga/assets/style.css
rename to animeflix/manga/assets/style.css
diff --git a/manga/manga.html b/animeflix/manga/manga.html
similarity index 62%
rename from manga/manga.html
rename to animeflix/manga/manga.html
index 6ae33b0..85b45c9 100644
--- a/manga/manga.html
+++ b/animeflix/manga/manga.html
@@ -4,32 +4,32 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Animeflix</title>
-        <link rel="shortcut icon" href="../public/animeflix-icon.ico" type="image/x-icon" />
+        <link rel="shortcut icon" href="/animeflix/public/animeflix-icon.ico" type="image/x-icon" />
         <link rel="stylesheet" href="./assets/style.css" />
-        <script type="module" src="./js/index.js"></script>
+        <!-- <script type="module" src="./js/index.js"></script> -->
     </head>
     <body>
         <div class="root">
             <header>
                 <div class="logo">
-                    <img src="../public/animeflix-logo.png" alt="AnimeFlix" />
+                    <img src="/animeflix/public/animeflix-logo.png" alt="AnimeFlix" />
                 </div>
                 <div class="search-container">
                     <input type="text" id="searchInput" placeholder="Search for anime..." />
                 </div>
                 <div class="buttons">
-                    <a href="../anime/anime.html"><button id="topAnime">Anime</button></a>
-                    <a href="../manga/manga.html"><button id="topManga">Manga</button></a>
+                    <a href="/animeflix/anime/anime.html"><button id="topAnime">Anime</button></a>
+                    <a href="/animeflix/manga/manga.html"><button id="topManga">Manga</button></a>
                 </div>
             </header>
 
             <nav>
                 <ul>
-                    <li class="nav-item"><a href="../manga/manga.html">HOME</a></li>
-                    <li class="nav-item"><a href="#">GENRE</a></li>
-                    <li class="nav-item"><a href="#">ONGOING</a></li>
-                    <li class="nav-item"><a href="#">LATEST RELEASE</a></li>
-                    <li class="nav-item"><a href="#">MOVIES</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/anime.html">HOME</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/genre.html">GENRE</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/ongoing.html">ONGOING</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/upcoming.html">UPCOMING</a></li>
+                    <li class="nav-item"><a href="/animeflix/anime/pages/movie.html">MOVIES</a></li>
                     <!-- <li class="nav-item"><a href="#">REQUEST ANIME</a></li> -->
                     <li class="nav-item"><a href="#">CONTACT US</a></li>
                 </ul>
diff --git a/public/animeflix-icon.ico b/animeflix/public/animeflix-icon.ico
similarity index 100%
rename from public/animeflix-icon.ico
rename to animeflix/public/animeflix-icon.ico
diff --git a/public/animeflix-icon.png b/animeflix/public/animeflix-icon.png
similarity index 100%
rename from public/animeflix-icon.png
rename to animeflix/public/animeflix-icon.png
diff --git a/public/animeflix-logo.png b/animeflix/public/animeflix-logo.png
similarity index 100%
rename from public/animeflix-logo.png
rename to animeflix/public/animeflix-logo.png
diff --git a/public/screenshot1.png b/animeflix/public/screenshot1.png
similarity index 100%
rename from public/screenshot1.png
rename to animeflix/public/screenshot1.png
diff --git a/public/screenshot2.png b/animeflix/public/screenshot2.png
similarity index 100%
rename from public/screenshot2.png
rename to animeflix/public/screenshot2.png