<footer>
    <section class="container-fluid bg-[url(/assets/bg-footerz.jpg)] bg-cover bg-center bg-no-reapet mt-10">
        <div class="container mx-auto p-4">
            <div class="grid-container">
                <div class="grid-item">
                    <div class="flex flex-col justify-center">
                        <img class="h-[150px] rounded-t-md" src="/assets/cicd_logo.jpeg" alt="">
                        <!-- <p class="uppercase text-center text-xl font-bold">cicd hosting</p> -->
                        <p class="text-justify">CICD Hosting offers streamlined hosting solutions for WordPress, HTML, PHP, and more. Experience seamless integration with your development process and reliable support for your online projects</p>
                    </div>
                </div>
                <div class="grid-item">
                    <p class="uppercase text-xl font-bold">Important links</p>
                    <div class="flex flex-col space-y-3 mt-4">
                        <a href="https://cicdhosting.supersite2.myorderbox.com"><span class="text-[#fff] text-xl">&#10147; </span>Homes</a>
                        <a href="https://cicdhosting.supersite2.myorderbox.com/optimized-wordpress-hosting.php"><span class="text-[#fff] text-xl">&#10147; </span>Wordpress Hosting</a>
                        <a href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/index.php"><span class="text-[#fff] text-xl">&#10147; </span>Linux Shared Hosting</a>
                        <a href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/windows-hosting.php"><span class="text-[#fff] text-xl">&#10147; </span>Windows Shared Hosting</a>
                        <a href="https://cicdhosting.supersite2.myorderbox.com/virtualserverlinux-hosting.php"><span class="text-[#fff] text-xl">&#10147; </span>Linux KVM VPS</a>
                    </div>
                </div>
                <div class="grid-item">
                    <form action="post" class="flex flex-col">
                        <input class="input-class" type="text" name="name" id="name" placeholder="Full Name" />
                        <input class="input-class" type="text" name="email" id="email" placeholder="Email Id" />
                        <input class="input-class" type="text" name="phone" id="phone" placeholder="Phone Number"/>
                        <textarea class="input-class" name="message" id="message" placeholder="Message..."></textarea>
                        <div class="flex justify-end">
                            <input class="bg-[#2fbe15] px-6 py-2 rounded-lg" type="submit" value="Submit" >
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <section class="container-fluid py-4 bg-[url(/assets/bg-footerz.jpg)] bg-cover bg-center bg-no-reapet text-[#fff]">
        <div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5">
            <div class="flex flex-col ">
                <h1 class="text-[16px] font-bold uppercase mb-3">Domains</h1>
                <div class="flex flex-col space-y-2">
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/index.php">Register Domain Name</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/domain-registration-price.php">View Domain Pricing</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/bulk-domain-registration.php">Bulk Domain Register</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/transfer/bulk-domain-transfer.php">Bulk Domain Transfer</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/domain-whois-lookup.php">Whois Lookup</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/domain-name-suggestion-tool.php">Name Suggestion Tool</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/free-with-domain-registration.php">Free with Every Domain</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/domain-registration/promos.php" class="greytext">View Promos</a>
                </div>
            </div>
            <div class="flex flex-col ">
                <h1 class="text-[16px] font-bold uppercase mb-3">HOSTING & PRODUCTS</h1>
                <div class="flex flex-col space-y-2">
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/linux-php-hosting.php">Linux Hosting</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/windows-hosting.php">Windows Hosting</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/optimized-wordpress-hosting.php">WordPress Hosting</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/reseller-hosting.php">Linux Reseller Hosting</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/windows-reseller-hosting.php">Windows Reseller Hosting</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/dedicated-servers.php">Dedicated Servers</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/cloudhosting.php">Cloud Hosting</a> 
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/business-email">Business Email</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/enterprise-email-hosting.php">Enterprise Email</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/google_apps.php">Google Workspace</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/digital-certificate">SSL Certificates</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/sitelock.php">Sitelock</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/codeguard.php">Codeguard</a>
                    <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/combo-offers">Combo Offers</a>
                </div>
            </div>
            <div class="flex flex-col ">
                <h1 class="text-[16px] font-bold uppercase mb-3">INFRASTRUCTURE</h1>
                <div class="flex flex-col space-y-2">
                   <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/datacenter-network.php">Datacenter Details</a>
                   <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/hosting-security.php">Hosting Security</a>
                   <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/server-monitoring.php">24 x 7 Servers Monitoring</a>
                   <a class="text-[15px] font-thin" href="https://cicdhosting.supersite2.myorderbox.com/web-hosting/data-protection-recovery.php">Backup and Recovery</a>
                </div>
            </div>
            <div class="flex flex-col ">
                <h1 class="text-[16px] font-bold uppercase mb-3">SUPPORT</h1>
                <div class="flex flex-col space-y-2">
                    <a  href="https://cicdhosting.supersite2.myorderbox.com/cicdhosting.manage-orders.com/kb">View Knowledge Base</a>
                    <a href="https://cicdhosting.supersite2.myorderbox.com/support/contact-us.php">Contact Support</a>
                    <a href="https://cicdhosting.supersite2.myorderbox.com/support/contact-us.php">Report Abuse</a>
                </div>
            </div>
            <div class="flex flex-col ">
                <h1 class="text-[16px] font-bold uppercase mb-3">RESELLERS</h1>
                <div class="flex flex-col space-y-2">
                    <a  href="https://cicdhosting.supersite2.myorderbox.com/reseller.php?action=partnersite">Join Reseller Program</a>
                </div>
            </div>
        </div>
    </section>
    <section class="container-fluid bg-[#111] text-[#fff] py-4 text-[15px]">
        <div class="container mx-auto px-4 flex flex-row justify-between">
            <div>Copyright © SUVANKAR SARKAR. All rights reserved</div>
            <div class="flex flex-row">
                <a href="/about-us" > About Us </a> &nbsp; | &nbsp;
                <a href="/refund-policy" > Refund Policy</a> &nbsp; | &nbsp;
                <a href="https://cicdhosting.supersite2.myorderbox.com/support/privacy.php" >Privacy Policy</a> &nbsp; | &nbsp;
                <a href="https://cicdhosting.supersite2.myorderbox.com/support/legal.php" >Legal Agreement</a>
            </div>
        </div>
    </section>
</footer>
<style>
    .grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
        color: #fff;
    }

    .grid-item {
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px #ffffff50;
    }
    .input-class{
        background-color: #3d3d3d;
        color: #fff;
        padding: 6px;
        border-radius: 8px;
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }
</style>
</body>
</html>