# Page Structure

{% tabs %}
{% tab title="HTML" %}

```batch
<!doctype html>
<html lang="en">

<head>
  <title>Home | Light Able Dashboard Template</title>
  <!-- [Meta] -->
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="description"
    content="Light Able is trending dashboard template made using Bootstrap 5 design framework. Light Able is available in Bootstrap, React, CodeIgniter, Angular,  and .net Technologies." />
  <meta name="keywords"
    content="Bootstrap admin template, Dashboard UI Kit, Dashboard Template, Backend Panel, react dashboard, angular dashboard" />
  <meta name="author" content="phoenixcoded" />

  <!-- [Favicon] icon -->
  <link rel="icon" href="../assets/images/favicon.svg" type="image/x-icon" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/typicons.js/2.0.9/typicons.min.css" rel="stylesheet">
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places" async defer></script>

</head>

<body data-pc-preset="preset-1" data-pc-sidebar-theme="light" data-pc-sidebar-caption="true" data-pc-direction="ltr"
  data-pc-theme="light">

  <app-root></app-root>

</body>

</html>
```

{% endtab %}
{% endtabs %}

### Layout settings

You can change the default layout from Views\Shared\\\_Layout.cshtml file in the body tag.

<pre class="language-html"><code class="lang-html"><strong>&#x3C;body data-pc-preset="preset-1" data-pc-sidebar-theme="light"
</strong>    data-pc-sidebar-caption="true" data-pc-direction="ltr" data-pc-theme="light">
</code></pre>

<table><thead><tr><th width="317">Attribute</th><th>Description</th></tr></thead><tbody><tr><td>data-pc-preset= "preset-1"</td><td>To set the your primary theme color you can change ['preset-1' to 'preset-10'] for different color.</td></tr><tr><td>data-pc-sidebar-theme = "light"</td><td>To set the Light color left Sidebar.</td></tr><tr><td>data-pc-sidebar-theme = "dark"</td><td>To set the Light color dark Sidebar.</td></tr><tr><td>data-pc-sidebar-caption = "true"</td><td>To set the caption on.</td></tr><tr><td>data-pc-sidebar-caption = "false"</td><td>To set the caption off.</td></tr><tr><td>data-pc-direction = "ltr"</td><td>To set the layout direction left to right.</td></tr><tr><td>data-pc-direction = "rtl"</td><td>To set the layout direction right to left.</td></tr><tr><td>data-pc-theme = "light"</td><td>To set the layout theme light.</td></tr><tr><td>data-pc-theme = "dark"</td><td>To set the layout theme dark.</td></tr></tbody></table>
