
        <footer class="section !pb-0 bg-bgdark">
            <div class=" border-b border-white/10 dark:border-white/10 pb-8">
                <div class="container mx-auto">
                    <div class="grid grid-cols-12 gap-6">
                    <div class="col-span-12 lg:col-span-4">
                        <div class="space-y-4 px-4">
                        <div>
                            <h6 class="text-white text-lg leading-none">About</h6>
                            <hr class="w-10 border-t-4 border-primary inline-block mx-auto">
                        </div>
                        <img src="{{asset('build/backend/assets/img/brand-logos/desktop-dark.png')}}" class="w-auto" alt="img">
                        <p class="text-base text-gray-400 dark:text-gray-400">Lorem, ipsum dolor sit amet consectetur
                            adipisicing
                            elit. Magni reprehenderit tenetur sapiente, corrupti voluptatibus numquam asperiores temporibus id
                            molestiae cum voluptate nam.</p>
                        <div class="flex space-x-1 rtl:space-x-reverse">
                            <button aria-label="button" type="button"
                            class="m-0 rounded-full p-2 ti-btn ti-btn-outline !border-0 bg-white/5 dark:bg-white/5 text-gray-400 dark:text-gray-400">
                            <i class="ri ri-github-line text-lg leading-none"></i>
                            </button>
                            <button aria-label="button" type="button"
                            class="m-0 rounded-full p-2 ti-btn ti-btn-outline !border-0 bg-white/5 dark:bg-white/5 text-gray-400 dark:text-gray-400">
                            <i class="ri ri-instagram-line text-lg leading-none"></i>
                            </button>
                            <button aria-label="button" type="button"
                            class="m-0 rounded-full p-2 ti-btn ti-btn-outline !border-0 bg-white/5 dark:bg-white/5 text-gray-400 dark:text-gray-400">
                            <i class="ri ri-twitter-line text-lg leading-none"></i>
                            </button>
                            <button aria-label="button" type="button"
                            class="m-0 rounded-full p-2 ti-btn ti-btn-outline !border-0 bg-white/5 dark:bg-white/5 text-gray-400 dark:text-gray-400">
                            <i class="ri ri-linkedin-line text-lg leading-none"></i>
                            </button>
                            <button aria-label="button" type="button"
                            class="m-0 rounded-full p-2 ti-btn ti-btn-outline !border-0 bg-white/5 dark:bg-white/5 text-gray-400 dark:text-gray-400">
                            <i class="ri ri-google-line text-lg leading-none"></i>
                            </button>
                        </div>
                        </div>
                    </div>
                    <div class="col-span-12 lg:col-span-4">
                        <div class="grid lg:grid-cols-2 gap-6">
                        <div class="space-y-3 px-4">
                            <div>
                            <h6 class="text-white text-lg leading-none">Our Services</h6>
                            <hr class="w-10 border-t-4 border-primary inline-block mx-auto">
                            </div>
                            <ul class="space-y-3 text-gray-400 dark:text-gray-400">
                            <li><a href="javascript:void(0);">Our Team</a></li>
                            <li><a href="javascript:void(0);">Contact US</a></li>
                            <li><a href="javascript:void(0);">About</a></li>
                            <li><a href="javascript:void(0);">Services</a></li>
                            <li><a href="javascript:void(0);">Blog</a></li>
                            <li><a href="javascript:void(0);">Terms and Services</a></li>
                            </ul>
                        </div>
                        <div class="space-y-3 px-4">
                            <div>
                            <h6 class="text-white text-lg leading-none">Our Pages</h6>
                            <hr class="w-10 border-t-4 border-primary inline-block mx-auto">
                            </div>
                            <ul class="space-y-3 text-gray-400 dark:text-gray-400">
                            <li><a href="javascript:void(0);">Email</a></li>
                            <li><a href="javascript:void(0);">Profile</a></li>
                            <li><a href="javascript:void(0);">Timeline</a></li>
                            <li><a href="javascript:void(0);">Projects</a></li>
                            <li><a href="javascript:void(0);">Contacts</a></li>
                            <li><a href="javascript:void(0);">Protfolio</a></li>
                            </ul>
                        </div>
                        </div>
                    </div>
                    <div class="col-span-12 lg:col-span-4">
                        <div class="space-y-3 px-4">
                        <div>
                            <h6 class="text-white text-lg leading-none">Contact Us</h6>
                            <hr class="w-10 border-t-4 border-primary inline-block mx-auto">
                        </div>
                        <ul class="space-y-3 text-gray-400 dark:text-gray-400">
                            <li> <a href="javascript:void(0)" class="inline-flex"><i
                                class="text-white ri-home-8-line ltr:mr-2 rtl:ml-2"></i> New
                                York, Weq
                                Street, NY 10012, US</a> </li>
                            <li> <a href="javascript:void(0)" class="inline-flex"><i
                                class="text-white ri-mail-line ltr:mr-2 rtl:ml-2"></i>info12323@example.com</a></li>
                            <li> <a href="javascript:void(0)" class="inline-flex"><i
                                class="text-white ri-phone-line ltr:mr-2 rtl:ml-2"></i> + 01
                                234 567 88</a>
                            </li>
                            <li> <a href="javascript:void(0)" class="inline-flex"><i
                                class="text-white ri-printer-line ltr:mr-2 rtl:ml-2"></i> + 01
                                234 567
                                89</a> </li>
                            <li> <a href="javascript:void(0)" class="inline-flex"><i
                                class="text-white ri-global-line ltr:mr-2 rtl:ml-2"></i>
                                https://Synto.com/</a> </li>
                        </ul>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
                <p class="text-center text-white">Copyright © <span id="year">2022</span> <a href="javascript:void(0)"
                class="text-primary"> Synto</a>. Designed with <span class="ri ri-heart-fill text-red-500"></span> by <a
                class="text-primary" href="javascript:void(0)"> Spruko </a> All rights reserved </p>
            </div>
        </footer>
