diff --git a/dist.rar b/dist.rar
new file mode 100644
index 0000000..e9918c5
Binary files /dev/null and b/dist.rar differ
diff --git a/src/app/components/app-header/app-header.component.html b/src/app/components/app-header/app-header.component.html
index 0a9f7f7..26efb03 100755
--- a/src/app/components/app-header/app-header.component.html
+++ b/src/app/components/app-header/app-header.component.html
@@ -4,8 +4,23 @@
   <button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button>
   <ul class="nav navbar-nav d-md-down-none">
     <li class="nav-item px-3">
-      <a class="nav-link" href="#">Dashboard</a>
-    </li>
+       <a class="nav-link" routerLinkActive="active12" [routerLink]="['/dashboard']"><i class="icon-speedometer"></i> Dashboard</a>
+       </li>
+    <li class="nav-item px-3 hyp-active">
+         <a class="nav-link" routerLinkActive="active12" [routerLink]="['/enrolment']"><i class="fa fa-graduation-cap"></i> Student Enrolment</a>
+    </li> 
+     <li class="nav-item px-3">
+           <a class="nav-link" routerLinkActive="active12" [routerLink]="['/feescalculator']"><i class="icon-calculator"></i> Fees Calculator</a>
+       </li>
+     <li class="nav-item px-3">
+        <a class="nav-link" routerLinkActive="active12" [routerLink]="['/studyMaterial']"><i class="fa fa-square-o"></i> Study Material</a>
+      </li>
+     <li class="nav-item px-3">
+       <a class="nav-link" routerLinkActive="active12" [routerLink]="['/courier']"><i class="fa fa-suitcase"></i> Courier</a>
+     </li>
+     <li class="nav-item px-3">
+       <a class="nav-link" routerLinkActive="active12" [routerLink]="['/paymentdetails/accountstatement']"><i class="fa fa-credit-card-alt"></i> Account Statement</a>
+       </li>
   </ul>
   <ul class="nav navbar-nav ml-auto">
     <li class="nav-item dropdown" dropdown (onToggle)="toggled($event)">
diff --git a/src/app/components/app-header/app-header.component.ts b/src/app/components/app-header/app-header.component.ts
index 0556f84..932ed3e 100755
--- a/src/app/components/app-header/app-header.component.ts
+++ b/src/app/components/app-header/app-header.component.ts
@@ -2,22 +2,28 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-header',
-  templateUrl: './app-header.component.html'
+  templateUrl: './app-header.component.html',
+  styles: ['.active12 { color: #20a8d8; text-decoration: underline;}']
+  // styles: ['
+  //   .hyp-active:active {
+  //     background: green;
+  //   }'
+  // ]
 })
 export class AppHeader {
 
-  // public disabled = false;
-  // public status: {isopen: boolean} = {isopen: false};
-  //
-  // public toggled(open: boolean): void {
-  //   console.log('Dropdown is now: ', open);
-  // }
-  //
-  // public toggleDropdown($event: MouseEvent): void {
-  //   $event.preventDefault();
-  //   $event.stopPropagation();
-  //   this.status.isopen = !this.status.isopen;
-  // }
+  public disabled = false;
+  public status: {isopen: boolean} = {isopen: false};
+  
+  public toggled(open: boolean): void {
+    console.log('Dropdown is now: ', open);
+  }
+  
+  public toggleDropdown($event: MouseEvent): void {
+    $event.preventDefault();
+    $event.stopPropagation();
+    this.status.isopen = !this.status.isopen;
+  }
 
   ngOnInit(): void {}
 }
diff --git a/src/app/containers/full-layout/full-layout.component.ts b/src/app/containers/full-layout/full-layout.component.ts
index f7f7dfa..2ee3d31 100755
--- a/src/app/containers/full-layout/full-layout.component.ts
+++ b/src/app/containers/full-layout/full-layout.component.ts
@@ -6,18 +6,18 @@ import { Component, OnInit } from '@angular/core';
 })
 export class FullLayout implements OnInit {
 
-  // public disabled = false;
-  // public status: {isopen: boolean} = {isopen: false};
-  //
-  // public toggled(open: boolean): void {
-  //   console.log('Dropdown is now: ', open);
-  // }
-  //
-  // public toggleDropdown($event: MouseEvent): void {
-  //   $event.preventDefault();
-  //   $event.stopPropagation();
-  //   this.status.isopen = !this.status.isopen;
-  // }
+  public disabled = true;
+  public status: {isopen: boolean} = {isopen: true};
+  
+  public toggled(open: boolean): void {
+    console.log('Dropdown is now: ', open);
+  }
+  
+  public toggleDropdown($event: MouseEvent): void {
+    $event.preventDefault();
+    $event.stopPropagation();
+    this.status.isopen = !this.status.isopen;
+  }
 
   ngOnInit(): void {}
 }
diff --git a/src/app/directives/sidebar/sidebar.directive.ts b/src/app/directives/sidebar/sidebar.directive.ts
index 822a30a..2f95739 100755
--- a/src/app/directives/sidebar/sidebar.directive.ts
+++ b/src/app/directives/sidebar/sidebar.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, HostListener } from '@angular/core';
+import { Directive, HostListener, OnInit } from '@angular/core';
 
 /**
 * Allows the sidebar to be toggled via click.
@@ -6,9 +6,11 @@ import { Directive, HostListener } from '@angular/core';
 @Directive({
   selector: '[appSidebarToggler]'
 })
-export class SidebarToggleDirective {
+export class SidebarToggleDirective implements OnInit {
   constructor() { }
-
+  ngOnInit(){
+       document.querySelector('body').classList.toggle('sidebar-hidden');
+  }
   @HostListener('click', ['$event'])
   toggleOpen($event: any) {
     $event.preventDefault();