diff --git a/ng-seed/src/app/app.module.ts b/ng-seed/src/app/app.module.ts
index 0396c94..ffeaeb2 100644
--- a/ng-seed/src/app/app.module.ts
+++ b/ng-seed/src/app/app.module.ts
@@ -1,7 +1,6 @@
-import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
-import { NgModule } from '@angular/core';
+import { NgModule,CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { HttpClientModule, HttpClient} from '@angular/common/http';
 
@@ -57,7 +56,7 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
     ProgressSpineerDialogComponent
   ],
   imports: [
-    BrowserModule,
+    DemoMaterialModule,
     BrowserAnimationsModule,
     SharedModule,
     RouterModule.forRoot(AppRoutes, {scrollPositionRestoration: 'enabled'}),
@@ -72,8 +71,6 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
     MatCheckboxModule,
     MatProgressBarModule,
     MatSelectModule,
-    MatCardModule,
-    DemoMaterialModule,
     HttpClientModule,
     AppoinmentModule,
     MatFormFieldModule,
@@ -95,6 +92,7 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
     }
   ],
   entryComponents: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
+  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
 })
 export class AppModule { }
diff --git a/ng-seed/src/app/appoinment/appoinment-routing.module.ts b/ng-seed/src/app/appoinment/appoinment-routing.module.ts
index d29458a..17f1a4e 100644
--- a/ng-seed/src/app/appoinment/appoinment-routing.module.ts
+++ b/ng-seed/src/app/appoinment/appoinment-routing.module.ts
@@ -1,12 +1,14 @@
-import { NgModule } from '@angular/core';
+import { Component, NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { AppoinmentsListComponent } from './appoinments/appoinments-list/appoinments-list.component';
 import { AddBusinessListComponent } from './business/add-business-list/add-business-list.component';
 import { BusinessListComponent } from './business/business-list/business-list.component';
 import { CalendarListComponent } from './calendars/calendar-list/calendar-list.component';
 import { CustomersListComponent } from './customers/customers-list/customers-list.component';
+import { ServiceListComponent } from './service-list-details/service-list/service-list.component';
 import { AddUserListComponent } from './user/add-user-list/add-user-list.component';
 import { UserListComponent } from './user/user-list/user-list.component';
+import {  } from './service-list-details/service-list/service-list.component'
 
 
 const routes: Routes = [{
@@ -40,6 +42,10 @@ const routes: Routes = [{
 {
   path: 'calendar-list',
   component: CalendarListComponent
+},
+{
+  path: 'services-list',
+  component: ServiceListComponent
 }
 
   
diff --git a/ng-seed/src/app/appoinment/appoinment.module.ts b/ng-seed/src/app/appoinment/appoinment.module.ts
index f7c5c73..bec5e05 100644
--- a/ng-seed/src/app/appoinment/appoinment.module.ts
+++ b/ng-seed/src/app/appoinment/appoinment.module.ts
@@ -2,28 +2,29 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AppoinmentRoutingModule } from './appoinment-routing.module';
 import { BusinessModule } from './business/business.module';
-import { MaterialModulesModule } from './material-modules/material-modules.module';
-import { UserModule } from './user/user.module';
-import { AppoinmentsModule } from './appoinments/appoinments.module';
+import { UserModule } from './user/user.module'; 
 import { CustomersModule } from './customers/customers.module';
 import { CalendarsModule } from './calendars/calendars.module';
-
-
-
-
+import { AppoinmentsModule } from './appoinments/appoinments.module';
+import { DemoMaterialModule } from 'app/shared/demo.module';
+import { MatCardModule } from '@angular/material/card';
+import { ServiceListComponent } from './service-list-details/service-list/service-list.component';
+import { ServiceListModule } from './service-list-details/service-list.module';
 
 @NgModule({
   declarations: [
   ],
   imports: [
+    DemoMaterialModule,
     CommonModule,
     AppoinmentRoutingModule,
     BusinessModule,
     UserModule,
-    MaterialModulesModule,
     AppoinmentsModule,
     CustomersModule,
-    CalendarsModule
-  ]
+    CalendarsModule,
+    ServiceListModule
+  ],
+  
 })
 export class AppoinmentModule { }
diff --git a/ng-seed/src/app/appoinment/appoinments/appoinments.module.ts b/ng-seed/src/app/appoinment/appoinments/appoinments.module.ts
index ce7c948..2b72485 100644
--- a/ng-seed/src/app/appoinment/appoinments/appoinments.module.ts
+++ b/ng-seed/src/app/appoinment/appoinments/appoinments.module.ts
@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 
 import { AppoinmentsRoutingModule } from './appoinments-routing.module';
 import { AppoinmentsListComponent } from './appoinments-list/appoinments-list.component';
-import { MaterialModulesModule } from '../material-modules/material-modules.module';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { DialogBoxComponent } from './dialog-box/dialog-box.component';
+import { DemoMaterialModule } from 'app/shared/demo.module';
 // import  CalendarTodayIcon  from '@material-ui/icons/CalendarToday';
 
 @NgModule({
@@ -16,9 +16,9 @@ import { DialogBoxComponent } from './dialog-box/dialog-box.component';
     DialogBoxComponent
   ],
   imports: [
+    DemoMaterialModule,
     CommonModule,
     AppoinmentsRoutingModule,
-    MaterialModulesModule,
     MatSidenavModule,
     MatFormFieldModule,
     ScrollingModule,
diff --git a/ng-seed/src/app/appoinment/business/business.module.ts b/ng-seed/src/app/appoinment/business/business.module.ts
index 3b7370d..fb3a170 100644
--- a/ng-seed/src/app/appoinment/business/business.module.ts
+++ b/ng-seed/src/app/appoinment/business/business.module.ts
@@ -4,11 +4,11 @@ import { CommonModule } from '@angular/common';
 import { BusinessRoutingModule } from './business-routing.module';
 import { BusinessListComponent } from './business-list/business-list.component';
 import { AddBusinessListComponent } from './add-business-list/add-business-list.component';
-import { MaterialModulesModule } from '../material-modules/material-modules.module';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { DialogBoxComponent } from './dialog-box/dialog-box.component';
 import { ScrollingModule } from '@angular/cdk/scrolling';
+import { DemoMaterialModule } from 'app/shared/demo.module';
 
 
 
@@ -20,9 +20,9 @@ import { ScrollingModule } from '@angular/cdk/scrolling';
   
   ],
   imports: [
+    DemoMaterialModule,
     CommonModule,
     BusinessRoutingModule,
-    MaterialModulesModule,
     MatSidenavModule,
     MatFormFieldModule,
     ScrollingModule
diff --git a/ng-seed/src/app/appoinment/calendars/calendars.module.ts b/ng-seed/src/app/appoinment/calendars/calendars.module.ts
index 3f39d0e..25cae2d 100644
--- a/ng-seed/src/app/appoinment/calendars/calendars.module.ts
+++ b/ng-seed/src/app/appoinment/calendars/calendars.module.ts
@@ -5,8 +5,8 @@ import { CalendarsRoutingModule } from './calendars-routing.module';
 import { CalendarListComponent } from './calendar-list/calendar-list.component';
 import { CalendarModule, DateAdapter } from 'angular-calendar';
 import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
-import { MaterialModulesModule } from '../material-modules/material-modules.module';
 import { CalendardialogComponent } from './calendardialog/calendardialog.component';
+import { DemoMaterialModule } from 'app/shared/demo.module';
 
 @NgModule({
   declarations: [
@@ -14,9 +14,9 @@ import { CalendardialogComponent } from './calendardialog/calendardialog.compone
     CalendardialogComponent
   ],
   imports: [
+    DemoMaterialModule,
     CommonModule,
     CalendarsRoutingModule,
-    MaterialModulesModule,
     CalendarModule.forRoot({
       provide: DateAdapter,
       useFactory: adapterFactory
diff --git a/ng-seed/src/app/appoinment/customers/customers.module.ts b/ng-seed/src/app/appoinment/customers/customers.module.ts
index d7c048a..133b556 100644
--- a/ng-seed/src/app/appoinment/customers/customers.module.ts
+++ b/ng-seed/src/app/appoinment/customers/customers.module.ts
@@ -3,10 +3,10 @@ import { CommonModule } from '@angular/common';
 
 import { CustomersRoutingModule } from './customers-routing.module';
 import { CustomersListComponent } from './customers-list/customers-list.component';
-import { MaterialModulesModule } from '../material-modules/material-modules.module';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { DialogBoxComponent } from './dialog-box/dialog-box.component';
+import { DemoMaterialModule } from 'app/shared/demo.module';
 
 
 @NgModule({
@@ -15,11 +15,11 @@ import { DialogBoxComponent } from './dialog-box/dialog-box.component';
     DialogBoxComponent
   ],
   imports: [
+    DemoMaterialModule,
     CommonModule,
     CustomersRoutingModule,
-    MaterialModulesModule,
     MatSidenavModule,
-    MatFormFieldModule
+    MatFormFieldModule,
   ]
 })
 export class CustomersModule { }
diff --git a/ng-seed/src/app/appoinment/material-modules/material-modules.module.ts b/ng-seed/src/app/appoinment/material-modules/material-modules.module.ts
deleted file mode 100644
index 5b6d83e..0000000
--- a/ng-seed/src/app/appoinment/material-modules/material-modules.module.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTableModule } from '@angular/material/table';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatCardModule } from '@angular/material/card';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatButtonModule } from '@angular/material/button';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatSidenavModule } from '@angular/material/sidenav';
-
-
-// import { NotifierOptions, NotifierModule } from 'angular-notifier';
-
-// const pdCustomNotifierOptions: NotifierOptions = {
-//   position: {
-//       horizontal: {
-//           position: 'right',
-//           distance: 12
-//       },
-//       vertical: {
-//           position: 'top',
-//           distance: 32,
-//           gap: 10
-//       }
-//   },
-//   theme: 'material',
-//   behaviour: {
-//       autoHide: 2000,
-//       onClick: 'hide',
-//       onMouseover: 'pauseAutoHide',
-//       showDismissButton: true,
-//       stacking: 4
-//   },
-//   animations: {
-//       enabled: true,
-//       show: {
-//           preset: 'slide',
-//           speed: 300,
-//           easing: 'ease'
-//       },
-//       hide: {
-//           preset: 'fade',
-//           speed: 300,
-//           easing: 'ease',
-//           offset: 50
-//       },
-//       shift: {
-//           speed: 300,
-//           easing: 'ease'
-//       },
-//       overlap: 150
-//   }
-// };
-
-
-@NgModule({
-  imports: [
-    CommonModule,
-    MatInputModule,
-    MatSelectModule,
-    MatIconModule,
-    MatTableModule,
-    MatMenuModule,
-    MatListModule,
-    MatTooltipModule,
-    MatToolbarModule,
-    MatFormFieldModule,
-    MatTabsModule,
-    MatCardModule,
-    MatPaginatorModule,
-    MatButtonModule,
-    FlexLayoutModule,
-    MatExpansionModule,
-    MatProgressBarModule,MatProgressSpinnerModule,
-    //MatTableExporterModule,
-    ReactiveFormsModule,
-    FormsModule,
-    MatDatepickerModule,
-    MatSidenavModule,
-   
-    
-    
-   
-    // NotifierModule.withConfig(pdCustomNotifierOptions),
-  ],
-  exports:[
-    CommonModule,
-    MatInputModule,
-    MatSelectModule,
-    MatIconModule,
-    MatTableModule,
-    MatListModule,
-    MatToolbarModule,
-    MatFormFieldModule,
-    MatTabsModule,
-    MatCardModule,
-    MatRadioModule,
-    MatCheckboxModule,
-    MatPaginatorModule,
-    MatButtonModule,
-    FlexLayoutModule,
-    MatExpansionModule,  
-    MatProgressBarModule,MatProgressSpinnerModule,
-    //MatTableExporterModule,
-    ReactiveFormsModule,
-    FormsModule,
-    MatDatepickerModule,
-    MatSidenavModule
-    
-    // NotifierModule,
-  ],
-  declarations: []
-})
-export class MaterialModulesModule { }
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list-routing.module.ts b/ng-seed/src/app/appoinment/service-list-details/service-list-routing.module.ts
new file mode 100644
index 0000000..47a642c
--- /dev/null
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list-routing.module.ts
@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ServiceListRoutingModule { }
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list.module.ts b/ng-seed/src/app/appoinment/service-list-details/service-list.module.ts
new file mode 100644
index 0000000..ddcf23d
--- /dev/null
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ServiceListRoutingModule } from './service-list-routing.module';
+import { ServiceListComponent } from './service-list/service-list.component'; 
+import { DemoMaterialModule } from 'app/shared/demo.module';
+
+
+@NgModule({
+  declarations: [
+    ServiceListComponent
+  ],
+  imports: [
+    DemoMaterialModule,
+    CommonModule,
+    ServiceListRoutingModule,
+  ],
+  
+})
+export class ServiceListModule { }
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
new file mode 100644
index 0000000..95a100a
--- /dev/null
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
@@ -0,0 +1,11 @@
+<div fxLayout="row wrap" >
+    <div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" fxFlex.lg="33.33" fxFlex.xl="33.33" class="m-gap p-gap" *ngFor="let serviceListDetails of serviceData">
+        <mat-card class="mb-2 example-card">
+            <mat-card-title-group>
+            <img width="60"  src="assets/images/curve.jpg">
+            <mat-card-title>{{serviceListDetails.serviceName}}</mat-card-title>
+            <!-- <mat-card-subtitle>Dr. Saravanan</mat-card-subtitle> -->
+            </mat-card-title-group>
+        </mat-card>
+    </div>
+ </div>
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.spec.ts b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.spec.ts
new file mode 100644
index 0000000..97c7949
--- /dev/null
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ServiceListComponent } from './service-list.component';
+
+describe('ServiceListComponent', () => {
+  let component: ServiceListComponent;
+  let fixture: ComponentFixture<ServiceListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ServiceListComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ServiceListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.ts b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.ts
new file mode 100644
index 0000000..8f4f60e
--- /dev/null
+++ b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-service-list',
+  templateUrl: './service-list.component.html',
+  styleUrls: ['./service-list.component.scss']
+})
+export class ServiceListComponent implements OnInit {
+  serviceName = ['ENT', 'Orthopaedics', 'Breast surgery','Cardiology','Diabetology','Endocrinology','Infertility'];
+  doctors = ['Dr. Sanjeev', 'Dr. Gopi', 'Dr. Surendar', 'Dr. Kamali', 'Dr. Venkatadesh', 'Dr.Javeed', 'Dr.Cyril'];
+  serviceData: any = [];
+  constructor() { }
+
+  ngOnInit(): void {
+    
+    for (let i = 0; i < 7; i++) {
+      const random = i % 7;
+      const obj: any = {
+        serviceName: this.serviceName[random],
+        // isFavourite: i % 5 === 0 ? true : false,
+        doctors: this.doctors,
+        // apino: 21,
+        // state: state[i % 4],
+        //version: this.dropdown[0].name,
+      };
+      this.serviceData.push(obj);
+    }
+  }
+
+}
diff --git a/ng-seed/src/app/appoinment/user/user.module.ts b/ng-seed/src/app/appoinment/user/user.module.ts
index b7d7674..b3bda6a 100644
--- a/ng-seed/src/app/appoinment/user/user.module.ts
+++ b/ng-seed/src/app/appoinment/user/user.module.ts
@@ -3,10 +3,10 @@ import { CommonModule } from '@angular/common';
 import { UserRoutingModule } from './user-routing.module';
 import { AddUserListComponent } from './add-user-list/add-user-list.component';
 import { UserListComponent } from './user-list/user-list.component';
-import { MaterialModulesModule } from '../material-modules/material-modules.module';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { UserDialogBoxComponent } from './user-dialog-box/user-dialog-box.component';
+import { DemoMaterialModule } from 'app/shared/demo.module';
 
 
 
@@ -17,12 +17,11 @@ import { UserDialogBoxComponent } from './user-dialog-box/user-dialog-box.compon
     UserDialogBoxComponent
   ],
   imports: [
+    DemoMaterialModule,
     CommonModule,
     UserRoutingModule,
-    MaterialModulesModule,
     MatSidenavModule,
-    MatFormFieldModule,
-  
+    MatFormFieldModule
   ]
 })
 export class UserModule { }
