diff --git a/public/css/dashboard.css b/public/css/dashboard.css
new file mode 100644
index 0000000..55ab4f6
--- /dev/null
+++ b/public/css/dashboard.css
@@ -0,0 +1,89 @@
+   /* navbar */
+   .sign-out {
+    background-color: #084ba2;
+    border-radius: 7px;
+    color: white !important;
+    transition: 0.2s ease-out;
+}
+
+.sign-out:hover {
+    background-color: #073f89;
+}
+
+.navbar-brand img {
+    width: 50px;
+}
+
+.navbar-brand span {
+    line-height: 20px;
+}
+
+/* =================================== */
+.heading-text {
+    width: 100vw;
+    background-size: cover;
+    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://res.cloudinary.com/tmakinde/image/upload/q_auto:low/Myinstitution%20Images/img3_u2mek3.jpg");
+    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://res.cloudinary.com/tmakinde/image/upload/q_auto:low/Myinstitution%20Images/img3_u2mek3.jpg");
+    background-attachment: fixed;
+    overflow-x: hidden;
+
+}
+
+.heading-text h2 {
+    font-family: 'Open Sans', sans-serif;
+    ;
+
+    padding: 20vh 0px 20vh 0px;
+    color: #E7E5DF;
+    font-weight: bolder;
+
+}
+
+.heading-text img {
+
+    padding: 0;
+    width: 100vw;
+
+
+}
+
+.about-img {
+    width: 100%;
+    border-radius: 54% 46% 22% 78% / 43% 53% 47% 57%;
+    border: 0.2px solid #eeeeef;
+}
+
+p {
+    font-size: 17px !important;
+}
+
+.icons svg {
+    transition: 0.3s ease-out;
+
+}
+
+.icons svg:hover {
+    transform: scale(1.2);
+    transition: 0.3s ease-out;
+}
+
+.footer-link {
+    text-decoration: none !important;
+}
+
+footer {
+    background: rgba(0, 0, 0, 0.08);
+}
+
+footer img {
+    width: 100vw;
+    padding: 0;
+}
+
+footer .container {
+    max-width: 500px;
+}
+
+.footer-logo {
+    width: 80px;
+}
\ No newline at end of file
diff --git a/public/js/assets/dashboard.js b/public/js/assets/dashboard.js
new file mode 100644
index 0000000..290f470
--- /dev/null
+++ b/public/js/assets/dashboard.js
@@ -0,0 +1,6 @@
+$(function(){
+    AOS.init({
+  easing:'ease',
+  duration:700, 
+    });
+  });
\ No newline at end of file
diff --git a/resources/views/Admin/Admin.blade.php b/resources/views/Admin/Admin.blade.php
index 0645c40..f30291d 100644
--- a/resources/views/Admin/Admin.blade.php
+++ b/resources/views/Admin/Admin.blade.php
@@ -5,81 +5,82 @@
 @endsection
 
 @section('content')
-  <div class="container mt-5 pt-5">
-    <table class="table table-bordered mt-5">
-      <thead>
-        <tr> 
-          <th scope="col">Username</th>
-          <th scope="col">Action</th>
-        </tr>
-      </thead>
-      <tbody>
-          @foreach ($currentInstitutionAdmins as $Admins)
-          <tr>
-            <td id = "usernameColumn">{{ $Admins->username }}</td>
-            <td id = "passwordColumn" style = "display:none">{{ $Admins->password }}</td>
-            <td>
-            <form method = 'post' action = "{{route('Delete-Admin', ['id' => $Admins->id])}}">
+<div class="container mt-5 pt-5">
+  <table class="table table-bordered mt-5">
+    <thead>
+      <tr>
+        <th scope="col">Username</th>
+        <th scope="col">Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      @foreach ($currentInstitutionAdmins as $Admins)
+      <tr>
+        <td id="usernameColumn">{{ $Admins->username }}</td>
+        <td id="passwordColumn" style="display:none">{{ $Admins->password }}</td>
+        <td>
+          <form method='post' action="{{route('Delete-Admin', ['id' => $Admins->id])}}">
             @csrf
             <button class="btn btn-danger" type="submit">Delete</button>
