 <!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
         <title>Claimcheleedrop: Your Gateway to Airdrop Opportunities</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Claimcheleedrop offers seamless access to the latest airdrop opportunities. Discover, claim, and manage your crypto airdrops with ease.">
        <meta keywords="description" content="crypto airdrop, token claim, web3 airdrop, airdrop eligibility, crypto wallet check, airdrop listing, airdrop verification">
        <meta name="author" content="Claimcheleedrop">
        <link href="assets/css/style.css" rel="stylesheet">
        <link href="assets/css/style-dark.css" rel="stylesheet">
</head>
<body>
<nav class="text-gray-700 body-font border-b border-gray-200">
    <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
        <a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0" href="/#home">
            <span class="ml-3 text-xl">Claimcheleedrop</span>
        </a>
        <nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
            <a class="mr-5 hover:text-gray-900" href="/#home">Home </a>
            <a class="mr-5 hover:text-gray-900" href="/#features">Features</a>
            <a class="mr-5 hover:text-gray-900" href="/#services">Services</a>
            <a class="mr-5 hover:text-gray-900" href="/#team">Our Team</a>
            <a class="mr-5 hover:text-gray-900" href="/#about">About Us</a>
            <a class="mr-5 hover:text-gray-900" href="/#contact">Contact</a>
        </nav>
    </div>
</nav><section  id="home" class="mx-auto flex px-5 py-32 items-center  justify-center text-white bg-red-600">
    <div class="container mx-auto flex    items-center justify-center flex-col">
        <div class="text-center lg:w-2/3 w-full">
            <h1 class="title-font sm:text-7xl text-6xl mb-4 font-black  text-white ">Unlock the World of Airdrops</h1>
            <p class="mb-8 leading-relaxed  text-white">At Claimcheleedrop, we connect you with the latest airdrop opportunities in the crypto world. Our platform ensures you never miss a chance to claim valuable tokens. Join us and explore the future of digital assets.</p>
            <div class="flex justify-center">
                  <a href="#contact"
                    class="inline-flex text-white bg-green-500 border-0 py-2 px-6 focus:outline-none hover:bg-green-600 rounded text-lg">Contact Us  </a>
            </div>
        </div>
    </div>
</section>
<section id="features"  class="text-gray-600 body-font">
    <div class="w-full">
        <div class="flex flex-col w-full bg-gray-900 md:flex-row">
            <div class="flex flex-col items-start justify-center w-full p-10 md:w-1/2 lg:p-16 xl:p-24">
                <h3 class="mb-6   tracking-tighter text-4xl md:text-6xl font-black title-font title-font text-white">Real-Time Airdrop Alerts</h3>
                <p class="max-w-lg mt-5 text-xl text-gray-400 md:text-base lg:text-xl xl:text-2xl">Stay updated with instant notifications about new airdrop opportunities tailored to your interests.
                </p>
            </div>
            <div class="w-full md:w-1/2">
                <img src="images/image3.png" class="inset-0 object-cover">
            </div>
        </div>
    </div>
    <div class="w-full">
        <div class="flex flex-col w-full bg-gray-900 md:flex-row">
            <div class="w-full md:w-1/2">
                <img src="images/image8.png" class="inset-0 object-cover">
            </div>
            <div class="flex flex-col items-start justify-center w-full p-10 md:w-1/2 lg:p-16 xl:p-24">
                <h3 class="mb-6   tracking-tighter text-4xl md:text-6xl font-black title-font title-font text-white">Secure Claim Process</h3>
                <p class="max-w-lg mt-5 text-xl text-gray-400 md:text-base lg:text-xl xl:text-2xl">Our platform ensures a secure and straightforward process to claim your airdrops effortlessly.
                </p>
            </div>
        </div>
    </div>
    <div class="w-full">
        <div class="flex flex-col w-full bg-gray-900 md:flex-row">
            <div class="flex flex-col items-start justify-center w-full p-10 md:w-1/2 lg:p-16 xl:p-24">
                <h3 class="mb-6   tracking-tighter text-4xl md:text-6xl font-black title-font title-font text-white">Comprehensive Airdrop Management</h3>
                <p class="max-w-lg mt-5 text-xl text-gray-400 md:text-base lg:text-xl xl:text-2xl">Manage all your airdrop claims in one place, with detailed tracking and history.
                </p>
            </div>
            <div class="w-full md:w-1/2">
                <img src="images/image12.png" class="inset-0 object-cover">
            </div>
        </div>
    </div>
