diff --git a/nuncio/nuncio-assessmentsection.html b/nuncio/assessmentsection.html
similarity index 87%
rename from nuncio/nuncio-assessmentsection.html
rename to nuncio/assessmentsection.html
index 5eb5cd4..d8e706a 100644
--- a/nuncio/nuncio-assessmentsection.html
+++ b/nuncio/assessmentsection.html
@@ -1,6 +1,6 @@
 <head>
 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-	<link rel="stylesheet" type="text/css" href="style-nuncio.css">
+	<link rel="stylesheet" type="text/css" href="css/style.css">
 	<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
 </head>
 <body>
@@ -14,7 +14,7 @@
 					Add Assessment
 
 					<a class="close_modal_btn">
-						<img src="x_icon.svg">
+						<img src="assets/x_icon.svg">
 					</a>
 				</div>
 			</div>
@@ -64,12 +64,12 @@
 								<p class="error_text minor"></p>
 						</div>
 						<btn class="close_row_btn">
-							<img class="close_row_img" src="delete_row_icon.svg">
+							<img class="close_row_img" src="assets/delete_row_icon.svg">
 						</btn>
 					</div>
 
 					<btn id="add_minor_assessment_btn" class="minor_assessment_btn">
-						<img class="plus-btn" src="plus-btn.svg">
+						<img class="plus-btn" src="assets/plus-btn.svg">
 						ADD MINOR ASSESSMENT
 					</btn>
 
@@ -80,28 +80,28 @@
 			</form>
 		</div>
 
-			</div>	
+			</div>
 
 
 			<section class="icon-row">
 				<btn id="fill" class="hover-expand-button">
-					<img src="nuncio-fillicon.svg" class="hover-expand-button-icon">
+					<img src="assets/fillicon.svg" class="hover-expand-button-icon">
 				</btn>
 				<btn id="grade-ranges" class="hover-expand-button">
-					<img src="nuncio-rangeicon.svg" class="hover-expand-button-icon">
+					<img src="assets/rangeicon.svg" class="hover-expand-button-icon">
 				</btn>
 				<btn id="reset" class="hover-expand-button">
-					<img src="nuncio-reseticon.svg" class="hover-expand-button-icon">
+					<img src="assets/reseticon.svg" class="hover-expand-button-icon">
 				</btn>
 
-				<!--Auto margins with flexbox were used to place the last button to the right of 
+				<!--Auto margins with flexbox were used to place the last button to the right of
 			        row                                                                         -->
 				<btn id="add" class="hover-expand-button">
-					<img src="nuncio-addicon.svg" class="hover-expand-button-icon">
+					<img src="assets/addicon.svg" class="hover-expand-button-icon">
 				</btn>
 			</section>
 
-			<img class="add-doc" src="nuncio-addDocument.svg"></img>
+			<img class="add-doc" src="assets/addDocument.svg"></img>
 
 			<p class="no-assess">No assessments</p>
 			<p class="create-new-assess">Create a new one now.</p>
