January 15, 2015

Responsive Columns

Columns

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
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
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 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 
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 
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.

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

Place Images in the Columnpeople_model_bw-300x229

Welcome to my website

Or combine Images and Textpeople_makeup_eyes

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.

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
Donec suscipit at velit a tincidunt. Maecenas luctus lectus eu enim mattis, ut aliquet urna rhoncus. Phasellus non eros sed diam ultricies lacinia.

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.

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
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
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
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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

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 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.

One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

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 Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

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 Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

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 Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

One Fourth
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada, quam eget rhoncus sagittis, sapien erat aliquam nulla.

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

Enter HTML Code here

2nd Admin

Click Here to Leave a Comment Below

Leave a Reply: