Built for

    <!--::Start Hero Typed Text::-->
    <section class="position-relative bg-dark text-white jarallax" data-speed=".2">
        <!--:Hero image:-->
        <img src="assets/img/backgrounds/bg2.jpg" alt="" class="jarallax-img opacity-25">
        <div class="container pt-12 pt-lg-15 pb-12">
            <div class="row justify-content-center align-items-center">
                <div class="col-lg-10 col-xl-8 mx-auto text-center">
                    <!--:Heading + Typed Text:-->
                    <h1 class="mb-4 display-2">Built for<br>
                        <span class="d-inline-block text-warning"
                            data-typed='{"strings": ["Developers", "Businesses", "Minimal Studios", "Agencies", "Creatives"]}'></span>
                    </h1>
                    <!--:Subheading:-->
                    <p class="col-lg-11 mx-auto mb-5 lead">
                        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
                        mollit anim id est laborum.
                    </p>
                    <!--:Action:-->
                    <a href="#!" class="btn btn-outline-white border-2 px-4 px-lg-5 btn-lg">Learn more</a>
                </div>
            </div>
        </div>
    </section>
    <!--::/End Hero Typed Text::-->