<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>