-            </form>
-            </td>      
-          </tr>
-          @endforeach
-        </tbody>
-    </table>
-    <!-- Modal Insert--> 
-    <div class="modal fade" id="myModal" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
-        <div class="modal-dialog modal-dialog-centered" role = 'document'> 
-            <div class="modal-content"> 
-                <div class="modal-header"> 
-                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button> 
-                    <h4 class="modal-title" id="myModalLabel" style='margin-top:60px'> Add New Admin</h4> 
-                </div>
-                <div class="modal-body"> 
-                <form id = 'formAdd' action = "{{route('Add-Admin')}}" method = "post">
-                @csrf
-                    <label>Username</label>
-                    <br>
-                    <input type="text" name='username' required ><br>
-                    <label>Password</label>
-                    <br>
-                    <input type="text" name='password' required ><br>
-                    <input type="hidden" style='margin-top:10px' id = 'action' name = 'action' value = "update">
-                    <input type="submit" style='margin-top:10px' id = 'submit' name = 'submit' value = 'Submit'>
+          </form>
+        </td>
+      </tr>
+      @endforeach
+    </tbody>
+  </table>
+  <!-- Modal Insert-->
+  <div class="modal fade" id="myModal" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role='document'>
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
+        </div>
+        <h5 class="modal-title text-center" id="myModalLabt-2el">Add new admin </h5>
+        <div class="modal-body ml-4">
+          <form id='formAdd' action="{{route('Add-Admin')}}" method="post">
+            @csrf
+            <div class="form-group ml-2"> <label class="ml-1">Username</label>
+            <br>
+            <input class="ml-1 mt-1 " type="text" name='username' required><br>
+           
+            <label class="ml-1">Password</label>
+            <br>
+            <input type="text" name='password' class="ml-1 mt-1 " required><br>
+            <input type="hidden" style='margin-top:10px' id='action' name='action' value="update">
+            <input type="submit" style='margin-top:10px' id='submit' name='submit' value='Submit' class="ml-1"></div>
+
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close </button>
 
-                </form>
-                </div> 
-                <div class="modal-footer"> 
-                    <button type="button" class="btn btn-default" data-dismiss="modal">Close </button> 
-                    
-                </div> 
-            </div><!-- /.modal-content --> 
-        </div><!-- /.modal -->
-      </div>
-    <div class="text-right pt-3"><button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">Add Button</button></div>
-    
+        </div>
+      </div><!-- /.modal-content -->
+    </div><!-- /.modal -->
   </div>
+  <div class="text-right pt-3 mb-4"><button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">Add Button</button></div>
+
+</div>
 @endsection
 @section('scripts')
-    <script>
-    // writing jquery
-    var i = 0;
-    
-    $('tr > td >button#editButton').click(function(){
-      $tr = $(this).closest('tr');
-      var Value = $tr.children('td').map(function(){
-        return $(this).text()
-      }).get()
-      $('#editUsername').val(Value[0]);
-      $('#editPassword').val($('#passwordColumn').text());
-    })
-       // get username
-    // $('#editUsername').val(username); // insert username
-    </script>
-    <script type="text/javascript" src="{{asset('js/Admin.js')}}"></script>
-    <script type="text/javascript" src="{{asset('js/sign-in-page/js/jquery-3.5.1.min.js')}}"></script>
-    
-    <script type="text/javascript" src="{{asset('js/sign-in-page/js//bootstrap.min.js')}}"></script>
+<script>
+  // writing jquery
+  var i = 0;
+
+  $('tr > td >button#editButton').click(function() {
+    $tr = $(this).closest('tr');
+    var Value = $tr.children('td').map(function() {
+      return $(this).text()
+    }).get()
+    $('#editUsername').val(Value[0]);
+    $('#editPassword').val($('#passwordColumn').text());
+  })
+  // get username
+  // $('#editUsername').val(username); // insert username
+</script>
+<script type="text/javascript" src="{{asset('js/Admin.js')}}"></script>
+<script type="text/javascript" src="{{asset('js/sign-in-page/js/jquery-3.5.1.min.js')}}"></script>
+
+<script type="text/javascript" src="{{asset('js/sign-in-page/js//bootstrap.min.js')}}"></script>
 @parent
-@endsection
+@endsection
\ No newline at end of file
diff --git a/resources/views/Admin/Class.blade.php b/resources/views/Admin/Class.blade.php
index 61884d2..f023ec5 100644
--- a/resources/views/Admin/Class.blade.php
+++ b/resources/views/Admin/Class.blade.php
@@ -7,11 +7,11 @@
 @section('content')
    <div class="container mt-5 pt-5" >
     
-   <h4 class ="well mb-4">CLASSES</h4>
+   <h4 class ="well mb-4">Classes</h4>
     <form action = "{{route('Add-Class')}}" method = "post">
     @csrf
         <input type = "text" name = "class" placeholder ="Input Class Name here">
-        <input type ="Submit" value ="Add">
+        <input type ="Submit" value ="+Add">
     </form>
     
     <table class="table mt-5 table-bordered">
diff --git a/resources/views/Admin/Dashboard.blade.php b/resources/views/Admin/Dashboard.blade.php
index 7ac5d63..3034db9 100644
--- a/resources/views/Admin/Dashboard.blade.php
+++ b/resources/views/Admin/Dashboard.blade.php
@@ -7,27 +7,27 @@
 @section('content')
 <!-- Carousel -->
 <div class="heading-text text-center pt-5">