diff --git a/nuncio/nuncio-addDocument.svg b/nuncio/assets/addDocument.svg
similarity index 100%
rename from nuncio/nuncio-addDocument.svg
rename to nuncio/assets/addDocument.svg
diff --git a/nuncio/nuncio-addicon.svg b/nuncio/assets/addicon.svg
similarity index 100%
rename from nuncio/nuncio-addicon.svg
rename to nuncio/assets/addicon.svg
diff --git a/nuncio/calculator-graphic.svg b/nuncio/assets/calculator-graphic.svg
similarity index 100%
rename from nuncio/calculator-graphic.svg
rename to nuncio/assets/calculator-graphic.svg
diff --git a/nuncio/nuncio-cancelgradeBmodal.svg b/nuncio/assets/cancelgradeBmodal.svg
similarity index 100%
rename from nuncio/nuncio-cancelgradeBmodal.svg
rename to nuncio/assets/cancelgradeBmodal.svg
diff --git a/nuncio/comsat-icon.svg b/nuncio/assets/comsat-icon.svg
similarity index 100%
rename from nuncio/comsat-icon.svg
rename to nuncio/assets/comsat-icon.svg
diff --git a/nuncio/nuncio-decrementgradeB.svg b/nuncio/assets/decrementgradeB.svg
similarity index 100%
rename from nuncio/nuncio-decrementgradeB.svg
rename to nuncio/assets/decrementgradeB.svg
diff --git a/nuncio/delete_row_icon.svg b/nuncio/assets/delete_row_icon.svg
similarity index 100%
rename from nuncio/delete_row_icon.svg
rename to nuncio/assets/delete_row_icon.svg
diff --git a/nuncio/nuncio-deleteicon.svg b/nuncio/assets/deleteicon.svg
similarity index 100%
rename from nuncio/nuncio-deleteicon.svg
rename to nuncio/assets/deleteicon.svg
diff --git a/nuncio/nuncio-editicon.svg b/nuncio/assets/editicon.svg
similarity index 100%
rename from nuncio/nuncio-editicon.svg
rename to nuncio/assets/editicon.svg
diff --git a/nuncio/fb-icon.svg b/nuncio/assets/fb-icon.svg
similarity index 100%
rename from nuncio/fb-icon.svg
rename to nuncio/assets/fb-icon.svg
diff --git a/nuncio/nuncio-fillicon.svg b/nuncio/assets/fillicon.svg
similarity index 100%
rename from nuncio/nuncio-fillicon.svg
rename to nuncio/assets/fillicon.svg
diff --git a/nuncio/google-icon.svg b/nuncio/assets/google-icon.svg
similarity index 100%
rename from nuncio/google-icon.svg
rename to nuncio/assets/google-icon.svg
diff --git a/nuncio/nuncio-incrementgradeB.svg b/nuncio/assets/incrementgradeB.svg
similarity index 100%
rename from nuncio/nuncio-incrementgradeB.svg
rename to nuncio/assets/incrementgradeB.svg
diff --git a/nuncio/microsite-card-graphic.svg b/nuncio/assets/microsite-card-graphic.svg
similarity index 100%
rename from nuncio/microsite-card-graphic.svg
rename to nuncio/assets/microsite-card-graphic.svg
diff --git a/nuncio/microsite-redirect.svg b/nuncio/assets/microsite-redirect.svg
similarity index 100%
rename from nuncio/microsite-redirect.svg
rename to nuncio/assets/microsite-redirect.svg
diff --git a/nuncio/plus-btn.svg b/nuncio/assets/plus-btn.svg
similarity index 100%
rename from nuncio/plus-btn.svg
rename to nuncio/assets/plus-btn.svg
diff --git a/nuncio/nuncio-rangeicon.svg b/nuncio/assets/rangeicon.svg
similarity index 100%
rename from nuncio/nuncio-rangeicon.svg
rename to nuncio/assets/rangeicon.svg
diff --git a/nuncio/nuncio-reseticon.svg b/nuncio/assets/reseticon.svg
similarity index 100%
rename from nuncio/nuncio-reseticon.svg
rename to nuncio/assets/reseticon.svg
diff --git a/nuncio/nuncio-saveicon.svg b/nuncio/assets/saveicon.svg
similarity index 100%
rename from nuncio/nuncio-saveicon.svg
rename to nuncio/assets/saveicon.svg
diff --git a/nuncio/nuncio-triangledown.svg b/nuncio/assets/triangledown.svg
similarity index 100%
rename from nuncio/nuncio-triangledown.svg
rename to nuncio/assets/triangledown.svg
diff --git a/nuncio/nuncio-triangleright.svg b/nuncio/assets/triangleright.svg
similarity index 100%
rename from nuncio/nuncio-triangleright.svg
rename to nuncio/assets/triangleright.svg
diff --git a/nuncio/tw-icon.svg b/nuncio/assets/tw-icon.svg
similarity index 100%
rename from nuncio/tw-icon.svg
rename to nuncio/assets/tw-icon.svg
diff --git a/nuncio/x_icon.svg b/nuncio/assets/x_icon.svg
similarity index 100%
rename from nuncio/x_icon.svg
rename to nuncio/assets/x_icon.svg
diff --git a/nuncio/layout.css b/nuncio/css/layout.css
similarity index 100%
rename from nuncio/layout.css
rename to nuncio/css/layout.css
diff --git a/nuncio/style-nuncio.css b/nuncio/css/style.css
similarity index 100%
rename from nuncio/style-nuncio.css
rename to nuncio/css/style.css
diff --git a/nuncio/style-campos.css b/nuncio/css/test-modal.css
similarity index 100%
rename from nuncio/style-campos.css
rename to nuncio/css/test-modal.css
diff --git a/nuncio/nuncio-filledassessmentsection.html b/nuncio/filledassessmentsection.html
similarity index 86%
rename from nuncio/nuncio-filledassessmentsection.html
rename to nuncio/filledassessmentsection.html
index 20c79c7..a2627d8 100644
--- a/nuncio/nuncio-filledassessmentsection.html
+++ b/nuncio/filledassessmentsection.html
@@ -2,7 +2,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
-  <link rel="stylesheet" type="text/css" href="style-nuncio.css">
+  <link rel="stylesheet" type="text/css" href="css/style.css">
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
 
 </head>
