diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 5544c4f..0e892d8 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -31,6 +31,10 @@ const routes: Routes = [
   {
     path: 'grid-filter',
     loadChildren: ()=> import('./grid-filter&sorting-demo/grid-filter-demo.module').then(m => m.GridFilterDemoModule)
+  },
+  {
+    path: 'select',
+    loadChildren: ()=> import('./ng-select-demo/ng-select-demo.module').then(m => m.NgSelectDemoModule)
   }
 ];
 
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4f1ac53..9e70e1b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -24,6 +24,9 @@
         <li class="nav-item">
           <a class="nav-link" routerLink="grid-filter">Fitering Demo</a>
         </li>
+        <li class="nav-item">
+          <a class="nav-link" routerLink="select">NG-select</a>
+        </li>
       </ul>
     </div>
     <div class="col-lg-10" style="padding-top: 5px">
diff --git a/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html b/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html
index 3116897..041acd5 100644
--- a/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html
+++ b/src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html
@@ -101,4 +101,7 @@
         <button type="button" class="btn btn-default">Yes</button>
         <button type="button" class="btn btn-primary">No</button>
     </div>
-</ng-template>
\ No newline at end of file
+</ng-template>
+
+
+
diff --git a/src/app/ng-select-demo/ng-select-demo-routing.module.ts b/src/app/ng-select-demo/ng-select-demo-routing.module.ts
new file mode 100644
index 0000000..d6cee6c
--- /dev/null
+++ b/src/app/ng-select-demo/ng-select-demo-routing.module.ts
@@ -0,0 +1,19 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from '@angular/router';
+import { NgSelectDemoComponent } from './ng-select-demo/ng-select-demo.component';
+
+
+const routes: Routes =[
+    {
+        path: '',
+        component: NgSelectDemoComponent
+    }
+]
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+})
+export class NgSelectDemoRoutingModule {
+
+}
\ No newline at end of file
diff --git a/src/app/ng-select-demo/ng-select-demo.module.ts b/src/app/ng-select-demo/ng-select-demo.module.ts
new file mode 100644
index 0000000..fae2d4c
--- /dev/null
+++ b/src/app/ng-select-demo/ng-select-demo.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgSelectDemoComponent } from './ng-select-demo/ng-select-demo.component';
+import { NgSelectDemoRoutingModule } from './ng-select-demo-routing.module';
+
+
+
+@NgModule({
+  declarations: [NgSelectDemoComponent],
+  imports: [
+    CommonModule,
+    NgSelectDemoRoutingModule
+  ]
+})
+export class NgSelectDemoModule { }
diff --git a/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.html b/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.scss b/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.ts b/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.ts
new file mode 100644
index 0000000..ad5b580
--- /dev/null
+++ b/src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ps-ng-select-demo',
+  templateUrl: './ng-select-demo.component.html',
+  styleUrls: ['./ng-select-demo.component.scss']
+})
+export class NgSelectDemoComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}