Contents

<!-- BEGIN Hero Image Right -->
<div class="container col-xxl-8 px-4 my-5 component-hero-image-right">
    <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
        <div class="col-10 col-sm-8 col-lg-6">
            <img src="{{ include.image_path }}" class="d-block mx-lg-auto img-fluid" alt="{{ include.image_text }}" title="{{ include.image_title }}" width="700" height="500" loading="lazy">
        </div>
        <div class="col-lg-6">
            <h1 class="display-5 fw-bold lh-1 mb-3">{{ include.title }}</h1>
            <p class="lead">{{ include.body }}</p>
            {%- if include.primary_link_text or include.secondary_link_text -%}
                <div class="d-grid gap-2 d-md-flex justify-content-md-start">
                    {%- if include.primary_link_text -%}
                        <button type="button" class="btn btn-primary btn-lg px-4 me-md-2" onclick="window.location.href='{{ include.primary_link_url }}';">{{ include.primary_link_text }}</button>
                    {%- endif -%}
                    {%- if include.secondary_link_text -%}
                        <button type="button" class="btn btn-outline-secondary btn-lg px-4" onclick="window.location.href='{{ include.secondary_link_url }}';">{{ include.secondary_link_text }}</button>
                    {%- endif -%}
                </div>
            {%- endif -%}
        </div>
    </div>
</div>
<!-- END Hero Image Right -->

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jekyll-twitter-bootstrap-5.3.0.dev5	_includes/_components/hero_image_right.html