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

<head>
    <meta name="description" content="Home - GainSkills Business Media Pvt Ltd">
    <meta name="keywords" content="GainSkills Gainskillsmedia Media Gallery Events Oragainser">
    <?php require '../inc/header.php'; ?>
    <title>Highlights - Gain Skills</title>
    <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/gallery.css" />
    <link rel="stylesheet" href="../css/testimonials.css?v=1.10001" />
    <link rel="stylesheet" href="../css/testi-swiper.css?v=1.10001" />
</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">Sponsorship</a></li>
                    <li class="li-list active" 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="./events-highlights.php" class="sub-link-list">Events Highlights</a></li>
                                <li class="sub-li-list"><a href="./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="./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">Our Highlights</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>Welcome to Gain Skills, where we specialize in creating memorable events that inspire. With a passion for excellence and a commitment to innovation, we strive to deliver experiences that exceed expectations. From industry conferences to bespoke corporate gatherings and engaging webinars, we approach each event with creativity and precision, ensuring a flawless and unforgettable experience.</p>
                    </span>
                    <a class="hero-pages-button" href="#testimonials" data-aos="fade-up" data-aos-duration="1000">View More</a>
                </div>
                <div class="hero-pages-image-container">
                    <img src="../assets/images/gallery.webp" alt="Gain Skills" class="hero-pages-image" />
                </div>
            </div>
        </div>
    </section>

    <?php require '../inc/testimonials.php'; ?>
    <?php require '../inc/confeti.php'; ?>
    <?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>