January 16

Feature Grid Example

0  comments

A feature grid is the perfect way to showcase multiple features or services in a compelling way:

[grid_one_half title=”First Feature” img=”http://buildmyfirstwebsite.org/wp-content/uploads/2015/01/donut.png” size=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum odio in egestas convallis. Pellentesque in augue mi. Aliquam id ultricies metus, non viverra velit.[/grid_one_half][grid_one_half_last title=”Second Feature” img=”http://buildmyfirstwebsite.org/wp-content/uploads/2015/01/mcfly.png” size=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum odio in egestas convallis. Pellentesque in augue mi. Aliquam id ultricies metus, non viverra velit.[/grid_one_half_last]


[grid_one_half title=”Third Feature” img=”http://buildmyfirstwebsite.org/wp-content/uploads/2015/01/map.png” size=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum odio in egestas convallis. Pellentesque in augue mi. Aliquam id ultricies metus, non viverra velit.[/grid_one_half][grid_one_half_last title=”Fourth Feature” img=”http://buildmyfirstwebsite.org/wp-content/uploads/2015/01/hamburger.png” size=”medium”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum odio in egestas convallis. Pellentesque in augue mi. Aliquam id ultricies metus, non viverra velit.[/grid_one_half_last]

The feature grid shows a grid of images and short descriptions. On smaller screens, the grid is fully responsive and switches to showing the images above the text, to save horizontal space.

Code Example:

Enter your text here...


Tags


You may also like

TCB Custom HTML Element

TCB Credit Card Icons Example

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

Subscribe to our newsletter now!