Demo Content Sections

In this part we list content from pages that we use for Sections on the Front page of our demo site. You can use them as sample in case you want to build your Sections from scratch and need them for a reference.

To understand more about building these shortcodes with SquareRoot, you can move to the next part and read about our Shortcode Generator.

Shortcodes are listed under page names.

Home
[heading style=”4″ title=”Johnny Doe”]Code Monkey & Designer[/heading]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [button link=”#” size=”larger” align=”center” position=”10% none none none”]DOWNLOAD RESUME[/button]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [more text=”learn more about me”]
About
[row width=”boxed” padding=”40 0 10 40″][column width=”1/4″ border_color=”#eee” border=”0 0 0 3″ margin=”0 0 30 0″ padding=”0 0 0 30″ extra_class=”col-xs-12″][row_inner]<strong>BIRTHDATE</strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 18-05-1984[/row_inner][/column][column width=”1/4″ border_color=”#eee” border=”0 0 0 3″ margin=”0 0 30 0″ padding=”0 0 0 30″ extra_class=”col-xs-12″][row_inner]<strong>WORK AS</strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> Freelancer[/row_inner][/column][column width=”1/4″ border_color=”#eee” border=”0 0 0 3″ margin=”0 0 30 0″ padding=”0 0 0 30″ extra_class=”col-xs-12″][row_inner]<strong>PHONE NO</strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 8790200300[/row_inner][/column][column width=”1/4″ border_color=”#eee” border=”0 0 0 3″ margin=”0 0 30 0″ padding=”0 0 0 30″ extra_class=”col-xs-12″][row_inner]<strong>EMAIL ADDRESS</strong><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> johnny@doe.com[/row_inner][/column][/row][row border_color=”#eee” border=”2 0 0 0″ padding=”0 0 40 0″][/row][row width=”boxed”]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [heading title=”About Me”]Who Am I[/heading]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [row_inner]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [column width=”1/3″ extra_class=”profile”][icon_box icon_border=”2″ icon_border_color=”#eee” icon_type=”custom” icon_position=”top” icon_url=”http://demo.thimpress.com/wordpress/squareroot-resume/wp-content/uploads/2014/06/author-pic_gray.jpg”][/icon_box][/column]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [column width=”2/3″]
Skills
[row][row_inner][heading style=”2″]Skills[/heading][/row_inner][row_inner][column width=”1/4″ extra_class=”col-xs-6″][statistics text=”JavaScript” percent=”75″][/column][column width=”1/4″ extra_class=”col-xs-6″][statistics text=”HTML/CSS3″ percent=”90″][/column][column width=”1/4″ extra_class=”col-xs-6″][statistics text=”Photoshop” percent=”80″][/column][column width=”1/4″ extra_class=”col-xs-6″][statistics text=”C/C++” percent=”70″][/column][/row_inner][/row]
Services
[row width=”boxed”]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [heading title=”Services”]What I do[/heading]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [row_inner margin=”0 0 40 0″]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra.[/row_inner]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/row]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [row width=”boxed” padding=”0 5 0 5″][column width=”1/3″ extra_class=”service_box1″][row_inner border_color=”#b2b2b2″ border=”1 1 1 1″ padding=”10 0 0 0″][icon_box title=”WEB DESIGN” title_size=”4″ title_color=”#ffffff” title_bg_color=”#151D2A” title_padding=”15″ icon_width=”100″ icon_height=”100″ icon_color=”#151D2A” icon_position=”top” icon_size=”85″ icon=”fa fa-heart-o”]<p<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> style=”padding: 10px;”>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit nibh vel velit.</p>[/icon_box][/row_inner][/column]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [column width=”1/3″ extra_class=”service_box2″][row_inner border_color=”#b2b2b2″ border=”1 1 1 1″ padding=”10 0 0 0″][icon_box title=”IOS DEVELOPMENT” title_size=”4″ title_color=”#ffffff” title_bg_color=”#151D2A” title_padding=”15″ icon_width=”100″ icon_height=”100″ icon_color=”#151D2A” icon_position=”top” icon_size=”85″ icon=”fa fa-mobile”]<p<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> style=”padding: 10px;”>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit nibh vel velit.</p>[/icon_box][/row_inner][/column]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [column width=”1/3″ extra_class=”service_box3″][row_inner border_color=”#b2b2b2″ border=”1 1 1 1″ padding=”10 0 0 0″][icon_box title=”FULL SUPPORT” title_size=”4″ title_color=”#ffffff” title_bg_color=”#151D2A” title_padding=”15″ icon_width=”100″ icon_height=”100″ icon_color=”#151D2A” icon_position=”top” icon_size=”85″ icon=”fa fa-life-ring”]<p<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> style=”padding: 10px;”>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit nibh vel velit.</p>[/icon_box][/row_inner][/column]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/row]
Quotes
[quotes author=”Steve Jobs”]Be a yardstick of quality. Some people aren’t used to an environment where excellence is expected.[/quotes]
Resume
[heading title=”Resume”]My entire career[/heading]
Statistics
[heading style=”2″]Statistics[/heading][column width=”1/4″ extra_class=”col-xs-6″][statistics percent=”3″ style=”2″ text=”years of experience”][/column][column width=”1/4″ extra_class=”col-xs-6″][statistics percent=”300″ style=”2″ text=”projects completed”][/column][column width=”1/4″ extra_class=”col-xs-6″][statistics percent=”2088″ style=”2″ text=”hours of work”][/column][column width=”1/4″ extra_class=”col-xs-6″][statistics percent=”2494″ style=”2″ text=”coffee cans”][/column]
Pricing Table
[row width=”boxed”]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [row_inner]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [heading title=”Pricing Table”]HOW MUCH I CHARGE?[/heading]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/row_inner]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [row_inner]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [pricing-table id=268 currency=”$”]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/row_inner]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/row]
Testimonials
[row margin=”10 0 10 0″]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [heading style=”2″]testimonials[/heading]</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <p>[carousel btn_bottom=”true” auto_play=”true” item_view=”1″]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [carousel_item][icon_box title=”Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor.” title_color=”#ffffff” title_size=”6″ icon_color=”#ffffff” icon_position=”top” icon_size=”30″ icon=”fa fa-quote-left”]<strong>EMILY WATSON, CYX LLC.</strong>[/icon_box][/carousel_item]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [carousel_item][icon_box title=”Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.” title_size=”6″ title_color=”#ffffff” icon_color=”#ffffff” icon_position=”top” icon_size=”30″ icon=”fa fa-quote-left”]<strong>JOHN WATSON, XYZ LTD.</strong>[/icon_box][/carousel_item]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/carousel][/row]
Portfolio
[heading title=”Portfolio”]Work done so far[/heading]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [row margin=”0 0 40 0″]Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu adilip litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo.[/row]
Blog
[heading title=”Blog”]Our Journal[/heading]
Contacts box
[box_contact email=”your-email@domain.com” telephone=”1234-567-910″ address=”your-address”][/box_contact]
Contact
[row width=”boxed”]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [heading title=”Contact”]Get in touch with me[/heading]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [contact-form-7 id=”232″ title=”Contact form 1″ html_id=”contact-form” html_class=”contact-form row”]<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> [/row]