[alert]Information box[/alert]
[alert type=”success”]Success information box[/alert]
[alert type=”notice”]Notice box[/alert]
[alert type=”error”]Error box[/alert]
Accordion Example
[accordion type=”only-one-visible”]
[accordion-item title=”Purus Ridiculus Amet” opened=”true”]
Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
[/accordion-item]
[accordion-item title=”Pharetra Ornare Elit”]
Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.
[/accordion-item]
[accordion-item title=”Lorem Fermentum”]
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
[/accordion-item]
[/accordion]
[sep][/sep]
Tab Container
[tabs]
[tab id=”tab1″ title=”Tab1″ active=”true”]
Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consect.
[/tab]
[tab id=”tab2″ title=”Tab2″]
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
[/tab]
[tab id=”tab3″ title=”Tab3″]
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor.
[/tab]
[/tabs]
[sep][/sep]
[call-to-action title=”We are 1studio! Need more support or a free quote?” text=”Call (+1) 234 567 89 tellus curcus condo, please contact me for whatever you need.”][button url=”#” size=”full-width”]Contact Us[/button][/call-to-action]
[sep][/sep]
Pricing Table
[pricing-table]
[grid1 first=”true”]
[pricing-column title=”Free” cost=”$0″]
- Feature 1
- Feature 2
- Feature 3
[button href=”#” color=”gray”]Read More[/button]
[/pricing-column]
[/grid1]
[grid1]
[pricing-column title=”Standard” cost=”$19.99″]
- Feature 1
- Feature 2
- Feature 3
[button href=”#” color=”gray”]Read More[/button]
[/pricing-column]
[/grid1]
[grid1]
[pricing-column title=”Deluxe” cost=”$39.99″ highlight=”true”]
- Feature 1
- Feature 2
- Feature 3
[button href=”#”]Read More[/button]
[/pricing-column]
[/grid1]
[grid1 last=”true”]
[pricing-column title=”Premium” cost=”$69.99″]
- Feature 1
- Feature 2
- Feature 3
[button href=”#” color=”gray”]Read More[/button]
[/pricing-column]
[/grid1]
[/pricing-table]
[sep][/sep]
Responsive Video
[responsive-video][/responsive-video]
[sep][/sep]
Social Icons
[social-link type=”icon-github” title=”Github”][/social-link] [social-link type=”icon-envato” title=”Envato”][/social-link] [social-link type=”icon-flickr” title=”Flickr”][/social-link] [social-link type=”icon-vimeo” title=”Vimeo”][/social-link] [social-link type=”icon-twitter” title=”Twitter”][/social-link] [social-link type=”icon-facebook” title=”Facebook”][/social-link] [social-link type=”icon-googleplus” title=”Google+”][/social-link] [social-link type=”icon-tumblr” title=”Tumblr”][/social-link] [social-link type=”icon-linkedin” title=”Linkedin”][/social-link] [social-link type=”icon-dribbble” title=”Dribbble”][/social-link] [social-link type=”icon-instagram” title=”Instagram”][/social-link] [social-link type=”icon-skype” title=”Skype”][/social-link] [social-link type=”icon-soundcloud” title=”SoundCloud”][/social-link] [social-link type=”icon-mail” title=”Email”][/social-link]
[sep][/sep]
Form Elements
[sep][/sep]
Buttons
Here are some awesome buttons for your design, choose whatever fits your needs. [button url=”#” size=”small”]Small button[/button] followed by a [button url=”#” size=”small” color=”dark”]Small dark[/button] button and [button url=”#” size=”small” color=”gray”]Small gray[/button]
[button url=”#”]Color[/button] [button url=”#” color=”dark”]Dark[/button] [button url=”#” color=”gray”]Gray[/button]
If you need bigger buttons, a call to action or the big ol’download button we created them for you.
[button url=”#” size=”big”]Big Color[/button] [button url=”#” size=”big” color=”dark”]Big Dark[/button] [button url=”#” size=”big” color=”gray”]Big Gray[/button]
The buttons can scale on full column width.
[button url=”#” size=”big full-width” color=”grey”]Full Column Width Button[/button]
[sep][/sep]
Grid Layout
[grid4 first=”true” last=”true”][blockquote]Full Grid – 4 columns[/blockquote][/grid4]
[grid1 first=”true”][blockquote]1 column[/blockquote][/grid1]
[grid3 last=”true”][blockquote]One Third – 3 columns[/blockquote][/grid3]
[clear]
[grid2 first=”true”][blockquote]Half Grid – 2 columns[/blockquote][/grid2]
[grid2 last=”true”][blockquote]Half Grid – 2 columns[/blockquote][/grid2]
[clear]