<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <!-- Main content -->
    <section class="content-header mt-2">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h4>Web Settings</h4>
                </div>
                <div class="col-sm-4 d-flex justify-content-end">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="<?= base_url('admin/home') ?>">Home</a>
                        </li>
                        <li class="breadcrumb-item active">Web settings</li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- /.container-fluid -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">

                    <div class="row col-12 d-flex">

                        <div class="col-md-3">
                            <a href="<?= base_url('admin/web-setting') ?>" class="link-color">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i class="fa fa-laptop link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4">General setting <i class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3">
                            <a href="<?= base_url('admin/themes') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i class="fa fa-palette link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4"> Themes <i class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3">
                            <a href="<?= base_url('admin/language') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i class="fa fa-language link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4"> Languages <i class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>


                        <div class="col-md-3">
                            <a href="<?= base_url('admin/web-setting/firebase') ?>">
                                <div class="card border border-secondary-secondary-secondary-secondary mt-4">
                                    <div class="card-body card-hover">
                                        <div class="d-flex flex-column justify-content-center rounded bg-secondary circle">
                                            <i class="bx bxl-firebase link-color fa-lg d-flex justify-content-center text-white circle-icon"></i>
                                        </div>

                                        <div class="d-flex flex-column ">
                                            <span class="fw-semibold d-block col-md-12 h7 mt-4"> Firebase <i class='bx bxs-right-arrow-circle'></i></span>
                                        </div>

                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!--/.card-->
                </div>
                <!--/.col-md-12-->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>