> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry-angular/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/berry-angular/page-structure.md).
# 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