@@ -12,19 +12,19 @@
   <div class="icon-container">
     <div class="left-icon">
       <div class="square" id="fillicon-container">
-            <img class="icon" src="nuncio-fillicon.svg"></img>
+            <img class="icon" src="assets/fillicon.svg"></img>
       </div>
       <div class="square" id="rangeicon-container">
-        <img class="icon" src="nuncio-rangeicon.svg"></img>
+        <img class="icon" src="assets/rangeicon.svg"></img>
       </div>
       <div class="square" id="reseticon-container">
-        <img class="icon" src="nuncio-reseticon.svg"></img>
+        <img class="icon" src="assets/reseticon.svg"></img>
       </div>
     </div>
 
     <div class="right-icon">
       <div class="square" id="saveicon-container">
-        <img class="icon" src="nuncio-saveicon.svg"></img>
+        <img class="icon" src="assets/saveicon.svg"></img>
       </div>
     </div>
   </div>
@@ -43,17 +43,17 @@
           <td class="course-assessment-name">
             <a data-toggle="collapse" href="#MinorAssessments1" role="button" aria-expanded="false" aria-controls="MinorAssessments1">
             <span class = "toggle-triangle">
-              <img class="the-triangle triangle" src="nuncio-triangleright.svg"></img>
+              <img class="the-triangle triangle" src="assets/triangleright.svg"></img>
            </span></a> Quizzes</td>
           <td>15%</td>
           <td>
             <div class="hover-cell">14% &nbsp&nbsp&nbsp
               <div class="hover-icon">
                 <div class="tiny-square" id="editicon-container">
-                  <img class="tiny-icon" src="nuncio-editicon.svg"></img>
+                  <img class="tiny-icon" src="assets/editicon.svg"></img>
                 </div>
                 <div class="tiny-square" id="deleteicon-container">
-                  <img class="tiny-icon" src="nuncio-deleteicon.svg"></img>
+                  <img class="tiny-icon" src="assets/deleteicon.svg"></img>
                 </div>
               </div>
             </div>
@@ -73,17 +73,17 @@
           <td class="course-assessment-name">
             <a data-toggle="collapse" href="#MinorAssessments2" role="button" aria-expanded="false" aria-controls="MinorAssessments2">
             <span class = "toggle-triangle">
-              <img class="the-triangle triangle" src="nuncio-triangleright.svg"></img>
+              <img class="the-triangle triangle" src="assets/triangleright.svg"></img>
            </span></a> Quizzes</td>
            <td>15%</td>
           <td>
             <div class="hover-cell">14% &nbsp&nbsp&nbsp
               <div class="hover-icon">
                 <div class="tiny-square" id="editicon-container">
