# Page Structure
#### .**./src/index.html**
{% code title="index.html" %}
```html
Berry Angular Dashboard Template
```
{% endcode %}
#### **../src/app/app.component.html**
{% code title="app.component.html" %}
```html
```
{% endcode %}
#### **../src/app/app-routing.module.ts**
{% code title="app-routing.module.ts" %}
```typescript
import { AdminComponent } from './theme/layout/admin/admin.component';
import { GuestComponent } from './theme/layout/auth/Guest.component';
import { AuthGuardChild } from './theme/shared/_helpers/auth.guard';
import { Role } from './theme/shared/_helpers/role';
const routes: Routes = [
{
path: '',
component: AdminComponent,
canActivateChild: [AuthGuardChild],
children: [
// load children modules with lazy-loaded routing for header, side nav, and common structure, like dashboard, blank page, widget, etc.
]
},
{
path: '',
component: GuestComponent,
children: [
// load children modules with lazy-loaded routing, without a common structure, like login, signup, reset password, lock screen, etc.
]
},
{
path: '**',
loadComponent: () => import('./demo/pages/maintenance/maintain-error/maintain-error.component').then((c) => c.MaintainErrorComponent)
}
];
```
{% endcode %}
#### **../src/app/theme/layout/admin/admin.component.html**
{% code title="admin.component.html" %}
```html