<!

-- Hero 4 - Bootstrap Brain Component -->

<section class="bg-primary">
<div class="container-fluid overflow-hidden">
<div class="row">
<div class="col-12 col-md-6 order-1 order-md-0 align-self-md-end">
<div class="row py-3 py-sm-5 py-xl-9 mt-md-10 justify-content-sm-center">
<div class="col-12 col-sm-10">
<h2 class="display-2 fw-bolder mb-4 text-white">We Offer Modern Web
Solutions</h2>
<div class="row">
<div class="col-12 col-xxl-8">
<p class="fs-5 mb-5 text-white">We work in a customized way by
devising and handling entirely online projects with long-term partnerships.</p>
</div>
</div>
<div class="d-grid gap-2 d-sm-flex">
<button type="button" class="btn btn-warning bsb-btn-2xl rounded-
pill">Explore Now</button>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 p-0">
<img class="img-fluid w-100 h-100 object-fit-cover" loading="lazy"
src="https://gsp-af.com/wp-content/uploads/2023/10/1st-photo.svg" alt="We Offer
Modern Web Solutions">
</div>
</div>
</div>
</section>
<style>
<link rel="stylesheet"
href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://unpkg.com/bs-brain@2.0.3/components/heroes/hero-4/assets/css/hero-
4.css">
</style>