diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 96fb34a..753f035 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -12,6 +12,15 @@ import { mockApiServices } from 'app/mock-api';
 import { LayoutModule } from 'app/layout/layout.module';
 import { AppComponent } from 'app/app.component';
 import { appRoutes } from 'app/app.routing';
+import { LocationStrategy, PathLocationStrategy } from '@angular/common';
+import { AdvertsComponent } from './pages/admin/Adverts/adverts.component';
+import { CampaignsComponent } from './pages/admin/Campaigns/campaigns.component';
+import { CouponsComponent } from './pages/admin/Coupons/coupons.component';
+import { FollowersComponent } from './pages/admin/Followers/followers.component';
+import { DesiresComponent } from './pages/admin/Monthly_Desires/desires.component';
+import { ProductsComponent } from './pages/admin/Products/products.component';
+import { ProfileComponent } from './pages/admin/Profile/profile.component';
+import { SettingsComponent } from './pages/admin/Settings/settings.component';
 
 const routerConfig: ExtraOptions = {
     preloadingStrategy       : PreloadAllModules,
@@ -20,7 +29,15 @@ const routerConfig: ExtraOptions = {
 
 @NgModule({
     declarations: [
-        AppComponent
+        AppComponent,
+        AdvertsComponent,
+        CampaignsComponent,
+        CouponsComponent,
+        FollowersComponent,
+        DesiresComponent,
+        ProductsComponent,
+        ProfileComponent,
+        SettingsComponent
     ],
     imports     : [
         BrowserModule,
@@ -41,6 +58,9 @@ const routerConfig: ExtraOptions = {
         // 3rd party modules that require global configuration via forRoot
         MarkdownModule.forRoot({})
     ],
+    providers: [
+        { provide: LocationStrategy, useClass: PathLocationStrategy  },
+    ],
     bootstrap   : [
         AppComponent
     ]
diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
index dddf913..387cafc 100644
--- a/src/app/app.routing.ts
+++ b/src/app/app.routing.ts
@@ -63,6 +63,12 @@ export const appRoutes: Route[] = [
         },
         children   : [
             {path: 'dashboard', loadChildren: () => import('app/pages/admin/Dashboard/dashboard.module').then(m => m.DashboardModule)},
+            {path: 'adverts', loadChildren: () => import('app/pages/admin/Adverts/adverts.module').then(m => m.AdvertsModule)},
+            {path: 'campaigns', loadChildren: () => import('app/pages/admin/Campaigns/campaigns.module').then(m => m.CampaignsModule)},
+            {path: 'coupons', loadChildren: () => import('app/pages/admin/Coupons/coupons.module').then(m => m.CouponsModule)},
+            {path: 'products', loadChildren: () => import('app/pages/admin/Products/products.module').then(m => m.ProductsModule)},
+            {path: 'followers', loadChildren: () => import('app/pages/admin/Followers/followers.module').then(m => m.FollowersModule)},
+            {path: 'desires', loadChildren: () => import('app/pages/admin/Monthly_Desires/desires.module').then(m => m.DesiresModule)},
         ]
     }
 ];
diff --git a/src/app/layout/navigation/data.ts b/src/app/layout/navigation/data.ts
index e5257e3..35e07a3 100644
--- a/src/app/layout/navigation/data.ts
+++ b/src/app/layout/navigation/data.ts
@@ -7,7 +7,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
         title: 'Example',
         type: 'basic',
         icon: 'heroicons_outline:chart-pie',
-        link: '/example'
+        link: '/dashboard'
     }
 ];
 export const compactNavigation: FuseNavigationItem[] = [
@@ -16,50 +16,50 @@ export const compactNavigation: FuseNavigationItem[] = [
         title: 'Dashboard',
         type: 'basic',
         icon: 'heroicons_outline:chart-pie',
-        link: '/example'
+        link: '/dashboard'
     },
     
     {
         id: 'adverts',
         title: 'Ads',
         type: 'basic',
-        icon: 'mat_outline:ads_click',
-        link: '/example'
+        icon: 'heroicons_outline:play',
+        link: '/adverts'
         
     },
     {
         id: 'campaigns',
         title: 'Campaigns',
         type: 'basic',
-        icon: 'heroicons_outline:play',
-        link: '/example'
+        icon: 'mat_outline:ads_click',
+        link: '/campaigns'
     },
     {
         id: 'coupons',
         title: 'Coupons',
         type: 'basic',
         icon: 'heroicons_outline:credit-card',
-        link: '/example'
+        link: '/coupons'
     },
     {
         id: 'products',
         title: 'Products',
         type: 'basic',
         icon: 'heroicons_outline:shopping-bag',
-        link: '/example'
+        link: '/products'
     },
     {
         id: 'followers',
         title: 'Followers',
         type: 'basic',
         icon: 'heroicons_outline:users',
-        link: '/example'
+        link: '/followers'
     }, 
     {
         id: 'desire',
         title: 'Monthly Desires',
         type: 'basic',
         icon: 'heroicons_outline:heart',
-        link: '/example'
+        link: '/desires'
     },
 ];
diff --git a/src/app/pages/admin/Adverts/adverts.component.html b/src/app/pages/admin/Adverts/adverts.component.html
new file mode 100644
index 0000000..819de1a
--- /dev/null
+++ b/src/app/pages/admin/Adverts/adverts.component.html
@@ -0,0 +1 @@
+<p>adverts works!</p>
diff --git a/src/app/pages/admin/Adverts/adverts.component.scss b/src/app/pages/admin/Adverts/adverts.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Adverts/adverts.component.spec.ts b/src/app/pages/admin/Adverts/adverts.component.spec.ts
new file mode 100644
index 0000000..bcbfb1d
--- /dev/null
+++ b/src/app/pages/admin/Adverts/adverts.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdvertsComponent } from './adverts.component';
+
+describe('AdvertsComponent', () => {
+  let component: AdvertsComponent;
+  let fixture: ComponentFixture<AdvertsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ AdvertsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdvertsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Adverts/adverts.component.ts b/src/app/pages/admin/Adverts/adverts.component.ts
new file mode 100644
index 0000000..ba71e42
--- /dev/null
+++ b/src/app/pages/admin/Adverts/adverts.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-adverts',
+  templateUrl: './adverts.component.html',
+  styleUrls: ['./adverts.component.scss']
+})
+export class AdvertsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Adverts/adverts.module.ts b/src/app/pages/admin/Adverts/adverts.module.ts
new file mode 100644
index 0000000..c70afad
--- /dev/null
+++ b/src/app/pages/admin/Adverts/adverts.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class AdvertsModule { }
diff --git a/src/app/pages/admin/Campaigns/campaigns.component.html b/src/app/pages/admin/Campaigns/campaigns.component.html
new file mode 100644
index 0000000..940c63c
--- /dev/null
+++ b/src/app/pages/admin/Campaigns/campaigns.component.html
@@ -0,0 +1 @@
+<p>campaigns works!</p>
diff --git a/src/app/pages/admin/Campaigns/campaigns.component.scss b/src/app/pages/admin/Campaigns/campaigns.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Campaigns/campaigns.component.spec.ts b/src/app/pages/admin/Campaigns/campaigns.component.spec.ts
new file mode 100644
index 0000000..720c6b6
--- /dev/null
+++ b/src/app/pages/admin/Campaigns/campaigns.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CampaignsComponent } from './campaigns.component';
+
+describe('CampaignsComponent', () => {
+  let component: CampaignsComponent;
+  let fixture: ComponentFixture<CampaignsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CampaignsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CampaignsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Campaigns/campaigns.component.ts b/src/app/pages/admin/Campaigns/campaigns.component.ts
new file mode 100644
index 0000000..6d576dc
--- /dev/null
+++ b/src/app/pages/admin/Campaigns/campaigns.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-campaigns',
+  templateUrl: './campaigns.component.html',
+  styleUrls: ['./campaigns.component.scss']
+})
+export class CampaignsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Campaigns/campaigns.module.ts b/src/app/pages/admin/Campaigns/campaigns.module.ts
new file mode 100644
index 0000000..e038d64
--- /dev/null
+++ b/src/app/pages/admin/Campaigns/campaigns.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class CampaignsModule { }
diff --git a/src/app/pages/admin/Coupons/coupons.component.html b/src/app/pages/admin/Coupons/coupons.component.html
new file mode 100644
index 0000000..8c4611b
--- /dev/null
+++ b/src/app/pages/admin/Coupons/coupons.component.html
@@ -0,0 +1 @@
+<p>coupons works!</p>
diff --git a/src/app/pages/admin/Coupons/coupons.component.scss b/src/app/pages/admin/Coupons/coupons.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Coupons/coupons.component.spec.ts b/src/app/pages/admin/Coupons/coupons.component.spec.ts
new file mode 100644
index 0000000..e45fd9d
--- /dev/null
+++ b/src/app/pages/admin/Coupons/coupons.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CouponsComponent } from './coupons.component';
+
+describe('CouponsComponent', () => {
+  let component: CouponsComponent;
+  let fixture: ComponentFixture<CouponsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CouponsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CouponsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Coupons/coupons.component.ts b/src/app/pages/admin/Coupons/coupons.component.ts
new file mode 100644
index 0000000..4a91819
--- /dev/null
+++ b/src/app/pages/admin/Coupons/coupons.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-coupons',
+  templateUrl: './coupons.component.html',
+  styleUrls: ['./coupons.component.scss']
+})
+export class CouponsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Coupons/coupons.module.ts b/src/app/pages/admin/Coupons/coupons.module.ts
new file mode 100644
index 0000000..658f8cc
--- /dev/null
+++ b/src/app/pages/admin/Coupons/coupons.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class CouponsModule { }
diff --git a/src/app/pages/admin/Followers/followers.component.html b/src/app/pages/admin/Followers/followers.component.html
new file mode 100644
index 0000000..c45d622
--- /dev/null
+++ b/src/app/pages/admin/Followers/followers.component.html
@@ -0,0 +1 @@
+<p>followers works!</p>
diff --git a/src/app/pages/admin/Followers/followers.component.scss b/src/app/pages/admin/Followers/followers.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Followers/followers.component.spec.ts b/src/app/pages/admin/Followers/followers.component.spec.ts
new file mode 100644
index 0000000..8d1c108
--- /dev/null
+++ b/src/app/pages/admin/Followers/followers.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FollowersComponent } from './followers.component';
+
+describe('FollowersComponent', () => {
+  let component: FollowersComponent;
+  let fixture: ComponentFixture<FollowersComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FollowersComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FollowersComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Followers/followers.component.ts b/src/app/pages/admin/Followers/followers.component.ts
new file mode 100644
index 0000000..a9fcee7
--- /dev/null
+++ b/src/app/pages/admin/Followers/followers.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-followers',
+  templateUrl: './followers.component.html',
+  styleUrls: ['./followers.component.scss']
+})
+export class FollowersComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Followers/followers.module.ts b/src/app/pages/admin/Followers/followers.module.ts
new file mode 100644
index 0000000..986abd5
--- /dev/null
+++ b/src/app/pages/admin/Followers/followers.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class FollowersModule { }
diff --git a/src/app/pages/admin/Monthly_Desires/desires.component.html b/src/app/pages/admin/Monthly_Desires/desires.component.html
new file mode 100644
index 0000000..3b06d72
--- /dev/null
+++ b/src/app/pages/admin/Monthly_Desires/desires.component.html
@@ -0,0 +1 @@
+<p>desires works!</p>
diff --git a/src/app/pages/admin/Monthly_Desires/desires.component.scss b/src/app/pages/admin/Monthly_Desires/desires.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Monthly_Desires/desires.component.spec.ts b/src/app/pages/admin/Monthly_Desires/desires.component.spec.ts
new file mode 100644
index 0000000..e9f31f1
--- /dev/null
+++ b/src/app/pages/admin/Monthly_Desires/desires.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DesiresComponent } from './desires.component';
+
+describe('DesiresComponent', () => {
+  let component: DesiresComponent;
+  let fixture: ComponentFixture<DesiresComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DesiresComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DesiresComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Monthly_Desires/desires.component.ts b/src/app/pages/admin/Monthly_Desires/desires.component.ts
new file mode 100644
index 0000000..e702eb4
--- /dev/null
+++ b/src/app/pages/admin/Monthly_Desires/desires.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-desires',
+  templateUrl: './desires.component.html',
+  styleUrls: ['./desires.component.scss']
+})
+export class DesiresComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Monthly_Desires/desires.module.ts b/src/app/pages/admin/Monthly_Desires/desires.module.ts
new file mode 100644
index 0000000..b347f7a
--- /dev/null
+++ b/src/app/pages/admin/Monthly_Desires/desires.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class DesiresModule { }
diff --git a/src/app/pages/admin/Products/products.component.html b/src/app/pages/admin/Products/products.component.html
new file mode 100644
index 0000000..d786d45
--- /dev/null
+++ b/src/app/pages/admin/Products/products.component.html
@@ -0,0 +1 @@
+<p>products works!</p>
diff --git a/src/app/pages/admin/Products/products.component.scss b/src/app/pages/admin/Products/products.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Products/products.component.spec.ts b/src/app/pages/admin/Products/products.component.spec.ts
new file mode 100644
index 0000000..f471086
--- /dev/null
+++ b/src/app/pages/admin/Products/products.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProductsComponent } from './products.component';
+
+describe('ProductsComponent', () => {
+  let component: ProductsComponent;
+  let fixture: ComponentFixture<ProductsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ProductsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProductsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Products/products.component.ts b/src/app/pages/admin/Products/products.component.ts
new file mode 100644
index 0000000..b42ad70
--- /dev/null
+++ b/src/app/pages/admin/Products/products.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-products',
+  templateUrl: './products.component.html',
+  styleUrls: ['./products.component.scss']
+})
+export class ProductsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Products/products.module.ts b/src/app/pages/admin/Products/products.module.ts
new file mode 100644
index 0000000..0087fee
--- /dev/null
+++ b/src/app/pages/admin/Products/products.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class ProductsModule { }
diff --git a/src/app/pages/admin/Profile/profile.component.html b/src/app/pages/admin/Profile/profile.component.html
new file mode 100644
index 0000000..9df0576
--- /dev/null
+++ b/src/app/pages/admin/Profile/profile.component.html
@@ -0,0 +1 @@
+<p>profile works!</p>
diff --git a/src/app/pages/admin/Profile/profile.component.scss b/src/app/pages/admin/Profile/profile.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Profile/profile.component.spec.ts b/src/app/pages/admin/Profile/profile.component.spec.ts
new file mode 100644
index 0000000..e88012e
--- /dev/null
+++ b/src/app/pages/admin/Profile/profile.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProfileComponent } from './profile.component';
+
+describe('ProfileComponent', () => {
+  let component: ProfileComponent;
+  let fixture: ComponentFixture<ProfileComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ProfileComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProfileComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Profile/profile.component.ts b/src/app/pages/admin/Profile/profile.component.ts
new file mode 100644
index 0000000..29ea4ff
--- /dev/null
+++ b/src/app/pages/admin/Profile/profile.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-profile',
+  templateUrl: './profile.component.html',
+  styleUrls: ['./profile.component.scss']
+})
+export class ProfileComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Profile/profile.module.ts b/src/app/pages/admin/Profile/profile.module.ts
new file mode 100644
index 0000000..0ef7558
--- /dev/null
+++ b/src/app/pages/admin/Profile/profile.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class ProfileModule { }
diff --git a/src/app/pages/admin/Settings/settings.component.html b/src/app/pages/admin/Settings/settings.component.html
new file mode 100644
index 0000000..4ab2a41
--- /dev/null
+++ b/src/app/pages/admin/Settings/settings.component.html
@@ -0,0 +1 @@
+<p>settings works!</p>
diff --git a/src/app/pages/admin/Settings/settings.component.scss b/src/app/pages/admin/Settings/settings.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/admin/Settings/settings.component.spec.ts b/src/app/pages/admin/Settings/settings.component.spec.ts
new file mode 100644
index 0000000..a3a508b
--- /dev/null
+++ b/src/app/pages/admin/Settings/settings.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SettingsComponent } from './settings.component';
+
+describe('SettingsComponent', () => {
+  let component: SettingsComponent;
+  let fixture: ComponentFixture<SettingsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SettingsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SettingsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/admin/Settings/settings.component.ts b/src/app/pages/admin/Settings/settings.component.ts
new file mode 100644
index 0000000..232b5dd
--- /dev/null
+++ b/src/app/pages/admin/Settings/settings.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-settings',
+  templateUrl: './settings.component.html',
+  styleUrls: ['./settings.component.scss']
+})
+export class SettingsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/pages/admin/Settings/settings.module.ts b/src/app/pages/admin/Settings/settings.module.ts
new file mode 100644
index 0000000..cc075c6
--- /dev/null
+++ b/src/app/pages/admin/Settings/settings.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class SettingsModule { }