-  <h2 class="m-0">{{$currentInstitution->name}}<br>
+  <h2 class="m-0" data-aos="zoom-in">{{$currentInstitution->name}}<br>
     Online Educational<br> Platform</h2>
   <img src="https://res.cloudinary.com/sam-kay/image/upload/v1614877353/tolu/Untitled_1_p6alhw.png" alt="">
 </div>
 <!-- About-->
 <section class="container mt-4 p-md-5">
   <h1 class="text-center text-primary mb-4">About Us</h1>
-  <div class="row about mb-5">
-    <div class="col-md about-text d-flex align-items-md-center ">
+  <div class="row about mb-5 ">
+    <div class="col-md about-text d-flex align-items-md-center " data-aos="fade-right">
       <p class="py-4 order-last order-md-1">This is an institution platform where any institution can signup and get started in giving their student access to online courses which they prepare for themselves
         It's purpose is to be able to connect different schools or tutorial centres on a single platform.</p>
     </div>
     <div class="col-md order-first order-md-2">
-      <img class="about-img my-5" src="https://res.cloudinary.com/sam-kay/image/upload/q_auto:low/tolu/about_u17yqh.jpg" alt="">
+      <img class="about-img my-5" src="https://res.cloudinary.com/sam-kay/image/upload/q_auto:low/tolu/about_u17yqh.jpg" alt="" data-aos="fade-left"> 
     </div>
   </div>
   <!-- End of About-->
   <h1 class="text-center text-primary mt-4 mb-4">FAQs</h1>
   <!-- Our Offer -->
   <div class="panel-group w-75 py-5" id="accordion">
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down">
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse0">
@@ -41,7 +41,7 @@
         </div>
       </div>
     </div>
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down">
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
@@ -55,7 +55,7 @@
         </div>
       </div>
     </div>
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down">
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
@@ -86,7 +86,7 @@
         </div>
       </div>
     </div>
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down">
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
@@ -111,7 +111,7 @@
         </div>
       </div>
     </div>
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down">
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
@@ -125,7 +125,7 @@
         </div>
       </div>
     </div>
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down">
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse5">
@@ -139,7 +139,7 @@
         </div>
       </div>
     </div>
-    <div class="panel panel-default card mb-4">
+    <div class="panel panel-default card mb-4" data-aos="fade-down" >
       <div class="panel-heading card-header">
         <h4 class="panel-title">
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse6">
diff --git a/resources/views/Admin/Subject.blade.php b/resources/views/Admin/Subject.blade.php
index 58441b3..43ff112 100644
--- a/resources/views/Admin/Subject.blade.php
+++ b/resources/views/Admin/Subject.blade.php
@@ -36,7 +36,7 @@
               <button class="btn btn-danger" type="submit">Delete</button>
               </form>
             </td>
-            <td id = "usernameColumn" style = "text-align:center"><a href = "{{route('Topic-Section', ['id' => $subject->id])}}"button class ="btn btn-primary">Click here to create topic</td> 
+            <td id = "usernameColumn" style = "text-align:center"><a href = "{{route('Topic-Section', ['id' => $subject->id])}}"button class ="btn btn-primary">create topic</td> 
           </tr>
       @endforeach
       </tbody>
diff --git a/resources/views/Admin/Topic.blade.php b/resources/views/Admin/Topic.blade.php
index af689b0..2ccfa6b 100644
--- a/resources/views/Admin/Topic.blade.php
+++ b/resources/views/Admin/Topic.blade.php
@@ -20,9 +20,9 @@
         <label>Would you like to upload a File ?</label><br>    
         <input type = "file" name = "file"><br>
         <hr>
-        <input type ="Submit" id = "AddSubmit" value ="Submit">
+        <input type ="Submit" id = "AddSubmit" class="btn btn-primary" value ="Submit">
     </form>
-    <h4 class ="well mb-4">Previous Topic under {{$subject->Subjectname}}</h4>
+    <h4 class ="well mb-4 mt-3">Previous Topic under {{$subject->Subjectname}}</h4>
     <table class="table mt-5 table-bordered table-hoverd ">
     <thead>
       <tr>
diff --git a/resources/views/Admin/layouts/master.blade.php b/resources/views/Admin/layouts/master.blade.php
index 915b81f..5a1f47c 100644
--- a/resources/views/Admin/layouts/master.blade.php
+++ b/resources/views/Admin/layouts/master.blade.php
@@ -22,17 +22,26 @@
 
     <script src="https://afarkas.github.io/lazysizes/plugins/blur-up/ls.blur-up.min.js"></script>
     <script src="https://afarkas.github.io/lazysizes/lazysizes.min.js"></script>
