Full Width

Use the inbuilt shortcode generator that comes with this theme to easily make sophisticated layouts without to much hassle. You can just enter them inside the post editor directly from the drop down menu! Check them out below:

Accordions & Toogles

[row] [column width=”span6″ offset=”offset0″][accordions] [accordion title=”Accordion Title”] magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem [/accordion] [accordion title=”Another Accordion”] At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis [/accordion] [accordion title=”Even another accordion”] Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint. [/accordion] [/accordions][/column] [column width=”span6″ offset=”offset0″][toggles] [toggle title=”Toggle Title Here”] Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. [/toggle] [toggle title=”Another Toggle”] Nulla ac feugiat justo, luctus cursus arcu. Donec volutpat eros nisi, eu molestie risus congue vel. Sed luctus orci sit amet diam cursus vehicula. Aliquam vitae dictum diam. Mauris fermentum euismod felis, at rutrum nisi faucibus a. Nullam laoreet posuere nisl. Nunc interdum iaculis hendrerit. Nunc venenatis mollis justo id euismod. [/toggle] [toggle title=”Even Another Toggle”] magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem. [/toggle] [/toggles][/column] [/row]

Alerts Boxes & Tabs

[row][column width=”span6″ offset=”offset0″][alert color=”grey”] Oh snap! Change a few things up and try submitting again. [/alert][alert color=”red”] This is an imminent danger message![/alert][alert color=”green”] Dude, chillax. S’all good.[/alert][alert color=”yellow”] Warning: Almost in danger message alert![/alert][alert color=”blue”]Heads up! This alert needs your attention[/alert][/column][column width=”span6″ offset=”offset0″][accio_tabs] [accio_tab title=”Tab 1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non ipsum ac elit interdum mattis. Ut ultricies pretium felis, at porta nunc. Sed non egestas magna. Cras at venenatis libero. Ut in nunc tempus, faucibus mi faucibus, pulvinar elit. Phasellus eget dui ultricies, dignissim odio ac, aliquet nisi. Suspendisse in luctus neque, at molestie diam.[/accio_tab] [accio_tab title=”Tab 2″] Cras ac est euismod, pulvinar leo et, fermentum erat. Proin venenatis tortor quis ligula ultricies faucibus. Phasellus tristique diam sem, nec sodales massa vulputate quis. Phasellus in velit quis orci accumsan tempor. In ut gravida diam. Morbi vulputate dignissim interdum. Donec convallis auctor nisi, sit amet eleifend felis mattis in.[/accio_tab] [/accio_tabs][/column][/row]

Buttons

[row][column width=”span6″ offset=”offset0″][button url=”#” color=”red” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”green” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”purple” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”yellow” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”navy” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”strikemaster” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”hippie-blue” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”picton-blue” size=”small” target=”_parent”] Button Text [/button][button url=”#” color=”gray” size=”small” target=”_parent”] Button Text [/button][/column] [column width=”span6″ offset=”offset0″][button url=”#” color=”red” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”green” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”purple” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”yellow” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”navy” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”strikemaster” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”hippie-blue” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”picton-blue” size=”large” target=”_parent”] Button Text [/button][button url=”#” color=”gray” size=”large” target=”_parent”] Button Text [/button][/column][/row]
[row][column width=”span6″ offset=”offset0″]

Progress Bars

[progress filledcolor=”#e96045″ unfilledcolor=”#ebedef” value=”95″]JQUERY[/progress][progress filledcolor=”#27ae60″ unfilledcolor=”#ebedef” value=”75″]PHP[/progress][progress filledcolor=”#e67e22″ unfilledcolor=”#ebedef” value=”50″]DESIGN[/progress][progress filledcolor=”#34495e” unfilledcolor=”#ebedef” value=”30″]Apps[/progress][/column][column width=”span6″ offset=”offset0″]

Social Icons

[social twitter=”#” facebook=”#” linkedin=”#” pinterest=”#” paypal=”#” delicious=”#” gplus=”#” stumbleupon=”#” foursquare=”#” path=”#” dribbble=”#” tumblr=”#” flickr=”#” spotify=”#” instagram=”#” behance=”#” github=”#” fivehundredpx=”#” grooveshark=”#” forrst=”#” digg=”#” reddit=”#” rss=”#” skype=”#” youtube=”#” vimeo=”#” myspace=”#” amazon=”#” ebay=”#” lastfm=”#” soundcloud=”#” posterous=”#” picasa=”#” wordpress=”#” windows=”#” evernote=”#”][/column][/row]
[row][column width=”span12″ offset=”offset0″]

Soundcloud

[/column][/row]

Leave a Reply

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