diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/assets/mcq.css b/assets/css/mcq.css
similarity index 100%
rename from assets/mcq.css
rename to assets/css/mcq.css
diff --git a/assets/mcq.js b/assets/css/mcq.js
similarity index 100%
rename from assets/mcq.js
rename to assets/css/mcq.js
diff --git a/assets/responsive.css b/assets/css/responsive.css
similarity index 100%
rename from assets/responsive.css
rename to assets/css/responsive.css
diff --git a/assets/function.js b/assets/js/function.js
similarity index 100%
rename from assets/function.js
rename to assets/js/function.js
diff --git a/img/mcq-overview.png b/img/mcq-overview.png
new file mode 100644
index 0000000..7b9b9bd
Binary files /dev/null and b/img/mcq-overview.png differ
diff --git a/index.html b/index.html
index 3e262d5..fc3e3fd 100644
--- a/index.html
+++ b/index.html
@@ -7,8 +7,8 @@
     <title>MCQ - a minimal mcq examination system with vanila js</title>
     <!-- include fontawosome cdn from cdnjs  -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
-    <link rel="stylesheet" href="assets/mcq.css">
-    <link rel="stylesheet" href="assets/responsive.css">
+    <link rel="stylesheet" href="assets/css/mcq.css">
+    <link rel="stylesheet" href="assets/css/responsive.css">
 </head>
 
 <body>
@@ -28,7 +28,7 @@ <h2 class="h2">
         <div class="aside_left-body">
             <div class="aside_profile">
                 <div class="profile_img">
-                    <img src="img/avatar.png" alt="" />
+                    <img src="assets/img/avatar.png" alt="" />
                     <div class="after"></div>
                     <div class="activity_status"></div>
                 </div>
@@ -193,11 +193,11 @@ <h2 class="h2">
 
                 <div class="h_top">
                     <div class="group">
-                        <img src="img/gorup.png" style="padding-right: 5px;" alt="" srcset=""> Group - A
+                        <img src="assets/img/gorup.png" style="padding-right: 5px;" alt="" srcset=""> Group - A
                     </div>
 
                     <div class="total_time">
-                        <img src="img/clock.png" style="padding-right:5px">
+                        <img src="assets/img/clock.png" style="padding-right:5px">
                         60 Min
                     </div>
 
@@ -219,7 +219,7 @@ <h2 class="h2">
                     <div class="total_time_left">
 
                         <div class="tm_left">
-                            <!-- <img style="padding:5px; border-radius:50px;" src="img/clock.png"> -->
+                            <!-- <img style="padding:5px; border-radius:50px;" src="assets/img/clock.png"> -->
                             <div class="tm_left_min">59</div>
                             <span class="min_sec_devider">:</span>
                             <div class="tm_left_sec">59</div>
@@ -240,7 +240,7 @@ <h2 class="h2">
                         <div class="question">
                             <div class="question_label">question - 01</div>
                             <div class="question_input">Question</div>
-                            <img class="question_img" src="img/icons8-pen-100.png">
+                            <img class="question_img" src="assets/img/icons8-pen-100.png">
                         </div>
                         <hr style="background-color: gray;">
 
@@ -416,8 +416,8 @@ <h4 class="h4">Default View </h4>
             <!-- setup exam end  -->
         </div>
 
-        <script src="assets/function.js"></script>
-        <script src="assets/mcq.js"></script>
+        <script src="assets/js/function.js"></script>
+        <script src="assets/js/mcq.js"></script>
 </body>
 
 </html>
