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

<head>
    <?php require './inc/header.php'; ?>
    <meta name="description" content="Home - GainSkills Business Media Pvt Ltd">
    <meta name="keywords" content="GainSkills Gainskillsmedia Gain Skills Media Events Oragainser">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/confeti.css?v=1.10001" />
    <link rel="stylesheet" href="./css/conference.css" />
    <link rel="stylesheet" href="./css/partners-logo.css?v=1.10019" />
    <link rel="stylesheet" href="./css/index.css?v=1.10008" />
    <link rel="stylesheet" href="./css/testi-swiper.css?v=1.10001" />
    <title>Gain Skills</title>
</head>

<body>

    <?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 active">Home</a></li>
                    <li class="li-list" onclick="toggleAboutUs()">
                        <span class="nav-link p-0 border-none"><a class="nav-link" href="./pages/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="./pages/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="./pages/conference.php" class="sub-link-list">Conferences & Awards</a></li>
                                <li class="sub-li-list"><a href="./pages/bespoke.php" class="sub-link-list">Bespoke Events</a></li>
                                <li class="sub-li-list"><a href="./pages/digital.php" class="sub-link-list">Digital Events</a></li>
                            </ul>
                        </span>
                    </li>
                    <li class="li-list"><a href="./pages/sponsorship.php" class="nav-link">Sponsorship</a></li>
                    <li class="li-list" onclick="toggleHighlights()">
                        <span class="nav-link"><span class="nav-link-span" id="highlightText">Highlights <i id="highlightIcon" class="nav-icon"></i></span>
                            <ul class="sub-ul-list lg:block hidden" id="highlightList">
                                <li class="sub-li-list"><a href="./pages/events-highlights.php" class="sub-link-list">Events Highlights</a></li>
                                <li class="sub-li-list"><a href="./pages/gallery.php" class="sub-link-list">Gallery</a></li>
                            </ul>
                        </span>
                    </li>
                    <li class="li-list"><a href="https://article.gainskillsmedia.com/" class="nav-link">Article</a></li>
                    <li class="li-list"><a href="./pages/contact.php" class="nav-link">Contact Us</a></li>
                </ul>
            </div>
        </nav>
    </header>


    <section class="hero-container">
        <div class="hero-sub-container w-full h-full">
            <video autoplay muted loop class="video-hero-section" id="myVideo">
                <source class="img-hero-section" src="./assets/videos/bg.mp4" type="video/mp4" />
            </video>
            <div class="shapes-container">
                <div class="shape" data-aos="fade-down-left" data-aos-duration="1500" data-aos-delay="100"></div>
                <div class="shape" data-aos="fade-down" data-aos-duration="1000" data-aos-delay="100"></div>
                <div class="shape" data-aos="fade-up-right" data-aos-duration="1000" data-aos-delay="200"></div>
                <div class="shape" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200"></div>
                <div class="shape" data-aos="fade-down-left" data-aos-duration="1000" data-aos-delay="100"></div>
                <div class="shape" data-aos="fade-down-left" data-aos-duration="1000" data-aos-delay="100"></div>
                <div class="shape" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300"></div>
                <div class="shape" data-aos="fade-down-right" data-aos-duration="500" data-aos-delay="200"></div>
                <div class="shape" data-aos="fade-down-right" data-aos-duration="500" data-aos-delay="100"></div>
                <div class="shape" data-aos="zoom-out" data-aos-duration="2000" data-aos-delay="500"></div>
                <div class="shape" data-aos="fade-up-right" data-aos-duration="500" data-aos-delay="200"></div>
                <div class="shape" data-aos="fade-down-left" data-aos-duration="500" data-aos-delay="100"></div>
                <div class="shape" data-aos="fade-up" data-aos-duration="500" data-aos-delay="0"></div>
                <div class="shape" data-aos="fade-down" data-aos-duration="500" data-aos-delay="0"></div>
                <div class="shape" data-aos="fade-up-right" data-aos-duration="500" data-aos-delay="100"></div>
                <div class="shape" data-aos="fade-down-left" data-aos-duration="500" data-aos-delay="0"></div>
            </div>
            <div class="hero-content-container">
                <div class="hero-text-container text-center" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="300">
                    <h2 class="text-3xl font-extralight special-font">Navigate The Nuances Of The Ever Changing World With Our</h2>
                    <h1 class="hero-main-text">Conferences <span class="hero-and-text">&</span> Awards</h1>
                </div>
            </div>
        </div>
        <img src="./assets/images/black.png" alt="black patch" class="bottom-patch" />
    </section>

    <div class="statics-container">
        <div class="statics-sub-container">
            <div class="statics-content-container">
                <div class="statics-body">
                    <span class="statics-number-container">
                        <p class="statics-number" id="staticsNumber">65</p>
                        <p class="statics-plus-sign">+</p>
                    </span>
                    <p class="statics-text">Events Completed</p>
                </div>
                <div class="statics-body">
                    <span class="statics-number-container">
                        <p class="statics-number" id="partnersNumber">88</p>
                        <p class="statics-plus-sign">+</p>
                    </span>
                    <p class="statics-text">Partners</p>
                </div>
                <div class="statics-body">
                    <span class="statics-number-container">
                        <p class="statics-number" id="companiesAttendedNumber">5400</p>
                        <p class="statics-plus-sign">+</p>
                    </span>
                    <p class="statics-text">Companies Attended</p>
                </div>
                <div class="statics-body">
                    <span class="statics-number-container">
                        <p class="statics-number" id="speakersAttendedNumber">538</p>
                        <p class="statics-plus-sign">+</p>
                    </span>
                    <p class="statics-text">Speakers Attended</p>
                </div>
                <div class="statics-body">
                    <span class="statics-number-container">
                        <p class="statics-number" id="delegatesAttendedNumber">8000</p>
                        <p class="statics-plus-sign">+</p>
                    </span>
                    <p class="statics-text">Delegates Attended</p>
                </div>
            </div>
        </div>
    </div>

    <div class="about-us-container">
        <div class="container mx-auto px-5">
            <div class="lg:grid xl:grid-cols-5 grid-cols-2 flex flex-col items-center gap-8">
                <div class="flex flex-col items-center justify-center xl:col-span-2" data-aos="fade-in" data-aos-duration="1000">
                    <img src="./assets/images/about-img.webp" class="" alt="" />
                </div>
                <div class="xl:col-span-3 flex flex-col items-start justify-center">
                    <h2 class="about-us-text text-start" data-aos="fade-in" data-aos-duration="1000">Gain Skills - The Key to Staying Ahead in a Rapidly Changing World</h2>
                    <p class="about-text" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="200">We understand that the world constantly evolves, and keeping up with the latest developments can be challenging. We specialize in creating conferences and events that help people navigate the ever-changing landscape and stay ahead of the curve.</p>
                    <p class="about-text" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="200">As a creative communications and B2B events &amp; media company, we are committed to creating and delivering compelling experiences, campaigns, and events that drive people and brand engagement and create new business opportunities for our clients across industries.</p>
                    <p class="about-text" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="200">Whether you're looking to expand your knowledge, learn new skills, connect with other professionals, or create new business opportunities, Gain Skills is the right partner for you.</p>
                    <a class="border border-[#C6D93B] px-6 py-2 mt-4 block w-fit" data-aos="fade-in" data-aos-duration="1000" data-aos-delay="4.00" href="./pages/about.php">Know More</a>
                </div>
            </div>
        </div>
    </div>

    <section class="expertise-container">
        <div class="container mx-auto px-10">
            <h2 class="expertise-heading" data-aos="fade-down" data-aos-duration="1000">We Are Experts In</h2>
            <!--<div class="expertise-content-container grid xl:grid-cols-3 md:grid-cols-2 gap-12 mt-12">-->
            <div class="expertise-content-container flex flex-row justify-center items-center flex-wrap gap-12 mt-12">
                <div class="expertise-body" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                    <a href="./pages/conference.php" target="_blank" class="expertise-image-container">
                        <div class="expertise-img-container">
                            <img src="./assets/images/conferences.webp" alt="Conferences & Awards" class="expertise-img" />
                        </div>
                        <!-- <div class="expertise-content">
                            <p class="expertise-text">Dynamic conference sessions and recognitions delivered by industry leaders.</p>
                        </div> -->
                    </a>
                    <a href="./pages/conference.php" target="_blank" class="expertise-sub-heading">Conferences & Awards</a>
                </div>
                <div class="expertise-body" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                    <a href="./pages/bespoke.php" target="_blank" class="expertise-image-container">
                        <div class="expertise-img-container">
                            <img src="./assets/images/bespoke.webp" alt="Conferences & Awards" class="expertise-img" />
                        </div>
                        <!-- <div class="expertise-content">
                            <p class="expertise-text">Exclusive events curated by us to meet your needs for maximum results and impact.</p>
                        </div> -->
                    </a>
                    <a href="./pages/bespoke.php" target="_blank" class="expertise-sub-heading">Bespoke events</a>
                </div>
                <div class="expertise-body" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500">
                    <a href="./pages/digital.php" target="_blank" class="expertise-image-container">
                        <div class="expertise-img-container">
                            <img src="./assets/images/digital.webp" alt="Conferences & Awards" class="expertise-img" />
                        </div>
                        <!-- <div class="expertise-content">
                            <p class="expertise-text">Flexible digital sessions to reach your audience anywhere, anytime.</p>
                        </div> -->
                    </a>
                    <a href="./pages/digital.php" target="_blank" class="expertise-sub-heading">Digital Events</a>
                </div>
            </div>
        </div>
    </section>

    <?php require './inc/conference.php'; ?>
    <?php require './inc/partners.php'; ?>    
    <?php require './inc/testimonials.php'; ?>    
    <?php require './inc/confeti.php'; ?>

    <section class="media-container">
        <h2 class="media-heading" data-aos="fade-down" data-aos-duration="1000">Media Highlights</h2>
        <div class="container mx-auto px-5 media-sub-container">
            <div class="flex flex-col items-center lg:grid grid-cols-3 gap-5">
                <div class="h-[624px] w-full col-span-1 flex flex-col items-center">
                    <iframe class="w-full max-w-[420px] h-[600px]" title="myFacebook" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FGain-Skills-Business-Media-Pvt-Ltd-104212602631585&amp;tabs=timeline&amp;width=400px&amp;height=600px&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId=244899551301233" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
                </div>
                <div class="h-[624px] w-full gap-5 col-span-2 flex flex-row items-center flex-wrap justify-center">
                    <iframe class="w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7172909018711998466?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                    <iframe class="w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7173904386937540609?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                    <iframe class="xl:block hidden w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7171960219340673024?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                    <iframe class="xl:block hidden w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7170749811950923776?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                </div>
                <div class="w-full gap-5 col-span-3 flex flex-row items-center flex-wrap xl:justify-between justify-center">
                    <iframe class="max-w-[420px] h-auto min-h-[220px] w-full" src="https://www.youtube.com/embed/us5FowC_0Zc?si=D_u5ztEvCsd0DLu1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                    <iframe class="max-w-[420px] h-auto min-h-[220px] w-full" src="https://www.youtube.com/embed/aSgJoDp8xHs?si=vZcHae3AjeOyGmf8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                    <iframe class="max-w-[420px] h-auto min-h-[220px] w-full" src="https://www.youtube.com/embed/jARfCdvKep8?si=zPTKrP9Skze07Lvo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                </div>
            </div>
            <!-- <div class="grid grid-cols-3 gap-5">
                <div class="fb-container col-span-3 flex flex-row items-center lg:justify-between justify-center gap-5 flex-wrap" data-aos="fade-in" data-aos-duration="1000">
                    <iframe class="w-full max-w-[420px] h-[600px]" title="myFacebook" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FGain-Skills-Business-Media-Pvt-Ltd-104212602631585&amp;tabs=timeline&amp;width=400px&amp;height=600px&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId=244899551301233" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
                    <div class="flex flex-row items-center justify-center gap-6 flex-wrap xl:max-w-[66.66%] lg:max-w-[50%] max-w-[100%]">
                        <iframe class="w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7172909018711998466?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                        <iframe class="w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7173904386937540609?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                        <iframe class="xl:block hidden w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7171960219340673024?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                        <iframe class="xl:block hidden w-full max-w-[420px] h-[240px]" src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7170749811950923776?compact=1" frameborder="0" allowfullscreen="" title="Embedded post"></iframe>
                    </div>
                </div>
                <div class="twitter-container col-span-3" data-aos="fade-in" data-aos-duration="1000">
                    <div class="youtube-container lg:grid lg:grid-cols-3 flex flex-col items-center justify-center gap-5" data-aos="fade-in" data-aos-duration="1000">
                        <iframe class="max-w-[420px] h-auto min-h-[220px] w-full" src="https://www.youtube.com/embed/us5FowC_0Zc?si=D_u5ztEvCsd0DLu1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                        <iframe class="max-w-[420px] h-auto min-h-[220px] w-full" src="https://www.youtube.com/embed/aSgJoDp8xHs?si=vZcHae3AjeOyGmf8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                        <iframe class="max-w-[420px] h-auto min-h-[220px] w-full" src="https://www.youtube.com/embed/jARfCdvKep8?si=zPTKrP9Skze07Lvo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
                    </div>
                </div>
            </div> -->
        </div>
    </section>

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


    <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>