<section class="pt-36 pt-xl-96 pb-40 bg-primary-dark position-relative">
<div class="d-none d-md-block position-absolute top-0 start-0 ps-6 h-100 bg-white"></div>
<div class="container">
<div class="ms-md-6 ms-xl-0">
<h2 class="h1 text-white mb-24">
<span class="d-inline-block position-relative">
Something has
<div class="d-none d-sm-block position-absolute bottom-0 start-0 mb-md-2 w-100 bg-white" style="height: 1px;"></div>
</span>
<span class="d-inline-block position-relative">
gone wrong
<div class="d-none d-sm-block position-absolute bottom-0 start-0 mb-md-2 w-100 bg-white" style="height: 1px;"></div>
</span>
<span class="d-inline-block ms-n5">.</span>
</h2>
<p class="text-white mb-16">
<span class="me-3">We can’t find that page. Back to home.</span>
<span>
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="white"></path>
</svg>
</span>
</p>
<a class="btn btn-primary" href="#">Homepage</a>
</div>
</div>
</section>Framework
Bootstrap
UI Library
Wrexa
HTTP codes Components by Shuffle
Choose from 6 variations of Bootstrap HTTP codes components. Presented here are variants available in Wrexa library.
Get access to all Bootstrap HTTP codes components, code and our visual editor. Try the demo for free!
