Background Banner A (bba)

Tagline ipsum dolor sit amet, consectetur adipisicing elit.

Text ipsum dolor sit amet consectetur adipisicing elit. Dolore, necessitatibus facere tenetur corporis molestias non. Aperiam magnam doloribus mollitia inventore.

SoulSections HTML

<div class="relative text-left text-p-50 bg-a-900 type p--xl">
    <img src="https://source.unsplash.com/collection/51351420/1600x900" alt="" class="absolute inset-0 object-cover w-full h-full opacity-40">
    <div class="relative flex flex-col items-start max-w-screen-xl mx-auto">
        <div class="relative flex flex-col items-start">
            <h2 class="max-w-2xl display">Tagline ipsum dolor sit amet, consectetur adipisicing elit.</h2>
            <p class="max-w-lg opacity-80">Text ipsum dolor sit amet consectetur adipisicing elit. Dolore, necessitatibus facere tenetur corporis molestias non. Aperiam magnam doloribus mollitia inventore.</p>
            <div class="flex flex-col w-full mt-4 md:flex-row md:w-auto">
                <a href="" class="inline-block w-full px-8 py-3 mb-4 text-center text-p-50 transition-colors bg-a-600 rounded md:w-auto md:mb-0 hover:bg-opacity-50">Get Started</a>
                <a href="" class="inline-block w-full px-8 py-3 text-center text-p-50 transition-colors bg-p-800 rounded md:w-auto md:ml-4 hover:bg-opacity-50">Contact us</a>
            </div>
        </div>
    </div>
</div>