<footer class="footer py-80 overflow-hidden">
    <div class="container container-lg">
        <div class="footer-item-two-wrapper flex items-start flex-wrap">
            <div class="footer-item max-w-275" data-aos="fade-up" data-aos-duration="200">
                <div class="footer-item__logo"><a href="index.html"><img
                                src="views/assets/images/logo-two-black.png" alt="Image"></a></div>
                <p class="mb-24">Marketpro become the largest computer parts, gaming pc parts, and other IT
                    related
                    products.</p>
                <div class="flex items-center gap-16 mb-16"><span
                            class="w-32 h-32 flex items-center justify-center rounded-[50%] border border-gray-100 text-main-two-600 text-md flex-shrink-0"><i
                                class="ph-fill ph-phone-call"></i></span> <a href="tel:+00123456789"
                                                                             class="text-md text-gray-900 hover-text-main-600">+00 123 456 789</a></div>
                <div class="flex items-center gap-16 mb-16"><span
                            class="w-32 h-32 flex items-center justify-center rounded-[50%] border border-gray-100 text-main-two-600 text-md flex-shrink-0"><i
                                class="ph-fill ph-envelope"></i></span> <a href="mailto:support24@marketpro.com"
                                                                           class="text-md text-gray-900 hover-text-main-600">support24@marketpro.com</a></div>
                <div class="flex items-center gap-16 mb-16"><span
                            class="w-32 h-32 flex items-center justify-center rounded-[50%] border border-gray-100 text-main-two-600 text-md flex-shrink-0"><i
                                class="ph-fill ph-map-pin"></i></span> <span class="text-md text-gray-900">789 Inner
                            Lane, California, USA</span></div>
            </div>
            <div class="footer-item" data-aos="fade-up" data-aos-duration="400">
                <h6 class="footer-item__title">About us</h6>
                <ul class="footer-menu">
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Company
                            Profile</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">All Retail
                            Store</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Merchant
                            Center</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Affiliate</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Contact
                            Us</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Feedback</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Huawei
                            Group</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Rules &
                            Policy</a></li>
                </ul>
            </div>
            <div class="footer-item" data-aos="fade-up" data-aos-duration="600">
                <h6 class="footer-item__title">Customer Support</h6>
                <ul class="footer-menu">
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Help
                            Center</a>
                    </li>
                    <li class="mb-16"><a href="contact.html" class="text-gray-600 hover-text-main-600">Contact
                            Us</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Gift
                            Card</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Report
                            Abuse</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Submit and
                            Dispute</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Policies &
                            Rules</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Online
                            Shopping</a></li>
                    <li class=""><a href="shop.html" class="text-gray-600 hover-text-main-600">Redeem
                            Voucher</a>
                    </li>
                </ul>
            </div>
            <div class="footer-item" data-aos="fade-up" data-aos-duration="800">
                <h6 class="footer-item__title">My Account</h6>
                <ul class="footer-menu">
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">My
                            Account</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Order
                            History</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Shoping
                            Cart</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Compare</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Help
                            Ticket</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Wishlist</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Order
                            History</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Product
                            Support</a></li>
                </ul>
            </div>
            <div class="footer-item" data-aos="fade-up" data-aos-duration="1000">
                <h6 class="footer-item__title">Information</h6>
                <ul class="footer-menu">
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Become a
                            Vendor</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Affiliate
                            Program</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Privacy
                            Policy</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Our
                            Suppliers</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Extended
                            Plan</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Extended
                            Plan</a></li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Community</a>
                    </li>
                    <li class="mb-16"><a href="shop.html" class="text-gray-600 hover-text-main-600">Community</a>
                    </li>
                </ul>
            </div>
            <div class="footer-item" data-aos="fade-up" data-aos-duration="1200">
                <h6 class="">Shop on The Go</h6>
                <p class="mb-16">Marketpro App is available. Get it now</p>
                <div class="flex items-center gap-8 my-32"><a href="https://www.apple.com/store" class=""><img
                                src="views/assets/images/store-img1.png" alt="Image"> </a><a
                            href="https://play.google.com/store/apps?hl=en" class=""><img
                                src="views/assets/images/store-img2.png" alt="Image"></a></div>
                <ul class="flex items-center gap-16">
                    <li><a href="https://www.facebook.com"
                           class="w-44 h-44 flex items-center justify-center bg-main-two-50 text-main-two-600 text-xl rounded-8 hover-bg-main-two-600 hover-text-white"><i
                                    class="ph-fill ph-facebook-logo"></i></a></li>
                    <li><a href="https://www.twitter.com"
                           class="w-44 h-44 flex items-center justify-center bg-main-two-50 text-main-two-600 text-xl rounded-8 hover-bg-main-two-600 hover-text-white"><i
                                    class="ph-fill ph-twitter-logo"></i></a></li>
                    <li><a href="https://www.linkedin.com"
                           class="w-44 h-44 flex items-center justify-center bg-main-two-50 text-main-two-600 text-xl rounded-8 hover-bg-main-two-600 hover-text-white"><i
                                    class="ph-fill ph-instagram-logo"></i></a></li>
                    <li><a href="https://www.pinterest.com"
                           class="w-44 h-44 flex items-center justify-center bg-main-two-50 text-main-two-600 text-xl rounded-8 hover-bg-main-two-600 hover-text-white"><i
                                    class="ph-fill ph-linkedin-logo"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>