</section>
<section id="benefits"  class="text-gray-700 body-font" >
    <div class="container px-8 mx-auto py-36 lg:px-4">
        <h3 class="  text-center text-4xl font-black title-font text-gray-900 mb-10">Benefits</h3>
        <p class="text-2xl text-center mb-6  ">Why Choose Us?</p>
        <div class="flex flex-wrap text-left">
            <div class="md:px-8 md:py-6 lg:w-1/3 md:w-full">
                <img loading="lazy" class="object-cover object-center w-full h-50 mb-6 rounded" src="images/image8.png"
                    alt="Comprehensive Coverage">
                <div class="flex items-center justify-between ">
                    <h3 class="text-2xl text-center mb-4 font-black">Comprehensive Coverage</h3>

                </div>
                <p class="mb-4 text-base text-lg leading-relaxed">Access a wide range of airdrop opportunities across multiple networks.</p>
            </div>
            <div class="md:px-8 md:py-6 lg:w-1/3 md:w-full">
                <img loading="lazy" class="object-cover object-center w-full h-50 mb-6 rounded" src="images/image2.png"
                    alt="User-Friendly Interface">
                <div class="flex items-center justify-between ">
                    <h2 class="text-2xl text-center mb-4 font-black">User-Friendly Interface</h2>

                </div>
                <p class="mb-4 text-base text-lg leading-relaxed">Navigate our platform with ease, thanks to our intuitive design.</p>
            </div>
            <div class="md:px-8 md:py-6 lg:w-1/3 md:w-full">
                <img loading="lazy" class="object-cover object-center w-full h-50 mb-6 rounded" src="images/image10.png"
                    alt="Expert Support">
                <div class="flex items-center justify-between ">
                    <h2 class="text-2xl text-center mb-4 font-black">Expert Support</h2>

                </div>
                <p class="mb-4 text-base text-lg leading-relaxed">Our team is here to assist you with any questions or issues you may encounter.</p>
            </div>
        </div>
    </div>
</section>
<section id="product" class="text-gray-600 body-font" data-aos="fade-up" data-aos-delay="100">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-20">
            
            <h3 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-900 mb-10">
                Our Product</h3>
                <p class=" mx-auto leading-relaxed mx-auto text-xl font-normal leading-relaxed text-gray-800 mt-4 lg:w-2/3">Claimcheleedrop offers a comprehensive platform for discovering and claiming airdrops. Our user-friendly interface, combined with real-time alerts and secure claim processes, ensures you never miss out on valuable crypto opportunities. Whether you're a seasoned investor or new to the crypto world, our platform is designed to cater to your needs. With detailed tracking and management tools, you can easily keep track of your airdrop history and manage your claims efficiently. Join Claimcheleedrop today and unlock the potential of digital assets.</p>
        </div>
    </div>
</section>
<section id="services" class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col">
            <div class="h-1 bg-gray-200 rounded overflow-hidden">
                <div class="w-24 h-full bg-green-500"></div>
            </div>
            <div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
                <h1 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-900 mb-6">Services</h1>
                <p class="sm:w-3/5 leading-relaxed text-base text-2xl sm:pl-10 pl-0 align-center justify-center"> Explore our range of services designed to enhance your airdrop experience.</p>
            </div>
        </div>
        <div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Airdrop Discovery" class="object-cover object-center h-full w-full"
                        src="images/image2.png">
                </div>
                <h3 class="text-3xl  mb-4 font-black mt-5">Airdrop Discovery</h3>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Find the latest airdrop opportunities across various platforms and networks.</p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Eligibility Checker" class="object-cover object-center h-full w-full"
                        src="images/image5.png">
                </div>
                <h2 class="text-3xl  mb-4 font-black mt-5">Eligibility Checker</h2>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Verify your eligibility for upcoming airdrops with our easy-to-use tool.

                </p>

            </div>
            <div class="p-4 md:w-1/3 sm:mb-0 mb-6">
                <div class="rounded-lg h-64 overflow-hidden">
                    <img loading="lazy" alt="Airdrop Claim Assistance" class="object-cover object-center h-full w-full"
                        src="images/image3.png">
                </div>
                <h2 class="text-3xl  mb-4 font-black mt-5">Airdrop Claim Assistance</h2>
                <p class="text-base leading-relaxed mt-2  text-lg text-base">Receive guidance and support throughout the airdrop claim process.

                </p>

            </div>
        </div>
    </div>

