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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="404 Not Found - GainSkills Business Media Pvt Ltd" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="../css/AOS.css" />
    <link rel="stylesheet" href="../css/styles.css" />
    <title>404 Not Found</title>
    <style>
        .main-sub-container{
            padding: 0px 0 50px;
            text-align: center;
            background: #111;
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .error-img{
            width: 100%;
            max-width: 600px;
        }
        .main-sub-text{
            font-size: 60px;
            font-weight: 600;
        }
        @media screen and (max-width: 768px) {
            .main-sub-text{
                font-size: 32px;
            }
        }
    </style>
    <?php require '../inc/analytics.php'; ?>
</head>

<body>
    
    <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 active" 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"><a href="../pages/gallery.php" class="nav-link">Gallery</a></li>
                    <li class="li-list"><a href="../pages/contact.php" class="nav-link">Contact Us</a></li>
                </ul>
            </div>
        </nav>
    </header>
    
    <section class="main-sub-container">
        <img src="../assets/images/error.svg" alt="error" class="error-img" />
        <h1 class="main-sub-text">Oops! That page can’t be found.</h1>
    </section>

    <footer class="footer-container">
        <div class="container mx-auto px-5">
            <div class="footer-content-container grid grid-cols-12 lg:gap-16 lg:gap-y-0 gap-y-12">
                <div class="footer-body-1 flex flex-col items-start gap-8 lg:col-span-5 col-span-12">
                    <img src="../assets/logo/black-logo.webp" alt="gs" class="footer-main-logo" />
                    <p class="text-justify text-gray-300">GainSkills is a creative communications and B2B events & media company with the clear purpose of creating and delivering compelling experiences, campaigns and events that drive people and brand engagement & create new business opportunities for our clients across concepts and industries.</p>
                    <div class="social-links flex items-center justify-start gap-4 flex-wrap">
                        <a class="bg-gray-700 shadow-xl w-9 h-9 flex items-center justify-center rounded-full" href="https://www.linkedin.com/company/gain-skills-business-media/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
                        <a class="bg-gray-700 shadow-xl w-9 h-9 flex items-center justify-center rounded-full" href="https://www.instagram.com/gainskillsmedia/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                        <a class="bg-gray-700 shadow-xl w-9 h-9 flex items-center justify-center rounded-full" href="https://www.facebook.com/Gain-Skills-Business-Media-Pvt-Ltd-104212602631585" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
                        <a class="bg-gray-700 shadow-xl w-9 h-9 flex items-center justify-center rounded-full" href="https://www.youtube.com/@GainSkillsMedia" target="_blank"><i class="fa-brands fa-youtube"></i></a>
                        <a class="bg-gray-700 shadow-xl w-9 h-9 flex items-center justify-center rounded-full" href="https://twitter.com/gainskillsmedia" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
                    </div>
                </div>
                <div class="footer-body-1 lg:col-span-2 md:col-span-6 col-span-12">
                    <h1 class="text-3xl font-bold uppercase font-built">Events</h1>
                    <ul class="flex flex-col mt-8 gap-4">
                        <li><a class="text-gray-300" href="../pages/conference.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Conferences & Awards</a></li>
                        <li><a class="text-gray-300" href="../pages/bespoke.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Bespoke Events</a></li>
                        <li><a class="text-gray-300" href="../pages/digital.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Digital Events</a></li>
                    </ul>
                </div>
                <div class="footer-body-1 lg:col-span-2 md:col-span-6 col-span-12">
                    <h1 class="text-3xl font-bold uppercase font-built">Links</h1>
                    <ul class="flex flex-col mt-8 gap-4">
                        <li><a class="text-gray-300" href="../"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Home</a></li>
                        <li><a class="text-gray-300" href="../pages/sponsorship.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Sponsorship</a></li>
                        <li><a class="text-gray-300" href="../pages/about.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>About Us</a></li>
                        <li><a class="text-gray-300" href="../pages/career.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Career</a></li>
                        <li><a class="text-gray-300" href="../pages/gallery.php"><i class="fa-solid fa-chevron-right mr-2 footer-arrow"></i>Gallery</a></li>
                    </ul>
                </div>
                <div class="footer-body-1 lg:col-span-3 col-span-12">
                    <h1 class="text-3xl font-bold uppercase font-built">Have a Questions?</h1>
                    <div class="flex flex-col mt-8 gap-4">
                        <div class="flex items-start justify-start text-gray-300">
                            <i class="fa-solid fa-map-location-dot m-3 mt-1 text-white"></i>
                            <a target="_blank" href="https://maps.app.goo.gl/cGXsXoqKubggZ6ZP7">Row House No B 1, Mahavir Nagar, Deepak Hospital Lane, Near Seven Square Academy, Mira Road (E), Mumbai, 401107</a>
                        </div>
                        <div class="flex items-start justify-start">
                            <i class="fa-solid fa-phone m-3 mb-0 mt-1 text-white"></i>
                            <a target="_blank" href="tel:9082419495">+91 90824 19495</a>
                        </div>
                        <div class="flex items-start justify-start flex-wrap">
                            <i class="fa-solid fa-envelope m-3 mb-0 mt-1 text-white"></i>
                            <a target="_blank" href="mailto:sumeetk@gainskillsmedia.com">sumeetk@gainskillsmedia.com</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex flex-col">
                <div class="flex flex-wrap items-center gap-4 justify-center mt-10">
                    <a target="_blank" href="#" class="hover:text-gsblue text-gray-300">Privacy Policy</a>
                    <div class="text-gray-300">|</div>
                    <a target="_blank" href="#" class="hover:text-gsblue text-gray-300">Refund and Terms & Condition</a>
                </div>
                <hr class="my-4 border-gray-500">
                </hr>
                <div class="flex flex-wrap items-center gap-4 justify-center">
                    <p class="flex flex-wrap items-center gap-1 justify-center"><i class="fa-regular fa-copyright"></i>Copyright <a href="#" class="hover:text-gsblue text-gray-300">GainSkills Business Media Pvt Ltd</a>- 2024</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="../js/tailwind.config.js"></script>
    <script src="../js/script.js"></script>

</body>

</html>