-                  <img class="tiny-icon" src="nuncio-editicon.svg"></img>
+                  <img class="tiny-icon" src="assets/editicon.svg"></img>
                 </div>
                 <div class="tiny-square" id="deleteicon-container">
-                  <img class="tiny-icon" src="nuncio-deleteicon.svg"></img>
+                  <img class="tiny-icon" src="assets/deleteicon.svg"></img>
                 </div>
               </div>
             </div>
@@ -102,17 +102,17 @@
         <tr>
           <td class="course-assessment-name"><a data-toggle="collapse" href="#MinorAssessments3" role="button" aria-expanded="false" aria-controls="MinorAssessments3">
             <span class = "toggle-triangle">
-            <img class=the-triangle triangle" src="nuncio-triangleright.svg"></img>
+            <img class=the-triangle triangle" src="assets/triangleright.svg"></img>
          </span></a> Quizzes</td>
           <td>15%</td>
           <td>
             <div class="hover-cell">14% &nbsp&nbsp&nbsp
               <div class="hover-icon">
                 <div class="tiny-square" id="editicon-container">
-                  <img class="tiny-icon" src="nuncio-editicon.svg"></img>
+                  <img class="tiny-icon" src="assets/editicon.svg"></img>
                 </div>
                 <div class="tiny-square" id="deleteicon-container">
-                  <img class="tiny-icon" src="nuncio-deleteicon.svg"></img>
+                  <img class="tiny-icon" src="assets/deleteicon.svg"></img>
                 </div>
               </div>
             </div>
@@ -131,17 +131,17 @@
         <tr>
           <td class="course-assessment-name"><a data-toggle="collapse" href="#MinorAssessments4" role="button" aria-expanded="false" aria-controls="MinorAssessments4">
             <span class = "toggle-triangle">
-              <img class="the-triangle triangle" src="nuncio-triangleright.svg"></img>
+              <img class="the-triangle triangle" src="assets/triangleright.svg"></img>
            </span></a> Quizzes</td>
            <td>15%</td>
           <td>
             <div class="hover-cell">14% &nbsp&nbsp&nbsp
               <div class="hover-icon">
                 <div class="tiny-square" id="editicon-container">
-                  <img class="tiny-icon" src="nuncio-editicon.svg"></img>
+                  <img class="tiny-icon" src="assets/editicon.svg"></img>
                 </div>
                 <div class="tiny-square" id="deleteicon-container">
-                  <img class="tiny-icon" src="nuncio-deleteicon.svg"></img>
+                  <img class="tiny-icon" src="assets/deleteicon.svg"></img>
                 </div>
               </div>
             </div>
@@ -160,17 +160,17 @@
         <tr>
           <td class="course-assessment-name"><a data-toggle="collapse" href="#MinorAssessments5" role="button" aria-expanded="false" aria-controls="MinorAssessments5">
             <span class = "toggle-triangle">
-              <img class="the-triangle triangle" src="nuncio-triangleright.svg"></img>
+              <img class="the-triangle triangle" src="assets/triangleright.svg"></img>
            </span></a> Quizzes</td>
           <td>15%</td>
           <td>
             <div class="hover-cell">14% &nbsp&nbsp&nbsp
               <div class="hover-icon">
                 <div class="tiny-square" id="editicon-container">
-                  <img class="tiny-icon" src="nuncio-editicon.svg"></img>
+                  <img class="tiny-icon" src="assets/editicon.svg"></img>
                 </div>
                 <div class="tiny-square" id="deleteicon-container">
-                  <img class="tiny-icon" src="nuncio-deleteicon.svg"></img>
+                  <img class="tiny-icon" src="assets/deleteicon.svg"></img>
                 </div>
               </div>
             </div>
@@ -189,17 +189,17 @@
         <tr>
           <td class="course-assessment-name"><a data-toggle="collapse" href="#MinorAssessments6" role="button" aria-expanded="false" aria-controls="MinorAssessments6">
             <span class = "toggle-triangle">