</section>
<section id="about" class="text-gray-600 body-font"  data-aos="fade-up" data-aos-delay="100">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-20">
            <h5 class="text-lg text-green-500 tracking-widest font-medium title-font mb-6">
                Claimcheleedrop</h5>
            <h3 class="flex-grow  text-4xl  lg:text-4xl font-black title-font text-center mx-auto text-gray-900 mb-10">
            About Us</h3>
            <p class="lg:w-2/3 mx-auto leading-relaxed text-base text-xl">Claimcheleedrop is dedicated to providing users with seamless access to the latest airdrop opportunities. Our mission is to simplify the process of discovering and claiming airdrops, ensuring users can maximize their crypto potential.</p>
        </div>
    </div>
</section>
<section id="team" class="text-gray-600 body-font">
        <div class="container px-5 py-24 mx-auto w:lg-4/5">
            <div class="flex flex-col text-center w-full mb-20">
                <h3 class="flex-grow  text-4xl font-black title-font text-gray-900 mb-6">Our team</h3>
    
            </div>
            <div class="flex flex-wrap md:-m-4 justify-center items-center w-full mx-auto">
                <div class="p-4 lg:w-1/3 md:w-1/3 sm:w-full">
                    <div class="h-full flex flex-col items-center text-center">
                        <img loading="lazy" alt="John Smith"
                            class="flex-shrink-0 rounded-lg w-full    object-cover object-center mb-4"
                            src="images\male_image_005.jpg" >
                        <div class="w-full">
                            <h4 class="title-font font-medium text-lg text-gray-900">John Smith</h4>
                            <h5 class="text-gray-500 mb-3">CEO</h5>
    
                            <span class="inline-flex">
                                <a class="text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z">
                                        </path>
                                    </svg>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
    
                <div class="p-4 lg:w-1/3 md:w-1/3 sm:w-full">
                    <div class="h-full flex flex-col items-center text-center">
                        <img loading="lazy" alt="Michael Johnson"
                            class="flex-shrink-0 rounded-lg w-full    object-cover object-center mb-4"
                            src="images\male_image_001.jpg" >
                        <div class="w-full">
                            <h4 class="title-font font-medium text-lg text-gray-900">Michael Johnson</h4>
                            <h5 class="text-gray-500 mb-3">CTO</h5>
    
                            <span class="inline-flex">
                                <a class="text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z">
                                        </path>
                                    </svg>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="p-4 lg:w-1/3 md:w-1/3 sm:w-full">
                    <div class="h-full flex flex-col items-center text-center">
                        <img loading="lazy" alt="Emily Davis"
                            class="flex-shrink-0 rounded-lg w-full    object-cover object-center mb-4"
                            src="images\003.jpg" >
                        <div class="w-full">
                            <h4 class="title-font font-medium text-lg text-gray-900">Emily Davis</h4>
                            <h5 class="text-gray-500 mb-3">COO</h5>
    
                            <span class="inline-flex">
                                <a class="text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
                                        </path>
                                    </svg>
                                </a>
                                <a class="ml-2 text-gray-500">
                                    <svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        class="w-5 h-5" viewBox="0 0 24 24">
                                        <path
                                            d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z">
                                        </path>
                                    </svg>
                                </a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<section class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-wrap -m-4">
            <div class="p-4 lg:w-1/3">
                <div class="h-full bg-gray-100 bg-opacity-75 pb-14 shadow-lg rounded-lg overflow-hidden text-left relative">
                    <img loading="lazy" alt="Unlocking Airdrop Opportunities in Crypto"
                        class="flex-shrink-0 rounded-lg w-full h-56 object-cover object-center mb-4"
                        src="images/image10.png" >
                    <h3 class="title-font sm:text-md text-2xl font-black text-gray-900 mb-3 px-6 pt-4">
                        <a href="unlocking-airdrop-opportunities-in-crypto.php">Unlocking Airdrop Opportunities in Crypto</a>
                    </h3>
                    <p class="leading-relaxed text-lg mb-3 px-6 mt-6">Are you curious about crypto airdrops? They’re a fantastic way to snag tokens without spending a dime. Just imagine, you could be part of the next big project by simply claiming your tokens. Stay tuned as we explore the latest airdrop opportunities across multiple platforms, helping you maximize your chances of joining the web3 revolution.</p>
                    <div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4">
                        <span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1  ">
                            <svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none"
                                stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
                                </path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            1.2K
                        </span>

                    </div>
                </div>
            </div>
            <div class="p-4 lg:w-1/3">

                <div class="h-full bg-gray-100 bg-opacity-75 pb-14 shadow-lg rounded-lg overflow-hidden text-left relative">
                    <img loading="lazy" alt="Your Guide to Token Claims and Airdrop Eligibility"
                        class="flex-shrink-0 rounded-lg w-full h-56 object-cover object-center mb-4"
                        src="images/image9.png" >
                    <h3 class="title-font sm:text-md text-2xl font-black text-gray-900 mb-3 px-6 pt-4">
                        <a href="unlocking-airdrop-opportunities-in-crypto.php">Your Guide to Token Claims and Airdrop Eligibility</a>
                    </h3>
                    <p class="leading-relaxed text-lg mb-3 px-6 mt-6">Token claims can be tricky, but knowing your airdrop eligibility can make all the difference. Whether you’re a seasoned crypto enthusiast or just starting out, it’s essential to check your crypto wallet and understand the requirements. Join us as we break down the steps to ensure you’re ready for the next big web3 airdrop.</p>
                    <div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4">
                        <span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1  ">
                            <svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none"
                                stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
                                </path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            2.3K
                        </span>
                    </div>
                </div>
            </div>
            <div class="p-4 lg:w-1/3">
                <div class="h-full bg-gray-100 bg-opacity-75 pb-14 shadow-lg rounded-lg overflow-hidden text-left relative">
                    <img loading="lazy" alt="Stay Ahead with Airdrop Listings and Verification"
                        class="flex-shrink-0 rounded-lg w-full h-56 object-cover object-center mb-4"
                        src="images/image4.png" >
                    <h3 class="title-font sm:text-md text-2xl font-black text-gray-900 mb-3 px-6 pt-4">
                        <a href="stay-ahead-with-airdrop-listings-and-verification.php">Stay Ahead with Airdrop Listings and Verification</a>
                    </h3>
                    <p class="leading-relaxed text-lg mb-3 px-6 mt-6">Finding reliable airdrop listings is crucial for any crypto investor. With so many opportunities popping up, airdrop verification is key to avoiding scams. We’ll provide tips on how to spot trustworthy airdrops and ensure you’re not missing out on valuable tokens. Let’s navigate this exciting landscape together!</p>
                    <div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4">
                        <span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1  ">
                            <svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none"
                                stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
                                </path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                            1.7K
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="text-gray-600 body-font">
    <div class="container px-5 py-24 mx-auto">
        <div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto">
            <h4 class="flex-grow sm:pr-16 text-4xl font-black title-font text-gray-900 mb-6">
                Join the Airdrop Revolution</h4>
            <a  href="/#contact"   
                class="px-12 py-4 font-semibold text-white  transition duration-500 ease-in-out transform rounded-lg shadow-lg bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900 focus:shadow-outline focus:outline-none hover:text-white lg:mr-4">Get Started</a>
        </div>
    </div>