diff --git a/ng-seed/src/app/dashboard/dashboard.component.html b/ng-seed/src/app/dashboard/dashboard.component.html
index 6dc21e2..672e205 100644
--- a/ng-seed/src/app/dashboard/dashboard.component.html
+++ b/ng-seed/src/app/dashboard/dashboard.component.html
@@ -1 +1,7 @@
-<h2>Dashboard!</h2>
\ No newline at end of file
+<mat-card class="mb-2 example-card">
+    <mat-card-title-group>
+    <img width="60"  src="assets/images/curve.jpg">
+    <mat-card-title></mat-card-title>
+    <mat-card-subtitle>Dr. Saravanan</mat-card-subtitle>
+    </mat-card-title-group>
+</mat-card>
\ No newline at end of file
diff --git a/ng-seed/src/app/shared/demo.module.ts b/ng-seed/src/app/shared/demo.module.ts
index 3df41d2..40a7f25 100644
--- a/ng-seed/src/app/shared/demo.module.ts
+++ b/ng-seed/src/app/shared/demo.module.ts
@@ -2,7 +2,6 @@ import {NgModule} from '@angular/core';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -39,53 +38,60 @@ import {OverlayModule} from '@angular/cdk/overlay';
 import {PlatformModule} from '@angular/cdk/platform';
 import {ObserversModule} from '@angular/cdk/observers';
 import {PortalModule} from '@angular/cdk/portal';
