/home/infinitibizsol/www/wp-content/themes/infiniti-biz-solutions/ Current File: /home/infinitibizsol/www/wp-content/themes/infiniti-biz-solutions/404.php
<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package Infiniti_Biz_Solutions
 */

get_header();
?>

	<main id="primary" class="page-wrapper" style="background: #8cc9ff;">
    
    <!-- .error-404 -->
    <div class="container overflow-hidden pb-5">
        <!-- Dangling lamp-->
        <div class="d-flex justify-content-center px-5 mt-n1"><img class="d-dark-mode-none" src="<?php bloginfo('template_directory'); ?>/assets/img/404/lamp-light.png" width="348" alt="Lamp" style="transform-origin: 50% 0;animation: swinging 3.5s ease-in-out forwards infinite;"><img class="d-none d-dark-mode-block" src=""<?php bloginfo('template_directory'); ?>/assets/img/404/lamp-dark.png" width="348" alt="Lamp" style="transform-origin: 50% 0; animation: swinging 3.5s ease-in-out forwards infinite;"></div>
        <!-- Text + search bar-->
        <div class="d-flex justify-content-center pb-5 mb-md-2 mb-lg-3 mb-xl-4 mb-xxl-5">
          <div style="max-width: 420px;">
            <div class="d-none d-sm-block" style="margin-top: -127px;"></div>
            <div class="d-sm-none" style="margin-top: -25%;"></div>
            <div class="d-flex align-items-center mb-4">
              <h1 class="display-1 mb-0">404</h1>
              <p class="text-dark lead ps-4 mb-0">Whoops! That page is missing...</p>
            </div>
          </div>
        </div>
        <!-- Categories-->
        <h2 class="h4 text-center pb-lg-2 mb-4"><a href="/">Let's go back on track!</a></h2>
        
      </div>
	</main><!-- #main -->

<?php
get_footer();