Footer

Enfty follows a basic structure for headers from Bootstrap. So it's easy to maintain edit and change footers.

<!-- footer -->
<footer class="container-fluid text-left text-lg-start">
    <div class="container section-1600x pt-3">

        <!-- widgets -->
        <div class="row mt-5 pt-3">

            <!-- about -->
            <div class="col-12 col-sm-12 col-lg-4 pb-5">

                <!-- Content -->
                <div class="mb-4">

                    <!-- Logo -->
                    <div class="brand-logo pe-3">
                        ...
                    </div>

                    <!-- text -->
                    <div class="col-md-10 text-sm heading-6 grayscale-400 mt-3">
                        ...
                    </div>

                </div>

                <!-- socials -->
                <div class="social d-flex align-items-center gap-2">
                    ...
                </div>

            </div>

            <!-- widgets -->
            <div class="col-12 col-sm-12 col-lg-8">
                <div class="row">

                    <!-- links 1 -->
                    <div class="col-6 col-md-3 col-sm-6 col-lg-3 mb-3">
                        ...
                    </div>
                    <!-- links 2 -->
                    <div class="col-6 col-md-3 col-sm-6 col-lg-3 mb-3">
                        ...
                    </div>
                    <!-- links 3 -->
                    <div class="col-6 col-md-3 col-sm-6 col-lg-3 mb-3">
                        ...
                    </div>
                    <!-- links 4 -->
                    <div class="col-6 col-md-3 col-sm-6 col-lg-3 mb-3">
                        ...
                    </div>

                </div>
            </div>

        </div>

        <!-- copyright -->
        <div class="text-sm text-center heading-6 grayscale-500 p-4 mt-4 mb-0">
            ...
        </div>

    </div>
</footer>