-              <img class="the-triangle triangle" src="nuncio-triangleright.svg"></img>
+              <img class="the-triangle triangle" src="assets/triangleright.svg"></img>
            </span></a> Quizzes</td>
           <td>15%</td>
           <td>
             <div class="hover-cell">14% &nbsp&nbsp&nbsp
               <div class="hover-icon">
                 <div class="tiny-square" id="editicon-container">
-                  <img class="tiny-icon" src="nuncio-editicon.svg"></img>
+                  <img class="tiny-icon" src="assets/editicon.svg"></img>
                 </div>
                 <div class="tiny-square" id="deleteicon-container">
-                  <img class="tiny-icon" src="nuncio-deleteicon.svg"></img>
+                  <img class="tiny-icon" src="assets/deleteicon.svg"></img>
                 </div>
               </div>
             </div>
diff --git a/nuncio/nuncio-gradeboundaries.html b/nuncio/gradeboundaries.html
similarity index 68%
rename from nuncio/nuncio-gradeboundaries.html
rename to nuncio/gradeboundaries.html
index ca99326..82f988d 100644
--- a/nuncio/nuncio-gradeboundaries.html
+++ b/nuncio/gradeboundaries.html
@@ -1,5 +1,5 @@
 <head>
-  <link rel="stylesheet" type="text/css" href="style-nuncio.css">
+  <link rel="stylesheet" type="text/css" href="css/style.css">
   <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,600;1,400&display=swap" rel="stylesheet">
 </head>
@@ -7,10 +7,10 @@
   <div class="grade-boundary-modal">
     <div class="grade-boundary-header">
       <h1>Grade Boundaries</h1>
-      <img src = "nuncio-cancelgradeBmodal.svg"></img>
+      <img src = "assets/cancelgradeBmodal.svg"></img>
     </div>
     <button type="button" class="btn-reset">
-      <img src="nuncio-reseticon.svg"></img>
+      <img src="assets/reseticon.svg"></img>
       <p>RESET</p>
     </button>
     <div class = "letter-block-container">
@@ -20,8 +20,8 @@ <h1>A</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange">
             <p>92</p>
@@ -32,8 +32,8 @@ <h1>A</h1>
             <p>100</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
       </div>
@@ -43,8 +43,8 @@ <h1>B+</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange">
             <p>86</p>
@@ -55,8 +55,8 @@ <h1>B+</h1>
             <p>92</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
       </div>
@@ -66,8 +66,8 @@ <h1>B</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange">
             <p>82</p>
@@ -78,8 +78,8 @@ <h1>B</h1>
             <p>86</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
       </div>
@@ -89,8 +89,8 @@ <h1>C+</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange">
             <p>76</p>
@@ -101,8 +101,8 @@ <h1>C+</h1>
             <p>82</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
       </div>
@@ -112,8 +112,8 @@ <h1>C</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange">
             <p>68</p>
@@ -124,8 +124,8 @@ <h1>C</h1>
             <p>76</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
       </div>
@@ -135,8 +135,8 @@ <h1>D</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange">
             <p>62</p>
@@ -147,8 +147,8 @@ <h1>D</h1>
             <p>68</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
       </div>
@@ -158,8 +158,8 @@ <h1>F</h1>
         </div>
         <div class ="modifygradeB">
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
           <div class="gradeRange range-error">
             <p>49</p>
@@ -170,8 +170,8 @@ <h1>F</h1>
             <p>0</p>
           </div>
           <div class = "gradeBicons">
-            <img src = "nuncio-incrementgradeB.svg"></img>
-            <img src = "nuncio-decrementgradeB.svg"></img>
+            <img src = "assets/incrementgradeB.svg"></img>
+            <img src = "assets/decrementgradeB.svg"></img>
           </div>
         </div>
         <p class="invalid-range">invalid range</p>
