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

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

    <div class="ds-section">

        <div class="ds-title bg-primary">
            <h1 class="text-center color-white-light"> Loaders </h1>
        </div>

        <div class="container mb-3">

            <div class="row d-flex justify-content-center align-items-center">

                <div class="col-md-2 text-center">
                    <h5 class="mb-3"> xs</h5>
                    <span class="loader xs"></span>
                </div>

                <div class="col-md-2 text-center">
                    <h5 class="mb-3"> sm</h5>
                    <span class="loader sm"></span>
                </div>

                <div class="col-md-2 text-center">
                    <h5 class="mb-3"> default</h5>
                    <span class="loader"></span>
                </div>

                <div class="col-md-2 text-center">
                    <h5 class="mb-3"> lg</h5>
                    <span class="loader lg"></span>
                </div>

                <div class="col-md-2 text-center">
                    <h5 class="mb-3"> xl</h5>
                    <span class="loader xl"></span>
                </div>


            </div>

        </div>

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

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

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