+import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { FlexModule } from '@angular/flex-layout';
 
 /**
  * NgModule that includes all Material modules that are required to serve the demo-app.
  */
+const modules = [
+  MatCardModule,
+  MatAutocompleteModule,
+  MatButtonModule,
+  MatButtonToggleModule,
+  MatCheckboxModule,
+  MatChipsModule,
+  MatTableModule,
+  MatDatepickerModule,
+  MatDialogModule,
+  MatDividerModule,
+  MatExpansionModule,
+  MatFormFieldModule,
+  MatGridListModule,
+  MatIconModule,
+  MatInputModule,
+  MatListModule,
+  MatMenuModule,
+  MatPaginatorModule,
+  MatProgressBarModule,
+  MatProgressSpinnerModule,
+  MatRadioModule,
+  MatRippleModule,
+  MatSelectModule,
+  MatSidenavModule,
+  MatSlideToggleModule,
+  MatSliderModule,
+  MatSnackBarModule,
+  MatSortModule,
+  MatStepperModule,
+  MatTabsModule,
+  MatToolbarModule,
+  MatTooltipModule,
+  MatNativeDateModule,
+  CdkTableModule,
+  A11yModule,
+  BidiModule,
+  CdkAccordionModule,
+  ObserversModule,
+  OverlayModule,
+  PlatformModule,
+  PortalModule, 
+  FlexModule,
+  FormsModule,
+  ReactiveFormsModule]
 @NgModule({
-  exports: [
-    MatAutocompleteModule,
-    MatButtonModule,
-    MatButtonToggleModule,
-    MatCardModule,
-    MatCheckboxModule,
-    MatChipsModule,
-    MatTableModule,
-    MatDatepickerModule,
-    MatDialogModule,
-    MatDividerModule,
-    MatExpansionModule,
-    MatFormFieldModule,
-    MatGridListModule,
-    MatIconModule,
-    MatInputModule,
-    MatListModule,
-    MatMenuModule,
-    MatPaginatorModule,
-    MatProgressBarModule,
-    MatProgressSpinnerModule,
-    MatRadioModule,
-    MatRippleModule,
-    MatSelectModule,
-    MatSidenavModule,
-    MatSlideToggleModule,
-    MatSliderModule,
-    MatSnackBarModule,
-    MatSortModule,
-    MatStepperModule,
-    MatTabsModule,
-    MatToolbarModule,
-    MatTooltipModule,
-    MatNativeDateModule,
-    CdkTableModule,
-    A11yModule,
-    BidiModule,
-    CdkAccordionModule,
-    ObserversModule,
-    OverlayModule,
-    PlatformModule,
-    PortalModule,
-  ]
+  imports: [...modules],
+  exports: [...modules]
 })
 export class DemoMaterialModule {}
\ No newline at end of file
diff --git a/ng-seed/src/app/shared/menu-items/menu-items.ts b/ng-seed/src/app/shared/menu-items/menu-items.ts
index 6241485..0177b36 100644
--- a/ng-seed/src/app/shared/menu-items/menu-items.ts
+++ b/ng-seed/src/app/shared/menu-items/menu-items.ts
@@ -73,6 +73,16 @@ const MENUITEMS : Menu[] = [
       {state: 'user-list', name: 'Users List'},
     //  {state: 'add-user-list', name: 'Add Users '},
     ]
+  }, 
+  {
+    state: 'appoinment',
+    name: 'Services List',
+    type: 'sub',
+    icon: 'security',
+    children: [
+      {state: 'services-list', name: 'Services List'},
+    //  {state: 'add-user-list', name: 'Add Users '},
+    ]
   }