diff --git a/nuncio/index.html b/nuncio/index.html
index c5d2dba..eee4fed 100644
--- a/nuncio/index.html
+++ b/nuncio/index.html
@@ -3,8 +3,8 @@
 <html>
 	<head>
 		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-		<link rel="stylesheet" href="style-nuncio.css">
-		<link rel="stylesheet" href="layout.css">
+		<link rel="stylesheet" href="css/style.css">
+		<link rel="stylesheet" href="css/layout.css">
 		<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
 
 		<!-- The two following links are for the use of the library simplebar: https://github.com/Grsmto/simplebar.
@@ -25,7 +25,7 @@ <h3 class="section-label">Computer Society of the Ateneo</h3>
 					<p class="section-content header"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec nibh at augue convallis mollis a at ante. Fusce at sapien nec quam dignissim maximus vel id purus
 					</p>
 
-					<img class="header-graphic" src="calculator-graphic.svg">
+					<img class="header-graphic" src="assets/calculator-graphic.svg">
 				</div>
 			</header>
 
@@ -48,11 +48,11 @@ <h3 class="section-label">Computer Society of the Ateneo</h3>
 
 				<div class="microsite-card">
 					<div class="microsite-card-graphic-container">
-						<img src="microsite-card-graphic.svg">
+						<img src="assets/microsite-card-graphic.svg">
 					</div>
 					<div class="microsite-card-text">
 						<a class="redirect-button">
-							<img src="microsite-redirect.svg">
+							<img src="assets/microsite-redirect.svg">
 						</a>
 						<h4>Grade Calculator</h4>
 						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec nibh at augue convallis mollis a at ante. Fusce at sapien nec quam dignissim maximus vel id purus.</p>
@@ -61,11 +61,11 @@ <h4>Grade Calculator</h4>
 
 				<div class="microsite-card">
 					<div class="microsite-card-graphic-container">
-						<img src="microsite-card-graphic.svg">
+						<img src="assets/microsite-card-graphic.svg">
 					</div>
 					<div class="microsite-card-text">
 						<a class="redirect-button">
-							<img src="microsite-redirect.svg">
+							<img src="assets/microsite-redirect.svg">
 						</a>
 						<h4>Grade Calculator</h4>
 						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec nibh at augue convallis mollis a at ante. Fusce at sapien nec quam dignissim maximus vel id purus.</p>
@@ -74,11 +74,11 @@ <h4>Grade Calculator</h4>
 
 				<div class="microsite-card">
 					<div class="microsite-card-graphic-container">
-						<img src="microsite-card-graphic.svg">
+						<img src="assets/microsite-card-graphic.svg">
 					</div>
 					<div class="microsite-card-text">
 						<a class="redirect-button">
-							<img src="microsite-redirect.svg">
+							<img src="assets/microsite-redirect.svg">
 						</a>
 						<h4>Grade Calculator</h4>
 						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec nibh at augue convallis mollis a at ante. Fusce at sapien nec quam dignissim maximus vel id purus.</p>
@@ -87,11 +87,11 @@ <h4>Grade Calculator</h4>
 
 				<div class="microsite-card">
 					<div class="microsite-card-graphic-container">
-						<img src="microsite-card-graphic.svg">
+						<img src="assets/microsite-card-graphic.svg">
 					</div>
 					<div class="microsite-card-text">
 						<a class="redirect-button">
-							<img src="microsite-redirect.svg">
+							<img src="assets/microsite-redirect.svg">
 						</a>
 						<h4>Grade Calculator</h4>
 						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec nibh at augue convallis mollis a at ante. Fusce at sapien nec quam dignissim maximus vel id purus.</p>
@@ -125,12 +125,12 @@ <h3 class="section-label">
 				<section class="footer-info">
 					<p class="copyright-info">© 2017 — 2020 GRADE CALCULATOR</p>
 					<div class="soc-med-row">
