January 15

Responsive Columns

0  comments

Using the Special Thrive Columns short-codes available in your "DFY" Done-For-You websites...really give your website a professional appearance. Giving you the ability to break-up the content into many different column widths.

You are also able to put ANY content into the columns, NOT just text.


[one_half_first]One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Praesent eget tristique diam. Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia. Duis consectetur mattis massa, luctus mollis libero scelerisque ac.[/one_half_first][one_half_last]One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Praesent eget tristique diam. Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia. Duis consectetur mattis massa, luctus mollis libero scelerisque ac.[/one_half_last]

[one_third_first]One Third 
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.[/one_third_first][one_third]One Third 
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.[/one_third][one_third_last]One Third 
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.[/one_third_last]

Below is an EXAMPLE of a One Third column with images inside.  You can put any content in the columns you desire from Text to Images, to Video and everything in between.

One Third Columns with Images

[one_third_first] Place Images in the Columnpeople_model_bw-300x229[/one_third_first][one_third]

Welcome to my website

[/one_third][one_third_last] Or combine Images and Textpeople_makeup_eyes[/one_third_last]

[two_third_first]Two Thirds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit.[/two_third_first][one_third_last]One Third
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.[/one_third_last]

[one_third_first]One Third
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.[/one_third_first][two_third_last]Two Thirds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit.[/two_third_last]

[one_fourth_first]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit.[/one_fourth_first][one_fourth]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit.[/one_fourth][one_fourth]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit.[/one_fourth][one_fourth_last]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit.[/one_fourth_last]

[one_fourth_3_first]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_3_first][three_fourth_last]Three Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Donec egestas, erat eu congue tempus, elit sapien mollis arcu, condimentum fringilla sapien tortor nec risus. Suspendisse ullamcorper, mauris ut mattis dignissim, magna arcu accumsan metus, id tempus risus ipsum eget urna.[/three_fourth_last]

[three_fourth_first]Three Fourths
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Donec egestas, erat eu congue tempus, elit sapien mollis arcu, condimentum fringilla sapien tortor nec risus. Suspendisse ullamcorper, mauris ut mattis dignissim, magna arcu accumsan metus, id tempus risus ipsum eget urna.[/three_fourth_first][one_fourth_3_last]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_3_last]

[one_fourth_2_first]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_2_first][one_fourth_2]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_2][one_half_last]One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Donec egestas, erat eu congue tempus, elit sapien mollis arcu.[/one_half_last]

[one_fourth_2_first]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_2_first][one_half]One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Donec egestas, erat eu congue tempus, elit sapien mollis arcu.[/one_half][one_fourth_2_last]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_2_last]

[one_half_first]One Half
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla, sed rhoncus quam tellus a sem. Integer et purus id dolor condimentum convallis non quis magna. Morbi ut est elit. Donec egestas, erat eu congue tempus, elit sapien mollis arcu.[/one_half_first][one_fourth_2]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_2][one_fourth_2_last]One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.[/one_fourth_2_last]

This is how the HTML Code looks that created the Columns above.

Enter HTML Code 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!