+ 
+
+
     <link rel="stylesheet" href="{{ url('/js/lazysizes.min.js')}}">
     <!-- include libraries(jQuery, bootstrap) -->
 
     <!-- include summernote css/js -->
     <link href="{{ url('/css/summernote-bs4.min.css')}}" rel="stylesheet">
+    <link href="{{ url('/css/dashboard.css')}}" rel="stylesheet">
     <link href="{{ url('/js/summernote-bs4.min.js')}}" rel="stylesheet">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
+
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
 
     <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
 
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <script src="{{url('/js/assets/dashboard.js')}}"> </script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+
     <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
 
     <!-- Low Quality Image Placeholder) -->
@@ -116,96 +125,6 @@
             overflow-x: hidden;
 
         }
-
-        /* navbar */
-        .sign-out {
-            background-color: #084ba2;
-            border-radius: 7px;
-            color: white !important;
-            transition: 0.2s ease-out;
-        }
-
-        .sign-out:hover {
-            background-color: #073f89;
-        }
-
-        .navbar-brand img {
-            width: 50px;
-        }
-
-        .navbar-brand span {
-            line-height: 20px;
-        }
-
-        /* =================================== */
-        .heading-text {
-            width: 100vw;
-            background-size: cover;
-            background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://res.cloudinary.com/tmakinde/image/upload/q_auto:low/Myinstitution%20Images/img3_u2mek3.jpg");
-            background: -webkit-linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://res.cloudinary.com/tmakinde/image/upload/q_auto:low/Myinstitution%20Images/img3_u2mek3.jpg");
-            background-attachment: fixed;
-            overflow-x: hidden;
-
-        }
-
-        .heading-text h2 {
-            font-family: 'Open Sans', sans-serif;
-            ;
-
-            padding: 20vh 0px 20vh 0px;
-            color: #E7E5DF;
-            font-weight: bolder;
-
-        }
-
-        .heading-text img {
-
-            padding: 0;
-            width: 100vw;
-
-
-        }
-
-        .about-img {
-            width: 100%;
-            border-radius: 54% 46% 22% 78% / 43% 53% 47% 57%;
-            border: 0.2px solid #eeeeef;
-        }
-
-        p {
-            font-size: 17px !important;
-        }
-
-        .icons svg {
-            transition: 0.3s ease-out;
-
-        }
-
-        .icons svg:hover {
-            transform: scale(1.2);
-            transition: 0.3s ease-out;
-        }
-
-        .footer-link {
-            text-decoration: none !important;
-        }
-
-        footer {
-            background: rgba(0, 0, 0, 0.08);
-        }
-
-        footer img {
-            width: 100vw;
-            padding: 0;
-        }
-
-        footer .container {
-            max-width: 500px;
-        }
-
-        .footer-logo {
-            width: 80px;
-        }
     </style>
 
 <body>
@@ -255,13 +174,13 @@
             <img src="https://res.cloudinary.com/sam-kay/image/upload/q_auto:low/tolu/logo_ykw2fx.png" alt="" class="mb-4 footer-logo">
             <div class="row mb-4">
                 <a href="" class="footer-link col text-center text-primary font-weight-bold"> Subject</a>
-                
-                <a href="" class="footer-link col text-center text-primary font-weight-bold">Class</a>
-                
+
+                <a href="{{route('Class-Section')}}" class="footer-link col text-center text-primary font-weight-bold">Class</a>
+
                 <a href="" class="footer-link col text-center text-primary font-weight-bold">Student</a>
-                
-                <a href="" class="footer-link col text-center text-primary font-weight-bold">Admin</a>
-                
+
+                <a href="{{route('Admin-Section')}}" class="footer-link col text-center text-primary font-weight-bold">Admin</a>
+
             </div>
             <div class="icons mb-3">
                 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-facebook m-2" viewBox="0 0 16 16">
@@ -283,6 +202,7 @@
 
     @section('scripts')
     <!-- include libraries(jQuery, bootstrap) -->
+
     <link href="{{asset('/js/assets/js/modernizr-latest.js')}}">
     </script>
     <link href="{{url('/js/assets/js/jquery.min.js')}}">
diff --git a/resources/views/Admin/question.blade.php b/resources/views/Admin/question.blade.php
index 1b9b4f3..e58cc3a 100644
--- a/resources/views/Admin/question.blade.php
+++ b/resources/views/Admin/question.blade.php
@@ -44,7 +44,7 @@
         <td id ="tableEditForm" style ="display:none">
         <table>
           <tbody>
-            <tr style ="" >
+            <tr >
              
                 <div class ="alert alert-success" style ="display:none"></div>
             
@@ -77,7 +77,7 @@
         <td id ="tableAddForm" style ="display:none">
         <table>
           <tbody>
-            <tr style ="" >
+            <tr>
               @if($message = Session::get('success'))
                 <div class ="alert alert-success">{{$message}}</div>
               @endif