Social Media

A simple solution for having tabbed content on a large screen but turn it into accordion on a smaller one when the time is right. Just resize your screen to see the tabbed interface transforming into an accordion.

In order to keep the HTML as clean as possible, without duplicating elements, we use element attributes as CSS content to display the accordion tabs. Read more

150 10

150 10

150 10

150 10

150 10

150 10



150 10

150 10

150 10

150 10

150 10

150 10



150 10

150 10

150 10

150 10

150 10

150 10



150 10

150 10

150 10

150 10

150 10

150 10

Tab 2 content. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

150 10

150 10

150 10



150 10

150 10

150 10



150 10

150 10

150 10



150 10

150 10

150 10



150 10

150 10

150 10


Tab 3 content. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

150 10

150 10

150 10



150 10

150 10

150 10



150 10

150 10

150 10

150 10



150 10

150 10

150 10

150 10

150 10

150 10



150 10

150 10

150 10

150 10

150 10

150 10



150 10

150 10

150 10

150 10

150 10

150 10