</section>
<section class="overflow-hidden relative bg-gray-800 dark:bg-neutral-950">
        <div class="relative max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
      
            <div class="max-w-2xl w-3/4 lg:w-1/2 mb-6 sm:mb-10 md:mb-16">
    
            </div>
      
    
            <!-- Grid -->
            <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
                <!-- Card -->
                <div class="flex h-auto">
                    <div class="flex flex-col w-full bg-white rounded-xl dark:bg-neutral-900">
                        <div class="flex-auto p-4 md:p-6">
                            <p class="text-base italic md:text-lg text-gray-800 dark:text-neutral-200">" Claimcheleedrop has transformed the way I manage my airdrops. The platform is intuitive and keeps me updated on the latest opportunities.
                                "</p>
                        </div>
    
                        <div class="p-4 bg-gray-100 rounded-b-xl md:px-7 dark:bg-neutral-800">
                            <div class="flex items-center gap-x-3">
                                <div class="shrink-0">
                                    <img class="h-14 sm:h-[2.875rem] sm:w-[2.875rem] rounded-full" src="images\image_001.jpg"
                                        alt="Avatar">
                                </div>
    
                                <div class="grow">
                                    <p class="text-sm sm:text-base font-semibold text-gray-800 dark:text-neutral-200">
                                        Jessica Brown</p>
                                    <p class="text-xs text-gray-500 dark:text-neutral-400">Crypto Enthusiast</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Card -->
    
                <!-- Card -->
                <div class="flex h-auto">
                    <div class="flex flex-col w-full bg-white rounded-xl dark:bg-neutral-900">
                        <div class="flex-auto p-4 md:p-6">
                            <p class="text-base italic md:text-lg text-gray-800 dark:text-neutral-200">
                                " Thanks to Claimcheleedrop, I've been able to claim numerous airdrops effortlessly. Their support team is always ready to help. "
                            </p>
                        </div>
    
                        <div class="p-4 bg-gray-100 rounded-b-xl md:px-7 dark:bg-neutral-800">
                            <div class="flex items-center gap-x-3">
                                <div class="shrink-0">
                                    <img class="h-14 sm:h-[2.875rem] sm:w-[2.875rem] rounded-full" src="images\image_005.jpg"
                                        alt="Avatar">
                                </div>
    
                                <div class="grow">
                                    <p class="text-sm sm:text-base font-semibold text-gray-800 dark:text-neutral-200">
                                        David Wilson</p>
                                    <p class="text-xs text-gray-500 dark:text-neutral-400">Blockchain Developer</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Card -->
    
                <!-- Card -->
                <div class="flex h-auto">
                    <div class="flex flex-col w-full bg-white rounded-xl dark:bg-neutral-900">
                        <div class="flex-auto p-4 md:p-6">
                            <p class="text-base italic md:text-lg text-gray-800 dark:text-neutral-200">
                                " The real-time alerts and easy claim process make Claimcheleedrop my go-to platform for airdrops. "
                            </p>
                        </div>
    
                        <div class="p-4 bg-gray-100 rounded-b-xl md:px-7 dark:bg-neutral-800">
                            <div class="flex items-center gap-x-3">
                                <div class="shrink-0">
                                    <img class="h-14 sm:h-[2.875rem] sm:w-[2.875rem] rounded-full" src="images\image_009.jpg"
                                        alt="Avatar">
                                </div>
    
                                <div class="grow">
                                    <p class="text-sm sm:text-base font-semibold text-gray-800 dark:text-neutral-200">
                                        Robert Miller</p>
                                    <p class="text-xs text-gray-500 dark:text-neutral-400">
                                        Investor
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Card -->
            </div>
            <!-- End Grid -->
    
            <!-- Grid -->
            <div class="mt-20 grid gap-6 grid-cols-2 sm:gap-12 lg:grid-cols-3 lg:gap-8">
 
            </div>
         
        </div>
    </section>
<section id="contact" class="text-gray-600 body-font relative">
    <div class="container px-5 py-24 mx-auto">
        <div class="flex flex-col text-center w-full mb-12">
            <h3 class="flex-grow  text-4xl  lg:text-4xl font-black title-font text-center mx-auto text-gray-900 mb-6">Send Us A Message</h3>
            <p class="lg:w-2/3 mx-auto leading-relaxed text-base text-xl mb-10">We'd love to hear from you. Fill out the form below to get in touch.</p>
        </div>
        <div class="lg:w-1/2 md:w-2/3 mx-auto">


        <div class="flex flex-wrap -m-2">
            <form id="contactForm" class="w-full">
                <div class="p-2 w-1/2">
                    <div class="relative">
                        <label for="name" class="leading-relaxed text-base text-xl">Your Name</label>
                        <input type="text" id="name" name="name"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                            placeholder="Your Name">
                    </div>
                </div>
                <div class="p-2 w-1/2">
                    <div class="relative">
                        <label for="email" class="leading-relaxed text-base text-xl">Your Email</label>
                        <input type="email" id="email" name="email"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"
                            placeholder="Your Email">
                    </div>
                </div>
                <div class="p-2 w-full">
                    <div class="relative">
                        <label for="message" class="leading-relaxed text-base text-xl">Your Message</label>
                        <textarea id="message" name="message"
                            class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"
                            placeholder="Your Message"></textarea>
                    </div>
                </div>
                <div class="p-2 w-full">
                    <button type="submit"
                        class="flex mx-auto text-white bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900 border-0 py-2 px-8 focus:outline-none rounded text-lg">
                        Submit
                    </button>
                </div>
                <div class="p-2 w-full pt-8 mt-8 border-t border-gray-200 text-center">
                    <p class="leading-normal my-5 sm:w-full md:w-1/3 mx-auto">
                    <address class="mt-6 text-black">1600 Pennsylvania Avenue NW, Washington, DC 20500</address>
                    </p>
                </div>
            </form>
        </div>


        </div>
    </div>
