<section class="py-10 bg-light-light">
<div class="container">
<div class="row mx-n2">
<div class="col-12 col-lg-6 mb-4 mb-lg-0 px-2">
<div class="py-20 px-8 px-sm-20 bg-white rounded-5">
<div class="mw-2xl mx-auto">
<div class="mw-md mb-32"><span class="badge mb-4 border border-dark" >Error</span>
<h2 class="mb-6" >Error 404</h2>
<p class="text-light-dark mb-10" >
It is a long established fact that a reader will be distracted by the readable content
of a page when looking at its
layout.
</p><a class="btn btn-outline-dark" href="#"><span class="me-2" >Back to homepage</span>
<svg class="rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 1.5L1 9.5" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9 8.83571V1.5H1.66429" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a>
</div>
<div class="mw-xs ms-auto text-end"><span class="d-block fs-9" >2023</span>
<p class="text-light-dark mb-0" >
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its
layout.
</p>
</div>
</div>
</div>
</div>
<div class="col-5 col-lg-2 px-2"><img class="img-fluid w-100 h-100 rounded-5" src="asitrastudio-assets/http-codes/photo-sm.png" alt=""/></div>
<div class="col-7 col-lg-4 px-2"><img class="img-fluid w-100 h-100 rounded-5" src="asitrastudio-assets/http-codes/photo-lg.png" alt=""/></div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
