Feature Section 2

Every site has it, a feature section to show off what you're all about. Why not show off your features in style with backgrounds, animations, icons, and more!

Stacks Image 318

About

Easy Columns

Define custom card withs and Feature Section will automatically create the perfect look for your site on any size device.

Icons & Images

Add custom icons to feature cards from several of the most popular libraries, or even add your own custom images.

Tons of Styling Options

We've included the most important styling features such as borders, shadows, backgrounds, font-colors, sizes, padding, and more.

Hover Effects

We've included some seriously customizable hover effects. Add custom effects like scaling, rotation, icon-rotation, translation, colors, shadows, and more.

Card Links

Add individual links to each card that can take page visitors to a section or page that is related to the feature information.

Shared Styles

With shared card styles, it is super easy to get a nice looking feature section up and running. Create your styles ones, and then just add cards.

Notable Updates

Left Icon Layout

Vertical & horizontal icon positioning

Two Tone Icons

Outlined, solid, & two tone icon types

Enhanced Hover Effects

Smooth & sleek hover animations

Per Card Customization

Customize style card by card

Streamlined Setup

Quick & intuitive setup & custimization

Warehoused Image Support

Optionally use externally hosted images

expand

Flexible Widths

Define an ideal card width & the cards will display in columns according to the available space. You can also optionally allow the stack to automatically adjust the cards to fill the available space. Ideal responsive behavior is handled automatically no matter which option you choose.

expand

Matched Heights

As it is with most stacks content, card height is handled automatically. You can align the cards vertically or optionally allow the stack to automatically match card height by row. Content can then be additionally aligned vertically inside of the cards.

settings_overscan

Icon Offsets

Icon x & y offset controls are provided to give you unique style control over the card layout. Move the icon behind text or to the edge of the card to create awesome designs.

text_format

Text Formatting

Full text style settings are provided for card headings & descriptions. This includes font family, size, weight, letter spacing, word spacing, margin, & alignment.

3rd-Party Content

Every card supports 3rd-party stacks content. Icons, titles, & descriptions can be removed & replaced with your own preferred stacks.

Hover Effects

Scale

Slide

Rotate

Shadow

Icon Rotate

Ripple Overlay

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Reveal Overlay

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Fade-in Overlay

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Mix & Match

The overlay options support any and all of the card hover effects. This allows you to create uniquely tailored hover animations to fit almost any project design.

Resources

Material Icons

2,104 icons to choose from, each with 5 different display styles including two tone.

Ionicons 5

504 icons to choose from, each with 4 different display styles including two tone.

Font Awesome 6 Free

1,128 solid + 161 regular icons to choose from.

No externally loaded resources

All icon sets are uploaded with your RapidWeaver project. No links to external servers/websites will be used to load the icons.

Examples

Flexible Width

Flexible Width

Flexible Width

Flexible Width

Static Width

Static Width

Static Width

Static Width

Responsive Behavior

Drag the left border to see how the cards respond when using the different width settings.

Innovative Design

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Cutting Edge Tech

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Weather Proofing

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Sport Tuning

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Keyless Entry

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

3 Year Warranty

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

App Example 1

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

App Example 2

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

App Example 3

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

App Example 4

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

App Example 5

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

App Example 6

Type something that describes the feature here. Make it brief & catchy to keep the attention of the page visitor.

Villa A

$324 per day

Villa B

$452 per day

Villa C

$358 per day

Villa B2

$452 per day

Purchase

Feature Section 2

RapidWeaver Stack

Purchase & download the Feature Section 2 stack today! All you need is a copy of RapidWeaver (v6+) & the Stacks plugin (v3+). Purchase includes a demonstration project file to show you how every example on this page was created.

Contact

Have questions about the stack or need some help? Feel free to contact us at the link below. Most inquiries are replied to within 1-2 working days.

mail

Newsletter

Join our newsletter to get notified when we have discounts, updates, and new releases!