🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →

Projects

Progress value is 30%

Feature v11

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

Copy: View demo

Dependencies

All components are based on CodyFrame.

This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.

How to

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

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

<section class="position-relative z-index-1 padding-y-xl bg-contrast-lower">
  <div class="container max-width-adaptive-lg position-relative">
    <div class="grid  padding-x-md [email protected]">
      <div class="position-relative z-index-2 [email protected] [email protected]">
        <div class="text-component bg padding-md [email protected] shadow-sm line-height-md margin-y-xxl"> <!-- 👈 -->
          <!-- ... -->
        </div>
      </div>

      <figure class="position-absolute z-index-1 top-0 right-0 height-100% [email protected]">
        <!-- ... -->
      </figure>
    </div>
  </div>
</section>

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us