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

<!-- Head -->
{{> (config config.partials.head) title=config.defaultPageTitle }}

<body class="{{ config.classes.body }}">

    <!-- Page Content -->
    <main id="main">

        <!-- Navbar-->
        {{> (config config.partials.navbar)
            configClassList=config.classes.navbar
            classList=""
        }}
        <!-- / Navbar-->

        <!-- Content-->
        <section class="container-fluid">

            <!-- Breadcrumbs-->
            {{> content/breadcrumbs page="Blank Page"}}
            <!-- / Breadcrumbs-->

            <!-- Page Title-->
            <h2 class="fs-4 mb-2">Blank page</h2>
            <p class="mb-4">Use this page as your starting point for your own custom pages.</p>
            <!-- / Page Title-->


            <div class="card mb-4">
                <div class="card-header justify-content-between align-items-center d-flex">
                    <h6 class="card-title m-0">Section title</h6>
                    <div class="dropdown">
                        <button class="btn btn-link dropdown-toggle dropdown-toggle-icon fw-bold p-0" type="button"
                            id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="ri-more-2-line"></i>
                        </button>
                        <ul class="dropdown-menu dropdown" aria-labelledby="dropdownMenuButton1">
                            <li><a class="dropdown-item" href="#">Action</a></li>
                            <li><a class="dropdown-item" href="#">Another action</a></li>
                            <li><a class="dropdown-item" href="#">Something else here</a></li>
                        </ul>
                    </div>
                </div>
                <div class="card-body">
                    <p>Click on the ellipse icon in the top right corner of this card to see a dropdown example
                        integrated with the card header title.</p>
                </div>
            </div>

            <!-- Footer -->
            {{> (config config.partials.footer)
            configClassList=config.classes.footer
            classList=""
        }}
            <!-- / Footer-->

        </section>
        <!-- / Content-->

    </main>
    <!-- /Page Content -->

    <!-- Page Aside-->
    {{> aside/aside }}
    <!-- / Page Aside-->

    <!-- Theme JS -->
    {{> footer/scripts }}

</body>

</html>
