<button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa-solid fa-up-long"></i></button>
<section class="footer position-relative section-padding2 bg-light" style="background-image: url('assets/img/bg-dark.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover;">

    <div class="container">
        <div class="thumb"></div>
        <div class="row g-5">
            <div class="col-md-3">
                <p class="fs-5 fw-bold">Quick Links</p>
                <div class="vstack gap-2">
                    <?php $FooterMenu=MPCMS::getMenuItems('footer-menu-1'); ?>
             @foreach($FooterMenu as $MenuItem)
            <a href="{{route($MenuItem->alias)}}"><i></i>{{$MenuItem->title}}</a>
            @endforeach 
        </div>
            </div>
            <div class="col-md-2">
                <p class="fs-5 fw-bold ">Follow Links</p>
                <div class="vstack gap-2">
                    <a href="{{ url('about/license-permits') }}">Certificates</a>
                    <a href="{{ url('job_seekers/job-categories') }}">job Categories</a>
                    <a href="{{ url('job_seekers/current-job-demands') }}">Browse  Jobs</a>


                </div>
            </div>
            <div class="col-md-3">
                <p class="fs-5 fw-bold">Services</p>
                <div class="vstack gap-2">

                    @foreach(MPCMS::getjobcategories() as $categories)
                    <a href="{{ url('job-category/' . $categories->alias) }}">{{ $categories->title }}</a>

                    @endforeach
                </div>
            </div>
            <div class="col-md-3">
                <p class="fs-5 fw-bold">About Us</p>
                @php $aboutus=MPCMS::getarticle('footer_intro') @endphp 
                <p> {!!$aboutus->text!!}</p>
            </div>


        </div>
    </div>
</section>
<section class="section p-3 bg-dark text-light">
    <div class="container">
        <div class="row g-5">
            <div class="col-md-8">
                <p class="m-0"> {{SITEVARS->copyright_text}}</p>
            </div>
            <div class="col-md-4">
                <p class="float-md-end m-0 socials-head">Follow Us -
                <a href="tel: {{SITEVARS->phone}}"><i class="fa-solid fa-phone"></i></a>
              <a href="{{SITEVARS->fb}}"><i class="fa-brands fa-facebook me-3 ms-2"></i></a>
              <a href="{{SITEVARS->insta}}"><i class="fa-brands fa-instagram me-3"></i></a>
                    
                </p>
            </div>
        </div>
    </div>
</section>
<style>

</style>