<?php include 'header.php'; ?>

<style>
    .web-app-top-bar {
        display: none !important
    }


    button,
    a {
        margin-inline-end: 10px;
    }
</style>

<div class="page default-layout page-name">

    <div class="ds-section">

        <div class="ds-title">
            <h1 class="text-center"> Icons </h1>
        </div>

        <div class="container">


            <div class="ds-sub-section mb-5">

                <div class="row">

                    <div class="col-md-2">
                        <p class="m-0 mt-3 lead"> sizes </p>
                    </div>

                    <div class="col-md-10">
                        <div class="d-flex justify-content-center align-items-center">
                            <i class="icon icon-search icon-xs me-3"></i>
                            <i class="icon icon-search icon-sm me-3"></i>
                            <i class="icon icon-search icon     me-3"></i>
                            <i class="icon icon-search icon-lg me-3"></i>
                            <i class="icon icon-search icon-xl me-3"></i>
                            <i class="icon icon-search icon-xxl me-3"></i>
                            <i class="icon icon-search icon-xxxl"></i>
                        </div>
                    </div>

                </div>

            </div>



        </div> <!-- container -->

    </div> <!-- ds-section -->

</div> <!-- page -->

<?php include 'footer.php'; ?>