<!-- ===Font awesome CDN==== -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> -->
<div class="wrapper">
<h1 class="heading">Accordion Style : Demo 1</h1>
<div class="accordion">
<details open>
<summary>
<span class="lead-icon"><i class="fa-solid fa-book-open"></i></span>
<span class="title-wrap">
<span class="title">Getting Started</span>
<span class="sub-title">Installation and basics</span>
</span>
<span class="chevron-icon"><i class="fa-solid fa-chevron-down"></i></span>
</summary>
<div class="panel-body">
<div class="panel-content">
Install prerequisites, initialize your project, and run your first build. Quick start commands
and folder structure overview.
</div>
</div>
</details>
<details>
<summary>
<span class="lead-icon"><i class="fa-solid fa-gear"></i></span>
<span class="title-wrap">
<span class="title">Configuration</span>
<span class="sub-title">CLI, env, and overrides</span>
</span>
<span class="chevron-icon"><i class="fa-solid fa-chevron-down"></i></span>
</summary>
<div class="panel-body">
<div class="panel-content">
Learn config files, environment variables, and per‑environment overrides. Tips for safe defaults
and migrations.
</div>
</div>
</details>
<details>
<summary>
<span class="lead-icon"><i class="fa-solid fa-shield-halved"></i></span>
<span class="title-wrap">
<span class="title">Security</span>
<span class="sub-title">Auth, roles, and auditing</span>
</span>
<span class="chevron-icon"><i class="fa-solid fa-chevron-down"></i></span>
</summary>
<div class="panel-body">
<div class="panel-content">
Implement authentication, role‑based access, and audit trails. Follow least‑privilege and rotate
secrets safely.
</div>
</div>
</details>
</div>
</div>
