<section class="position-relative py-lg-5 pb-5">
<img class="d-none d-lg-block position-absolute top-0 start-0 h-100 col-lg-6" style="object-fit: cover;" src="bootstrap5-plain-assets/images/blue-400-square.png" alt="">
<img class="d-lg-none w-100 mb-5" style="object-fit: cover;" src="bootstrap5-plain-assets/images/blue-400-square.png" alt="">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 ms-auto text-center py-lg-5">
<span class="text-muted">Error 404</span>
<h2 class="display-5 fw-bold mt-2 mb-3">Page not found</h2>
<p class="lead text-muted mb-5">Sorry! We are unable to find the page you are looking for</p>
<div class="d-flex flex-wrap justify-content-center"><a class="btn btn-primary me-2 mb-2 mb-sm-0" href="#">Go back to Homepage</a><a class="btn btn-outline-secondary mb-2 mb-sm-0" href="#">Try Again</a></div>
</div>
</div>
</div>
</section>