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>Categories
Bug Report & Feedback
Report a bug + changelog on Github ↗ | Suggest new components ↗