Feature Boxes

Flexible feature boxes with optional icons/images and multiple layouts.

[ch_feature_box title_border=”none” layout=”centered” icon_size=”large” icon_fontawesome=”fa fa-flask” icon_style=”background” icon=”pe-7s-science” title=”Cross-browser” icon_background_color=”#ffffff” icon_background_hover_color=”#00aeff” icon_hover_color=”#ffffff” icon_color=”#00aeff”]Works on each todays mobile devices and browsers, including early IEs (with the optional js fallback)[/ch_feature_box]
[ch_feature_box title_border=”none” layout=”centered” icon_size=”large” icon_fontawesome=”fa fa-flask” icon_style=”border” bg_radius=”radius” icon=”pe-7s-science” title=”Cross-browser” icon_hover_color=”#1e73be” icon_color=”#00aeff” icon_border_size=”5″ icon_border_color=”#00aeff” icon_border_hover_color=”#dd9933″]Works on each todays mobile devices and browsers, including early IEs (with the optional js fallback)[/ch_feature_box]
[ch_feature_box title_border=”none” layout=”icon_left” icon_size=”large” icon_fontawesome=”fa fa-heart” icon_style=”background” bg_radius=”y10″ icon_color=”#3a4a5a” icon=”pe-7f-like” title=”Lovely template” icon_background_color=”#cbecfd” icon_background_hover_color=”#cbecfd” icon_hover_color=”#3a4a5a” icon_border_color=”#cbecfd” icon_border_hover_color=”#cbecfd” color=”#ffffff”]Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa[/ch_feature_box]
[ch_feature_box title_border=”none” layout=”icon_left” icon_size=”large” icon_fontawesome=”fa fa-h-square” icon_style=”background” bg_radius=”radius” icon_color=”#3a4a5a” icon=”pe-7f-pen” title=”Any colors” icon_background_color=”#cbecfd” icon_background_hover_color=”#cbecfd” icon_hover_color=”#3a4a5a” icon_border_color=”#cbecfd” icon_border_hover_color=”#cbecfd” color=”#ffffff”]Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa[/ch_feature_box]
[ch_feature_box title_border=”none” layout=”icon_left” icon_size=”large” icon_fontawesome=”fa fa-clock-o” icon_style=”background” icon_color=”#3a4a5a” icon=”pe-7f-stopwatch” title=”Pure CSS” icon_background_color=”#cbecfd” icon_background_hover_color=”#cbecfd” icon_hover_color=”#3a4a5a” icon_border_color=”#cbecfd” icon_border_hover_color=”#cbecfd” color=”#ffffff”]Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa[/ch_feature_box]
[ch_feature_box title_border=”none” layout=”icon_right” icon_size=”large” icon_fontawesome=”fa fa-wifi” icon_style=”background” icon_color=”#be1f2d” icon=”pe-7s-signal” title=”Retina-ready” icon_background_color=”#ffffff” icon_background_hover_color=”#be1f2d” icon_hover_color=”#ffffff”]Works on each todays mobile devices and browsers, including early IEs (with the optional js fallback)[/ch_feature_box]
[ch_feature_box title_border=”none” layout=”centered” icon_type=”image_id” title=”New” image_id=”974″]Works on each todays mobile devices and browsers, including early IEs (with the optional js fallback)[/ch_feature_box]

Size Examples

[ch_feature_box title_layout=”left” title_border=”none” layout=”icon_left_top” icon_size=”small” icon_fontawesome=”fa fa-h-square” icon_color=”#1e73be” icon=”pe-7f-like” bottom_spacing=”top” title=”Diabetes” icon_hover_color=”#1e73be”]Pick themes, colors and effects in the astounding range that’s contained and ready to go.[/ch_feature_box]
[ch_feature_box title_layout=”left” title_border=”none” layout=”icon_right_top” icon_size=”small” icon_fontawesome=”fa fa-heart” icon_color=”#1e73be” icon=”pe-7f-like” bottom_spacing=”top” title=”Pregnancy” icon_hover_color=”#1e73be”]Pick themes, colors and effects in the astounding range that’s contained and ready to go.[/ch_feature_box]
[ch_feature_box title_layout=”left” title_border=”none” layout=”icon_left_top” icon_fontawesome=”fa fa-hospital-o” icon_color=”#1e73be” icon=”pe-7f-like” bottom_spacing=”top” title=”Lovely template” icon_hover_color=”#1e73be”]Pick themes, colors and effects in the astounding range that’s contained and ready to go.[/ch_feature_box]
[ch_feature_box title_layout=”left” title_border=”none” layout=”icon_right_top” icon_fontawesome=”fa fa-h-square” icon_color=”#1e73be” icon=”pe-7f-like” bottom_spacing=”top” title=”Medication” icon_hover_color=”#1e73be”]Pick themes, colors and effects in the astounding range that’s contained and ready to go.[/ch_feature_box]
[ch_feature_box title_layout=”left” title_border=”none” layout=”icon_left_top” icon_size=”large” icon_fontawesome=”fa fa-eye” icon_color=”#1e73be” icon=”pe-7f-like” bottom_spacing=”top” title=”Eye Health” icon_hover_color=”#1e73be”]Pick themes, colors and effects in the astounding range that’s contained and ready to go.[/ch_feature_box]
[ch_feature_box title_layout=”left” title_border=”none” layout=”icon_right_top” icon_size=”large” icon_fontawesome=”fa fa-stethoscope” icon_color=”#1e73be” icon=”pe-7f-like” bottom_spacing=”top” title=”Heart Diet” icon_hover_color=”#1e73be”]Pick themes, colors and effects in the astounding range that’s contained and ready to go.[/ch_feature_box]