-						<img src="fb-icon.svg">
-						<img src="tw-icon.svg">
-						<img src="google-icon.svg">
+						<img src="assets/fb-icon.svg">
+						<img src="assets/tw-icon.svg">
+						<img src="assets/google-icon.svg">
 					</div>
 				</section>
 			</footer>
 		</div>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/nuncio/section-js.js b/nuncio/js/section-js.js
similarity index 100%
rename from nuncio/section-js.js
rename to nuncio/js/section-js.js
diff --git a/nuncio/nuncio-assessmentbutton.html b/nuncio/nuncio-assessmentbutton.html
deleted file mode 100644
index 5f64290..0000000
--- a/nuncio/nuncio-assessmentbutton.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<head>
-   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-</head>
-<body>
-  <button type="button" class="btn btn-outline-secondary">+ADD NEW ASSESSMENT </button>
-</body>
diff --git a/nuncio/nuncio-finalgradecircle.html b/nuncio/nuncio-finalgradecircle.html
deleted file mode 100644
index b312542..0000000
--- a/nuncio/nuncio-finalgradecircle.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<head>
-     <link rel="stylesheet" type="text/css" href="style-nuncio.css">
-     <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
-<body>
-  <div class="outer-circle">
-    <div class="inner-circle">
-      <div class="inside-box">
-        <p class="letter-grade">B+</p>
-        <p class="number-grade">89.9%</p>
-        <p class="final-grade">Final Grade</p>
-      </div>
-    </div>
-  </div>
-</body>
diff --git a/nuncio/nuncio-groupOfButtons.html b/nuncio/nuncio-groupOfButtons.html
deleted file mode 100644
index 46baf1f..0000000
--- a/nuncio/nuncio-groupOfButtons.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<head>
-   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-   <link rel="stylesheet" type="text/css" href="style-nuncio.css">
-</head>
-
-<body>
-  <div class="icon-container">
-    <div class="left-icon">
-      <div class="square" id="fillicon-container">
-            <img class="icon" src="nuncio-fillicon.svg"></img>
-      </div>
-      <div class="square" id="rangeicon-container">
-        <img class="icon" src="nuncio-rangeicon.svg"></img>
-      </div>
-      <div class="square" id="reseticon-container">
-        <img class="icon" src="nuncio-reseticon.svg"></img>
-      </div>
-    </div>
-
-    <div class="right-icon">
-      <div class="square" id="saveicon-container">
-        <img class="icon" src="nuncio-saveicon.svg"></img>
-      </div>
-    </div>
-  </div>
-</body>
diff --git a/nuncio/test-modal.html b/nuncio/test-modal.html
index 2af0765..c4931cd 100644
--- a/nuncio/test-modal.html
+++ b/nuncio/test-modal.html
@@ -5,20 +5,20 @@
 	<head>
 		<meta name="viewport" content="width=device-width, initial-scale=1" >
 		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-		<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> 
+		<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
 		<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;1,700&display=swap" rel="stylesheet">
-		<link rel="stylesheet" type="text/css" href="./style-campos.css">
+		<link rel="stylesheet" type="text/css" href="css/test-modal.css">
 	</head>
 
 	<body>
-		
+
 		<div class="modal_content">
 			<div class="modal_header modal_padding">
 				<div class="modal_row">
 					Add Assessment
 
 					<a class="close_modal_btn">
-						<img src="x_icon.svg">
+						<img src="assets/x_icon.svg">
 					</a>
 				</div>
 			</div>
@@ -133,7 +133,7 @@
 						</div>
 					</div>
 					<btn id="add_minor_assessment_btn" class="minor_assessment_btn">
-						<img class="plus-btn" src="plus-btn.svg">
+						<img class="plus-btn" src="assets/plus-btn.svg">
 						ADD MINOR ASSESSMENT
 					</btn>
 
@@ -144,7 +144,7 @@
 			</form>
 		</div>
 
-		<script src="test-modal.js"></script>
+		<script src="js/test-modal.js"></script>
 	</body>
 
-</html>
\ No newline at end of file
+</html>
