Mantis Angular Dashboard Template

# Page Structure #### .**./src/index.html** {% code title="index.html" %} ```html Mantis Angular Dashboard Template ``` {% endcode %} #### **../src/app/app.component.html** {% code title="app.component.html" %} ```html ``` {% endcode %} #### **../src/app/app-routing.module.ts**

// project import
import { AdminLayout } from './theme/layout/admin-layout/admin-layout.component';
import { GuestLayouts } from './theme/layout/guest-layout/guest-layout.component';
import { AuthGuard } from './theme/shared/components/_helpers/auth.guard';
import { SimpleLayouts } from './theme/layout/simple-layout/simple-layout.component';

const routes: Routes = [
{
    path: '',
    component: GuestLayouts,
    children: [
      {
        path: '',
        redirectTo: '',
        pathMatch: 'full'
      },
      // load children modules with lazy load routing without a common structure, like login, signup, reset password, lock screen, etc..
    ]
  },
  {
    path: '',
    component: AdminLayout,
    canActivate: [AuthGuard],
    children: [
      // load children modules with lazy load routing for header, side nav common structure, like, dashboard, blank page, widget, etc..
    ]
  },
  {
    path: '',
    component: SimpleLayouts,
    children: [
      // load children modules with lazy load routing without a common structure, like component page, contact-us etc..
    ]
  }, 
  {
    path: 'unauthorized',
    loadComponent: () =>
      import('./demo/pages/maintenance/unauthorize-error/unauthorize-error.component').then((c) => c.UnauthorizeErrorComponent)
  },
  {
    path: '**',
    loadComponent: () => import('./demo/pages/maintenance/error/error.component').then((c) => c.ErrorComponent)
  }
];

#### **../src/app/theme/layout/admin-layout/admin-layout.component.html** {% code title="admin.component.html" %} ```html