Feature v11

A feature section containing a boxed content over a background image.

How to

The Feature v11 component is used to display a boxed content over a background image.

The top/bottom margin of the content determines how much of the image is visible above/below the boxed content.

<section class="feature-v11">
  <div class="container ...">
    <div class="grid padding-x-md padding-x-0@md">
      <div class="position-relative z-index-2 col-6@md col-5@lg">
        <!-- this margin affects the image height ↓ -->
        <div class="bg-light ... margin-y-2xl">
          <!-- ... -->
        </div>
      </div>

      <figure>
        <img src="...">
      </figure>
    </div>
  </div>
</section>

Categories

• Content and Layout > Features

Bug report & feedback

Component Github page ↗