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

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="_token" content="2myWhrcqmmIS6GX1gGW9N3aLgY7jqEAxq7H7cmDI">

    <!-- Document Title -->
    <title>404</title>

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/png"
        href="http://cssfind.com/public/storage/2024/Jan/iATOtatQfpPap6v5WMUqxpc1vLP3Cml6LNhYAllR.png">

    <!--==== Google Fonts ====-->
    <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500%7CSpectral:400,400i,500,600,700"
        rel="stylesheet">

    <!-- CSS Files -->

    <!--==== Bootstrap css file ====-->
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/bootstrap.min.css ">

    <!--==== Font-Awesome css file ====-->
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/font-awesome.min.css">

    <!--==== Style css file ====-->
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/style.css">
    
    <!-- Including all google fonts link -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>















    <!-- Including all dynamic css -->
    <style>

</style>
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/preloader.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/header.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/header_logo.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/menu.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/mobile_menu.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/page_404.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/custom_css.css">
    <link rel="stylesheet" href="http://cssfind.com/themes/default/public/assets/css/page_style.css">
</head>

<body class="  ">
    <!-- Preloader -->
        <!-- End of Preloader -->

    <!-- Nav Search Box -->
    <div class="nav-search-box">
        <form id="nav-search-form">
            <div class="input-group">
                <input type="text" class="form-control search-text"
                    placeholder="Search Here">
                <span class="b-line"></span>
                <span class="b-line-under"></span>
                <div class="input-group-append">
                    <button type="button" class="btn">
                        <img src="http://cssfind.com/themes/default/public/assets/images/search-icon.svg" alt=""
                            class="img-fluid svg">
                    </button>
                </div>
            </div>
        </form>
    </div>
    <!-- End of Nav Search Box -->

    <!-- Header -->
<header class="header home-header">
    <div class="header-fixed">
        <div class="container position-relative">
            <div class="row d-flex align-items-center logo-area">
                <div class="col-lg-3 col-md-4 col-6">
                    <!-- Logo -->
                    <div class="logo">
                        <a href="http://cssfind.com">
                                                        <!-- Main Header Logo -->
                                                        <img src="http://cssfind.com/public/storage/2024/Jan/xzDM7B2yFvncXk24gOtSE3pjVtaVpvfRMefDP54U.png" alt="Logo" class="img-fluid default-logo">
                                                        <!-- Main Header Mobile Logo -->
                                                        <img src="http://cssfind.com/public/storage/2024/Jan/xzDM7B2yFvncXk24gOtSE3pjVtaVpvfRMefDP54U.png" alt="Logo" class="img-fluid mobile-logo">
                                                        <!-- Sticky Header Logo -->
                                                        <img src="http://cssfind.com/public/storage/2024/Jan/xzDM7B2yFvncXk24gOtSE3pjVtaVpvfRMefDP54U.png" alt="Logo" class="img-fluid sticky-logo">
                                                        <!-- Sticky Header Mobile Logo -->
                                                        <img src="http://cssfind.com/public/storage/2024/Jan/xzDM7B2yFvncXk24gOtSE3pjVtaVpvfRMefDP54U.png" alt="Logo" class="img-fluid sticky-mobile-logo">
                                                                                </a>
                    </div>
                    <!-- End of Logo -->
                </div>

                <div class="col-lg-9 col-md-8 col-6 d-flex justify-content-end position-static align-itemes-center">
                    <!-- Nav Menu -->
                    <div class="d-none d-md-block nav-menu-cover header-menu">
                        <ul class="nav nav-menu align-itemes-center ">
            <li class="">
            <a href="/"
                class="single-header-menu ">
                Home
                            </a>
                    </li>
            <li class="">
            <a href="/contact"
                class="single-header-menu ">
                Contact Us
                            </a>
                    </li>
                        <li class="d-flex header-menu-btn-group">
            <!-- Header Button -->
                            <div class="header-btn book">
                                                                        <a href="http://cssfind.com/user/app/login"
                                class="btn-crs plug login">Login</a>
                                                            </div>
                <div class="header-btn book">
                                                                        <a href="http://cssfind.com/user/app/registration"
                                class="btn-crs plug reg">sign up</a>
                                                            </div>
            

                        <!-- End Header Button -->
        </li>
    </ul>
                    </div>

                    <div class="d-block d-md-none nav-menu-cover header-menu mobile">
                        <ul class="nav nav-menu align-itemes-center ">
            <li class="">
            <a href="/"
                class="single-header-menu ">
                Home
                            </a>
                    </li>
            <li class="">
            <a href="/contact"
                class="single-header-menu ">
                Contact Us
                            </a>
                    </li>
                        <li class="d-flex header-menu-btn-group">
            <!-- Header Button -->
                            <div class="header-btn book">
                                                                        <a href="http://cssfind.com/user/app/login"
                                class="btn-crs plug login">Login</a>
                                                            </div>
                <div class="header-btn book">
                                                                        <a href="http://cssfind.com/user/app/registration"
                                class="btn-crs plug reg">sign up</a>
                                                            </div>
            

                        <!-- End Header Button -->
        </li>
    </ul>
                    </div>

                    <!-- Mobile -->
                    <!-- End of Nav Menu -->

                    <!-- Mobile Menu -->
                    <div class="mobile-menu-cover">
                        <ul class="nav mobile-nav-menu">
                            <li class="nav-menu-toggle">
                                <img src="http://cssfind.com/themes/default/public/assets/images/menu-toggler.svg" alt="" class="img-fluid svg">
                            </li>
                        </ul>
                    </div>
                    <!-- End of Mobile Menu -->
                </div>
            </div>
        </div>
    </div>
</header>
<!-- End of Header -->
    <div class="container pt-120 pb-80 container-404 text-center d-flex align-items-center overlay" id="section_404">
        <div class="data">
            <h1 class="title">404</h1>
            <h2 class="subtitle">Page Not Found!</h2>
            <p class="before_button_text"> The page you are looking for was moved, removed, renamed or never existed. Please check the url or go to <a
                    href="http://cssfind.com"
                    class="before_button">Main Page.</a></p>
        </div>
    </div>

    <!-- Dark Light Switcher -->
    <div class="floating-mode-switcher-wrap">
        <label class="dl-switch">
            <input class="darklooks-mode-changer" type="checkbox" >
            <span class="dl-slider"></span>
            <span class="dl-light">Light</span>
            <span class="dl-dark">Dark</span>
        </label>
    </div>
    <!-- End Dark Light Switcher -->


    <!-- ==== JQuery 3.6.4 js file ==== -->
    <script src="http://cssfind.com/themes/default/public/assets/js/jquery.min.js"></script>

    <!-- ==== Owl Carousel ==== -->
    <script src="http://cssfind.com/themes/default/public/assets/plugins/owl-carousel/owl.carousel.min.js"></script>

    <!-- ==== Magnific Popup ==== -->
    <script src="http://cssfind.com/themes/default/public/assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- ==== Script js file ==== -->
    <script src="http://cssfind.com/themes/default/public/assets/js/scripts.js"></script>

    <script>
        // setting up the csrf token for ajax request
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        (function($) {
            'use strict';
            $(document).ready(function() {

                /**
                 * Change dark mood
                 */
                $('.darklooks-mode-changer').on('click', function(e) {
                    e.preventDefault();
                    $.post('http://cssfind.com/change-mood', {}, function(data) {
                        location.reload();
                    })
                });
            });

        })(jQuery);
    </script>
</body>

</html>
