<!DOCTYPE html>
    <html lang="en">
    
<!-- Mirrored from backbencher-note.netlify.app/pdf/lectures/017 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 10 May 2024 14:19:18 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!--=============== BOXICONS ===============-->
        <link href='../../../unpkg.com/boxicons%402.1.2/css/boxicons.min.css' rel='stylesheet'>

        <!--=============== CSS ===============-->
        <link rel="stylesheet" href="../assets/css/styles.css">

        <title>Backbenchers 404 website - PanchananSahoo</title>
    </head>
    <body>
        <!--==================== HEADER ====================-->
        <header class="header">
            <nav class="nav container">
                <a href="#" class="nav__logo">
                    Backbenchers
                </a>

                <div class="nav__menu" id="nav-menu">
                    <ul class="nav__list">
                        <li class="nav__item">
                          <a href="../index.html" class="custombox">Home<span class="dce-nav-icon"><i class="caret"></i></span> </a>
                        </li>
                        <li class="nav__item">
                            <a href="#" class="nav__link">About</a>
                        </li>
                        <li class="nav__item">
                            <a href="#" class="nav__link">Contact</a>
                        </li>
                    </ul>

                    <div class="nav__close" id="nav-close">
                        <i class='bx bx-x'></i>
                    </div>
                </div>

                <!-- Toggle button -->
                <div class="nav__toggle" id="nav-toggle">
                    <i class='bx bx-grid-alt'></i>
                </div>
            </nav>
        </header>

        <!--==================== MAIN ====================-->
        <main class="main">
            <!--==================== HOME ====================-->
            <section class="home">
                <div class="home__container container">
                    <div class="home__data">
                        <span class="home__subtitle">Error 404</span>
                        <h1 class="home__title">Hey Buddy</h1>
                        <p class="home__description">
                            We can't seem to find the page <br> you are looking for. We working on it...
                        </p>
                        <a href="../index.html" class="home__button">
                            Go Home
                        </a>
                    </div>

                    <div class="home__img">
                        <img src="../assets/img/ghost-img.png" alt="">
                        <div class="home__shadow"></div>
                    </div>
                </div>

                <footer class="home__footer">
                    <span>+91 7029229392</span>
                    <span>|</span>
                    <span>javasahooai@gmail.com</span>
                </footer>
            </section>
        </main>

        <!--=============== SCROLLREVEAL ===============-->
        <script src="../assets/js/scrollreveal.min.js"></script>

        <!--=============== MAIN JS ===============-->
        <script src="../assets/js/main.js"></script>
    </body>

<!-- Mirrored from backbencher-note.netlify.app/pdf/lectures/017 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 10 May 2024 14:19:18 GMT -->
</html>