<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="description" content="Sponsorship - GainSkills Business Media Pvt Ltd">
    <meta name="keywords" content="GainSkills Gainskillsmedia Gain Skills Sponsor Media Events Oragainser">
    <title>Sponsorship - Gain Skills</title>
    <?php require '../inc/header.php'; ?>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="../css/sponsorship.css" />
</head>

    <?php require '../inc/social.php'; ?>
    <?php require '../inc/loader.php'; ?>
    <?php require '../inc/additional.php'; ?>

    <header class="header-container">
        <nav class="header-sub-container container mx-auto px-5">
            <div class="logo-container">
                <img src="../assets/logo/black-logo.webp" alt="gain skills" class="nav-logo" />
            </div>
            <div class="menu-btn-container">
                <div class="menu-btn-body" onclick="toggleNav()">
                    <div class="menu-btn-lines"></div>
                    <div class="menu-btn-lines"></div>
                    <div class="menu-btn-lines"></div>
                </div>
            </div>
            <div class="nav-list-container lg:block hidden" id="nav-list-container">
                <ul class="ul-list">
                    <li class="li-list"><a href="../" class="nav-link">Home</a></li>
                    <li class="li-list" onclick="toggleAboutUs()">
                        <span class="nav-link p-0 border-none"><a class="nav-link" href="./about.php"><span id="aboutUsText" class="nav-link-span">About Us <i id="aboutUsIcon" class="nav-icon"></i></span></a>
                            <ul class="sub-ul-list lg:block hidden" id="aboutUsList">
                                <li class="sub-li-list"><a href="./about.php#meet-the-team" class="sub-link-list">Meet The Team</a></li>
                            </ul>
                        </span>
                    </li>
                    <li class="li-list" onclick="toggleEvents()">
                        <span class="nav-link"><span class="nav-link-span" id="eventsText">Events <i id="eventsIcon" class="nav-icon"></i></span>
                            <ul class="sub-ul-list lg:block hidden" id="eventsList">
                                <li class="sub-li-list"><a href="./conference.php" class="sub-link-list">Conferences & Awards</a></li>
                                <li class="sub-li-list"><a href="./bespoke.php" class="sub-link-list">Bespoke Events</a></li>
                                <li class="sub-li-list"><a href="./digital.php" class="sub-link-list">Digital Events</a></li>
                            </ul>
                        </span>
                    </li>
                    <li class="li-list"><a href="./sponsorship.php" class="nav-link active">Sponsorship</a></li>
                    <li class="li-list"><a href="./gallery.php" class="nav-link">Gallery</a></li>
                    <li class="li-list"><a href="https://article.gainskillsmedia.com/" class="nav-link">Article</a></li>
                    <li class="li-list"><a href="./contact.php" class="nav-link">Contact Us</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <section class="hero-pages-container">
        <div class="hero-pages-sub-container container mx-auto px-5">
            <div class="hero-pages-content-container">
                <div class="hero-pages-body">
                    <h1 class="hero-pages-heading" data-aos="fade-down" data-aos-duration="1000">Partner With Us</h1>
                    <div class="hero-pages-border" data-aos="fade-right" data-aos-duration="1000" data-aos-delay="100"></div>
                    <span class="hero-pages-text-container" data-aos="fade-up" data-aos-duration="1000">
                        <p class="mb-4">We at GainSkills Business Media Pvt Ltd specialise in Conferences & Awards, Bespoke/Custom Events, 1 to 1 Appointment Setting & Digital Events. Our cost-effective solution and structured process help clients reach out to the right people, connect with new partners, and make valuable business connections.</p>
                        <p class="mb-4">We would love to partner with you and help you connect with the right people for your business needs. Our team is highly experienced and skilled in connecting businesses with their ideal partners. We are confident that we can help you find the perfect match for your business.</p>
                        <p>If you are interested in partnering with us, please do not hesitate to contact us or fill the form. Someone will reach out to you soon. We look forward to hearing from you soon!</p>
                    </span>
                    <a class="hero-pages-button" href="#sponsor-us" data-aos="fade-up" data-aos-duration="1000">Sponsor Now</a>
                </div>
                <div class="hero-pages-image-container">
                    <img src="../assets/images/sponsors.webp" alt="Gain Skills" class="hero-pages-image" />
                </div>
            </div>
        </div>
    </section>

    <section class="mission-container">
        <div class="container mx-auto px-5">
            <div class="mission-sub-container">
                <img src="../assets/images/spons-mission.webp" class="mission-img" alt="img" data-aos="fade-right" data-aos-duration="1000">
                <div class="mission-text-container" data-aos="fade-left" data-aos-duration="1000">
                    <h2 class="mission-head">Our Mission</h2>
                    <div class="mission-content-container">
                        <span class="mission-content">
                            <i class="fa-solid fa-check mission-icon"></i>
                            <p class="mission-text">Help generate business</p>
                        </span>
                        <span class="mission-content">
                            <i class="fa-solid fa-check mission-icon"></i>
                            <p class="mission-text">Create/Enhance Brands</p>
                        </span>
                        <span class="mission-content">
                            <i class="fa-solid fa-check mission-icon"></i>
                            <p class="mission-text">Help to develop new relations and nurture existing ones</p>
                        </span>
                        <span class="mission-content">
                            <i class="fa-solid fa-check mission-icon"></i>
                            <p class="mission-text">Shorten sales cycle, reduce cost and increase productivity, revenue &amp; profitability</p>
                        </span>
                        <span class="mission-content">
                            <i class="fa-solid fa-check mission-icon"></i>
                            <p class="mission-text">Help identify, connect and network</p>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="form-main-container" id="sponsor-us">
        <div class="container mx-auto px-5">
            <div class="form-sub-container">
                <div data-aos="fade-right" data-aos-duration="1000" class="">
                    <h2 class="form-head">Let’s talk about sponsorship</h2>
                    <form action="./mail/sponsormail.php" method="POST" id="form" class="form-container">
                        <div class="form-main-input mb-3">
                            <div class="w-full form-input sm:mb-0 mb-3">
                                <input type="text" class="firstName input-field sm:me-2" name="firstName" id="firstName" placeholder="First Name" required />
                            </div>
                            <div class="w-full form-input">
                                <input type="text" class="lastName input-field sm:ms-2" name="lastName" id="lastName" placeholder="Last Name" required />
                            </div>
                        </div>
                        <div class="form-input mb-3">
                            <input type="email" class="input-field email" name="email" id="email" placeholder="Official Email" required />
                        </div>
                        <div class="form-input mb-3">
                            <input type="text" class="input-field mobileNumber" name="mobileNumber" id="mobileNumber" pattern="[1-9]{1}[0-9]{9}" placeholder="Mobile Number" required />
                        </div>
                        <div class="form-input mb-3">
                            <input type="text" class="input-field companyName" name="companyName" id="companyName" placeholder="Company Name" required />
                        </div>
                        <div class="form-input mb-3">
                            <input type="text" class="input-field designation" name="designation" id="designation" placeholder="Designation" required />
                        </div>
                        <div class="form-input mb-3">
                            <input type="text" class="input-field city" name="city" id="city" placeholder="City" required />
                        </div>
                        <button class="form-submit-btn" name="sponsorship-btn" type="submit">Submit</button>
                    </form>
                </div>
                <img src="../assets/images/form-side-1.webp" alt="image" class="form-img md:block hidden" data-aos="fade-left" data-aos-duration="1000">
            </div>
        </div>
    </section>

    <?php require '../inc/footer.php'; ?>

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/additional-methods.min.js"></script>
    <script src="../js/sponsorship.js"></script>
    <script src="../js/tailwind.config.js"></script>
    <script src="../js/script.js"></script>
    <script src="../js/AOS.js"></script>
    <script>
        AOS.init({
            once: true,
        });
    </script>

</body>
</html>