Hero

<img src="../../images/undraw_launching_szjw.svg" alt="Inspiring Illustration" class="position-absolute z-n1" style="opacity: 0.05; left: 5vw;">
<div class="hero py-5">
    <div class="container-fluid container-lg">
        <div class="row align-items-center justify-content-between">
            <div class="col-12 col-md-8 col-lg-7 col-xl-5 offset-md-1">
                <figure>
                    <blockquote class="blockquote position-relative">
                        <h1 class="lh-1 fw-bold pb-3"><span class="d-inline-block position-absolute" style="left:-50px;top:-30px;font-size:400%;opacity:0.1;">&ldquo;</span>My humanity is bound up in yours, for we can only be human together.&rdquo;</h1>
                    </blockquote>
                    <figcaption class="blockquote-footer">
                        <cite title="Source Title">Desmond Tutu</cite>
                    </figcaption>
                </figure>
            </div>
            <div class="col-auto me-5 pe-5">
                <button class="btn btn-lg btn-primary">Our Initiatives</button>
                <button class="btn btn-lg btn-secondary">Latest News</button>
            </div>
        </div>
    </div>
</div>
<img src="{{'/images/undraw_launching_szjw.svg'|path}}" alt="Inspiring Illustration" class="position-absolute z-n1" style="opacity: 0.05; left: 5vw;">
<div class="hero py-5">
    <div class="container-fluid container-lg">
        <div class="row align-items-center justify-content-between">
            <div class="col-12 col-md-8 col-lg-7 col-xl-5 offset-md-1">
                <figure>
                    <blockquote class="blockquote position-relative">
                        <h1 class="lh-1 fw-bold pb-3"><span class="d-inline-block position-absolute" style="left:-50px;top:-30px;font-size:400%;opacity:0.1;">&ldquo;</span>My humanity is bound up in yours, for we can only be human together.&rdquo;</h1>
                    </blockquote>
                    <figcaption class="blockquote-footer">
                        <cite title="Source Title">Desmond Tutu</cite>
                    </figcaption>
                </figure>
            </div>
            <div class="col-auto me-5 pe-5">
                <button class="btn btn-lg btn-primary">Our Initiatives</button>
                <button class="btn btn-lg btn-secondary">Latest News</button>
            </div>
        </div>
    </div>
</div>
/* No context defined. */

No notes defined.