When writing articles, blog posts, tutorials, magazine entries or anything else, you will often want to include some images, charts, photographs, or even videos and code snippets to illustrate your content.
Info Boxes
[alert type=”alert-success”]Username and password do not match or you do not have an account yet.[/alert][alert type=”alert-warning”]Username and password do not match or you do not have an account yet.[/alert][alert type=”alert-error”]Username and password do not match or you do not have an account yet.[/alert]
Call to Action Button Set
[button_a1 type=”btn-hot-pink”]Like[/button_a1][button_a1 type=”btn-pink”]Like[/button_a1][button_a1 type=”btn-purple-low”]Like[/button_a1][button_a1 type=”btn-gray”]Like[/button_a1][button_a1 type=”btn-blue-1″]Like[/button_a1][button_a1 type=”btn-blue-2″]Like[/button_a1][button_a1 type=”btn-green”]Like[/button_a1][button_a1 type=”btn-blue-3″]Like[/button_a1][button_a1 type=”btn-orange”]Like[/button_a1][button_a1 type=”btn-red-orange”]Like[/button_a1][button_a1 type=”btn-yellow”]Like[/button_a1][button_a1 type=”btn-blue-4″]Like[/button_a1]
Rounded Call to Action Button Set
[button_a1 type=”round-btn btn-hot-pink”]Like[/button_a1][button_a1 type=”round-btn btn-pink”]Like[/button_a1][button_a1 type=”round-btn btn-purple-low”]Like[/button_a1][button_a1 type=”round-btn btn-gray”]Like[/button_a1][button_a1 type=”round-btn btn-blue-1″]Like[/button_a1][button_a1 type=”round-btn btn-blue-2″]Like[/button_a1][button_a1 type=”round-btn btn-green”]Like[/button_a1][button_a1 type=”round-btn btn-blue-3″]Like[/button_a1][button_a1 type=”round-btn btn-orange”]Like[/button_a1][button_a1 type=”round-btn btn-red-orange”]Like[/button_a1][button_a1 type=”round-btn btn-yellow”]Like[/button_a1][button_a1 type=”round-btn btn-blue-4″]Like[/button_a1]
Small Call to Action Button Set
[button_a1 type=”small-btn-base round-btn btn-hot-pink”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-pink”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-purple-low”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-gray”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-blue-1″]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-blue-2″]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-green”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-blue-3″]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-orange”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-red-orange”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-yellow”]Like[/button_a1][button_a1 type=”small-btn-base round-btn btn-blue-4″]Like[/button_a1]
Minimalist & Iconsh Buttons
[button_b type=”download”]Button[/button_b][button_b type=”close”]Button[/button_b][button_b type=”checked”]Button[/button_b][button_b type=”start”]Button[/button_b][button_b type=”cart”]Button[/button_b][button_b type=”search”]Button[/button_b]
[button_m type=”download”]Button[/button_m][button_m type=”close”]Button[/button_m][button_m type=”checked”]Button[/button_m][button_m type=”start”]Button[/button_m][button_m type=”cart”]Button[/button_m][button_m type=”search”]Button[/button_m]
Accordion
[accordion]
[acc_item title=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.”] Curabitur non placerat erat. Pellentesque convallis dolor eu turpis placerat, ut semper lectus varius. Donec ac mollis nibh. Integer faucibus eros ut egestas faucibus. Aliquam interdum diam vel orci iaculis consequat. Maecenas varius turpis sed mi commodo, vitae feugiat dui tempus. Aliquam elementum eu nisl at varius. Nunc leo dolor, porttitor eu risus in, adipiscing pellentesque lorem. Suspendisse faucibus dolor non ligula luctus, sit amet feugiat velit cursus. Maecenas nec elit elit. Nunc lorem ipsum, ullamcorper non urna in, imperdiet laoreet enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer quis adipiscing ante. Mauris at suscipit mauris, a consequat justo. [/acc_item]
[acc_item title=”Suspendisse non massa bibendum purus interdum vehicula.”]Proin sed dolor id leo dictum mattis et non libero. In scelerisque, felis vitae venenatis commodo, turpis nibh iaculis nisl, ut pellentesque est velit eu tellus. Cras imperdiet metus et elit commodo, nec commodo odio venenatis. Nullam tortor tortor, commodo sit amet pharetra vitae, laoreet nec enim. Maecenas vitae aliquam metus. Vestibulum eleifend tempus nibh, ut scelerisque est pharetra sed. Aliquam porta tincidunt justo, in molestie enim consectetur at. Cras sollicitudin sem id massa ultrices, sit amet pretium justo semper. Nam scelerisque ante nec ipsum convallis, sit amet malesuada odio ullamcorper. Nam eu venenatis arcu.[/acc_item]
[acc_item title=”Sed vel neque vel turpis varius vestibulum eu at massa.”]Nam eu elit eget risus ullamcorper scelerisque non eget mi. Sed non velit tempor dui sollicitudin imperdiet. Praesent blandit pharetra blandit. Ut a massa egestas, pharetra nisl sit amet, malesuada orci. Donec mollis ac nulla vel pharetra. Vivamus rhoncus dolor in mauris pharetra suscipit. Nunc dolor mauris, sollicitudin quis malesuada nec, porttitor in lectus. Sed sollicitudin tincidunt sapien eu consectetur. Nam bibendum erat non pretium tristique. Aenean nunc est, convallis sed enim at, tristique tempor dolor. Duis leo arcu, sollicitudin vulputate purus eget, dapibus iaculis arcu. [/acc_item]
[acc_item title=”Morbi eleifend iaculis quam vitae ornare.”]Proin sed dolor id leo dictum mattis et non libero. In scelerisque, felis vitae venenatis commodo, turpis nibh iaculis nisl, ut pellentesque est velit eu tellus. Cras imperdiet metus et elit commodo, nec commodo odio venenatis. Nullam tortor tortor, commodo sit amet pharetra vitae, laoreet nec enim. Maecenas vitae aliquam metus. Vestibulum eleifend tempus nibh, ut scelerisque est pharetra sed. Aliquam porta tincidunt justo, in molestie enim consectetur at. Cras sollicitudin sem id massa ultrices, sit amet pretium justo semper. Nam scelerisque ante nec ipsum convallis, sit amet malesuada odio ullamcorper. Nam eu venenatis arcu.[/acc_item]
[/accordion]
Tabs
[tabs]
[tab_item title=”Aenean ac pharetra tortor”]Aenean ac pharetra tortor, id pulvinar felis. Morbi a sodales ligula. Duis sit amet lectus rutrum velit consectetur congue vel et dui. Maecenas bibendum id lectus quis lobortis. Donec eget pretium nisi, eget varius nisi. Pellentesque lobortis commodo lacus, quis placerat augue molestie nec. Duis massa augue, fermentum et turpis nec, posuere vestibulum dolor. Nulla id metus eu velit condimentum tristique. Proin eget interdum diam. Nam in porta orci, id pretium est. Morbi vel nunc ut quam venenatis facilisis. Suspendisse at pretium quam. Cras ut risus tempor, tempor lorem vitae, ullamcorper urna. Aenean id urna justo. Vivamus nisi risus, aliquam vel eros at, sodales adipiscing nulla. Fusce pretium malesuada accumsan. [/tab_item]
[tab_item title=”Nulla dictum mollis accumsan”]Nulla dictum mollis accumsan. Cras at volutpat massa. Integer eget urna sit amet massa tristique consectetur sit amet id nibh. Sed id metus elementum libero viverra interdum. Integer eleifend lacus vel diam aliquet sollicitudin. Aenean adipiscing nisl sit amet lacus scelerisque tincidunt. In odio justo, faucibus vitae sapien quis, molestie porta felis. Fusce facilisis nisl at consectetur dictum. Vestibulum tristique lorem condimentum mattis rutrum. Integer ac faucibus leo. Donec venenatis sem risus, quis euismod lacus suscipit quis. In consectetur cursus neque nec molestie. Etiam ligula lorem, sagittis sed tellus accumsan, volutpat mollis turpis. Nulla facilisi. Duis feugiat dictum ipsum at lobortis. [/tab_item]
[tab_item title=”Duis in mollis eros”]Duis in mollis eros. Nullam imperdiet, metus nec porta eleifend, nulla nunc lacinia ipsum, vel fringilla ipsum sem eu tortor. Integer ullamcorper nec orci tempus rutrum. Pellentesque diam tellus, consequat dignissim ultricies id, pharetra ut ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec scelerisque, felis non faucibus sodales, elit mi luctus magna, vitae feugiat turpis arcu vel nibh. Duis malesuada turpis non viverra pretium. Fusce imperdiet dui odio, id tincidunt erat faucibus sed.[/tab_item]
[tab_item title=”Suspendisse turpis nisi”]Suspendisse turpis nisi, ornare eu fermentum id, accumsan dictum sem. Sed sit amet fringilla libero. Sed laoreet tincidunt tincidunt. Mauris quis odio ac urna vestibulum eleifend porta nec tortor. Proin elementum non sapien eget bibendum. Nunc euismod risus eu dictum scelerisque. Nam sed ipsum quam. Nulla ac porta elit. Phasellus luctus nulla scelerisque elit venenatis, vitae placerat leo viverra. Nulla auctor mauris et arcu mattis, et volutpat mauris viverra. Proin dapibus et tortor ac posuere. [/tab_item]
[/tabs]
Slide
[slidesjs][slidesjs_item link=”text link”]http://farm3.staticflickr.com/2525/3825079455_d4ffaa88d3_z.jpg[/slidesjs_item][slidesjs_item link=”text link”]http://farm5.staticflickr.com/4027/4472758405_37a75488f0_z.jpg[/slidesjs_item][slidesjs_item link=”text link”]http://farm5.staticflickr.com/4041/4472758281_32f2a2c3b6_z.jpg[/slidesjs_item][slidesjs_item link=”text link”]http://farm6.staticflickr.com/5131/5474937118_2b3ab0077d_z.jpg[/slidesjs_item][/slidesjs]
list
[list_items class=”Aenean”]
[list_item]Aenean vitae turpis eget metus rutrum facilisis iaculis eget sapien.[/list_item]
[list_item]Aenean semper, enim et vestibulum placerat, eros eros lobortis dolor[/list_item]
[list_item]Cras vulputate eleifend ornare. Phasellus in tortor mi. Quisque egestas[/list_item]
[/list_items]
[list_items type=”list-check” class=”adipiscing “]
[list_item]Sed non metus et lorem adipiscing fringilla. Phasellus ornare [/list_item]
[list_item]Mauris sed mi in magna dictum faucibus. Duis et eros eleifend[/list_item]
[list_item]Etiam non tortor id dolor pellentesque aliquet[/list_item]
[/list_items]
Pricing Tables
[pricing_table type=”1″][pricing_column title=”Enterprise”][pricing_price ]Price: $59 [/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]20 Email Accouts[/pricing_content][pricing_content]100GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”small-btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][pricing_column title=”Enterprise”][pricing_price ]Price: $59 [/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]20 Email Accouts[/pricing_content][pricing_content]100GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”small-btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][pricing_column title=”Enterprise”][pricing_price ]Price: $59 [/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]20 Email Accouts[/pricing_content][pricing_content]100GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”small-btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][pricing_column title=”Enterprise”][pricing_price ]Price: $59 [/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]20 Email Accouts[/pricing_content][pricing_content]100GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”small-btn-base btn-gray”]SIGN UP[/pricing_footer][/pricing_column][pricing_column title=”Enterprise”][pricing_price ]Price: $59 [/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]20 Email Accouts[/pricing_content][pricing_content]100GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”small-btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][/pricing_table]
[pricing_table type=”2″][pricing_column title=”Professional”][pricing_price ]Price: $29[/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]10 Email Accouts[/pricing_content][pricing_content]50GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][pricing_column title=”Professional”][pricing_price ]Price: $29[/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]10 Email Accouts[/pricing_content][pricing_content]50GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][pricing_column title=”Professional”][pricing_price ]Price: $29[/pricing_price][pricing_content]10GB Disk Space[/pricing_content][pricing_content]10 Email Accouts[/pricing_content][pricing_content]50GB Monthly Bandwidth[/pricing_content][pricing_content]Unlimited subdomains[/pricing_content][pricing_footer type=”btn-base btn-gray “]SIGN UP[/pricing_footer][/pricing_column][/pricing_table]
Table
[ttable][tth row=”]STT[/tth][tth row=”]Full name[/tth][tth row=”]Description[/tth][ttr][ttd]1[/ttd][ttd]simply[/ttd][ttd]It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like[/ttd][/ttr][/ttable]