@extends('layouts.app')

@section('styles')

@endsection

@section('content')

                            <!-- PAGE-HEADER -->
                            <div class="page-header">
                                <div class="page-leftheader">
                                    <h4 class="page-title mb-0 text-primary">Footers</h4>
                                </div>
                                <div class="page-rightheader">
                                    <button class="btn btn-outline-primary"><i class="fe fe-download me-2"></i>
                                        Import</button>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-primary btn-pill dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="fa fa-calendar me-2"></i>Search By Date
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" href="javascript:void(0);">Today</a>
                                            <a class="dropdown-item" href="javascript:void(0);">Yesterday</a>
                                            <a class="dropdown-item active" href="javascript:void(0);">Last 7 days</a>
                                            <a class="dropdown-item" href="javascript:void(0);">Last 30 days</a>
                                            <a class="dropdown-item" href="javascript:void(0);">Last Month</a>
                                            <a class="dropdown-item" href="javascript:void(0);">Last 6 months</a>
                                            <a class="dropdown-item" href="javascript:void(0);">Last year</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- PAGE-HEADER END -->

                            <!-- ROW-->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="card-title">Footer style01</div>
                                        </div>
                                        <div>
                                            <div class="footer p-3 br-bs-7 br-be-7 border-top-0">
                                                <div class="container">
                                                    <div class="row align-items-center">
                                                        <div class="social">
                                                            <ul class="text-center">
                                                                <li>
                                                                    <a class="social-icon" href="javascript:void(0);"><i
                                                                            class="fa fa-facebook"></i></a>
                                                                </li>
                                                                <li>
                                                                    <a class="social-icon" href="javascript:void(0);"><i
                                                                            class="fa fa-twitter"></i></a>
                                                                </li>
                                                                <li>
                                                                    <a class="social-icon" href="javascript:void(0);"><i
                                                                            class="fa fa-rss"></i></a>
                                                                </li>
                                                                <li>
                                                                    <a class="social-icon" href="javascript:void(0);"><i
                                                                            class="fa fa-youtube"></i></a>
                                                                </li>
                                                                <li>
                                                                    <a class="social-icon" href="javascript:void(0);"><i
                                                                            class="fa fa-linkedin"></i></a>
                                                                </li>
                                                                <li>
                                                                    <a class="social-icon" href="javascript:void(0);"><i
                                                                            class="fa fa-google-plus"></i></a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-lg-12 col-sm-12 mt-3 mt-lg-0 text-center">
                                                            Copyright © 2023 <a href="javascript:void(0);">Azea</a>. Designed
                                                            with <span
                                                            class="fa fa-heart text-danger"></span> by <a href="javascript:void(0);"> Spruko </a> All
                                                        rights reserved.
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END ROW-->

                            <!-- ROW-->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="card-title">Footer style02</div>
                                        </div>
                                        <div>
                                            <div class="footer p-3 br-bs-7 br-be-7 border-top-0">
                                                <div class="container">
                                                    <div class="row align-items-center">
                                                        <div
                                                            class="col-lg-6 col-sm-12  col-md-6 mt-3 mt-lg-0 text-center d-none d-md-block">
                                                            <div class="social">
                                                                <ul class="text-center m-0">
                                                                    <li>
                                                                        <a class="social-icon" href="javascript:void(0);"><i
                                                                                class="fa fa-facebook"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="social-icon" href="javascript:void(0);"><i
                                                                                class="fa fa-twitter"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="social-icon" href="javascript:void(0);"><i
                                                                                class="fa fa-rss"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="social-icon" href="javascript:void(0);"><i
                                                                                class="fa fa-youtube"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="social-icon" href="javascript:void(0);"><i
                                                                                class="fa fa-linkedin"></i></a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="social-icon" href="javascript:void(0);"><i
                                                                                class="fa fa-google-plus"></i></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 col-sm-12 col-md-6 mt-3 mt-lg-0 text-md-right">
                                                            Copyright © 2023 <a href="javascript:void(0);">Azea</a>.Designed
                                                            with <span
                                                            class="fa fa-heart text-danger"></span> by <a href="javascript:void(0);"> Spruko </a> All
                                                        rights reserved.
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END ROW-->

                            <!-- ROW-->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card overflow-hidden">
                                        <div class="card-header">
                                            <div class="card-title">Footer style03</div>
                                        </div>
                                        <div>
                                            <div class="footer br-bs-7 br-be-7 border-top-0 p-0">
                                                <div>
                                                    <div class="p-3">
                                                        <div class="row align-items-center text-center">
                                                            <div class="col-lg-6 col-md-6 d-none d-md-block ">
                                                                <div class="social">
                                                                    <ul class="text-center m-0 ">
                                                                        <li>
                                                                            <a class="social-icon" href="javascript:void(0);"><i
                                                                                    class="fa fa-facebook"></i></a>
                                                                        </li>
                                                                        <li>
                                                                            <a class="social-icon" href="javascript:void(0);"><i
                                                                                    class="fa fa-twitter"></i></a>
                                                                        </li>
                                                                        <li>
                                                                            <a class="social-icon" href="javascript:void(0);"><i
                                                                                    class="fa fa-rss"></i></a>
                                                                        </li>
                                                                        <li>
                                                                            <a class="social-icon" href="javascript:void(0);"><i
                                                                                    class="fa fa-youtube"></i></a>
                                                                        </li>
                                                                        <li>
                                                                            <a class="social-icon" href="javascript:void(0);"><i
                                                                                    class="fa fa-linkedin"></i></a>
                                                                        </li>
                                                                        <li>
                                                                            <a class="social-icon" href="javascript:void(0);"><i
                                                                                    class="fa fa-google-plus"></i></a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 text-end privacy">
                                                                <a href="javascript:void(0);"
                                                                    class="btn btn-link">Privacy</a>
                                                                <a href="javascript:void(0);" class="btn btn-link">Terms</a>
                                                                <a href="javascript:void(0);" class="btn btn-link">About
                                                                    Us</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row align-items-center flex-row-reverse border-top">
                                                        <div class="col-lg-12 col-sm-12 mt-lg-0 text-center p-3">
                                                            Copyright © 2023 <a href="javascript:void(0);">Azea</a>. Designed
                                                            with <span
                                                            class="fa fa-heart text-danger"></span> by <a href="javascript:void(0);"> Spruko </a> All
                                                        rights reserved.
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- pagination-wrapper -->
                                    </div>
                                    <!-- section-wrapper -->
                                </div>
                            </div>
                            <!-- END ROW-->

                            <!-- ROW-->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card overflow-hidden">
                                        <div class="card-header">
                                            <div class="card-title">Footer style 04</div>
                                        </div>
                                        <div>
                                            <div class="footer br-bs-7 br-be-7 border-top-0 p-0">
                                                <div class="container">
                                                    <div class="p-4">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-6 col-md-6 d-md-block ">
                                                                Copyright © 2023 <a href="javascript:void(0);">Azea</a>. Designed
                                                                with <span
                                                                class="fa fa-heart text-danger"></span> by <a href="javascript:void(0);"> Spruko </a> All
                                                            rights reserved.
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 text-end privacy">
                                                                <a href="javascript:void(0);"
                                                                    class="btn btn-link">Privacy</a>
                                                                <a href="javascript:void(0);" class="btn btn-link">Terms</a>
                                                                <a href="javascript:void(0);" class="btn btn-link">About
                                                                    Us</a>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <!-- pagination-wrapper -->
                                    </div>
                                    <!-- section-wrapper -->
                                </div>
                            </div>
                            <!-- END ROW-->

                            <!-- ROW -->
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <div class="card-title">Footer style05</div>
                                        </div>
                                        <div>
                                            <div class="footer br-bs-7 br-be-7 border-top-0 p-3">
                                                <div class="container">
                                                    <div class="row align-items-center flex-row-reverse">
                                                        <div class="col-lg-12 col-sm-12 mt-3 mt-lg-0 text-center">
                                                            Copyright © 2023 <a href="javascript:void(0);">Azea</a>. Designed
                                                            with <span
                                                            class="fa fa-heart text-danger"></span> by <a href="javascript:void(0);"> Spruko </a> All
                                                        rights reserved.
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- END ROW-->

@endsection

@section('scripts')


@endsection