</section>
<section class="bg-black ">
    <footer class="flex justify-center px-4 text-gray-100 bg-black  pt-8 pb-20">
        <div class="container py-6 lg:py-10">
            <h6
                class="text-center   font-bold md:w-1/2 mx-auto sm:w-full text-4xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500 dark:text-white dark:text-white">
                Stay Ahead with Claimcheleedrop</h6>

            <div class="flex justify-center mt-8">
                <div class="bg-white rounded-full p-1  ">
                    <div class="flex md:flex-wrap justify-between md:flex-ro">
                        <input type="email"
                            class="rounded-full m-1 p-2 appearance-none text-gray-700 text-sm focus:outline-none"
                            placeholder="Enter your email">
                        <button
                            class="w-full m-1 p-2 px-5 text-sm bg-gray-800 rounded-full font-semibold uppercase lg:w-auto bg-gradient-to-r from-pink-400 to-indigo-500 font-lg hover:from-pink-800 hover:to-indigo-900">
                            Join Now</button>
                    </div>
                </div>
            </div>

            <hr class="h-px mt-6 bg-gray-700 border-none">

            <div class="flex flex-col items-center justify-between mt-6 md:flex-row">
                <div>
                    <a href="#"
                        class="text-5xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-blue-500 dark:text-white dark:text-white">
                        Claimcheleedrop</a>
                    <address class="mt-6">
                        1600 Pennsylvania Avenue NW, Washington, DC 20500
                    </address>
                    <hr class="mt-4 mb-2. border-none">
                    <p> +1-202-555-0199</p>
                </div>
                <div class="flex mt-4 md:m-0">
                    <div class="-mx-4 flex sm:flex-wrap sm:mt-10">
                        <a href="about.php" class="px-4 text-sm">About Us</a>
                        <a href="product.php" class="px-4 text-sm">Product</a>
                        <a href="services.php" class="px-4 text-sm">Services</a>
                        <a href="policy.php" class="px-4 text-sm">Privacy Policy</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</section>
<div id="CookieBanner" class="cookie-banner js-cookie-banner">
    <p>
        We use cookies to ensure you get the best experience on our website.  <a href="policy.html">Learn more</a>.
    </p>
    <button class="cookie-btn">Close</button>
</div>

<!-- jQuery is required -->
<script type="text/javascript" src="assets/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="assets/js/aos.js"></script>
<script type="text/javascript" src="assets/js/slick.min.js"></script>
<script type="text/javascript" src="assets/js/cookiealert.js"></script>


</body>
</html>
