Button
[button url="http://www.creativewhim.com" text="Button"]
Alert Box
[alert close="true"]This is an alert with an 'X' in the right-hand corner to close it.[/alert]
[alert]This is also an alert, but this one has no 'X' to close it. It's simply a pretty box![/alert]
[alert type="alert" close="true"]This is a warning alert.[/alert]
[alert type="success" close="true"]This is a warning alert.[/alert]
Divider
[divider]
Labels
[label]Normal Label[/label]
[label type="alert"]Normal Label[/label]
Normal Label Secondary Label Success Label Alert Label
Toggle
[toggle]<p>You can write all your toggled text here! Feel free to use HTML if you want.</p>[/toggle]
Click to Open
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Columns
This layout is based on a 12-column grid system. You start by creating one ‘row’, which is essentially one line of columns. Then you can populate that row with as many columns as you want, as long as the total adds up to 12.
[row]
[column length="3"]Text goes here.[/column]
[column length="3"]Text goes here.[/column]
[column length="6"]Text goes here.[/column]
[/row]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros.
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet
6 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet
6 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet
5 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis.
7 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet, velit massa convallis quam, ut iaculis ante neque nec felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius fringilla convallis. Vestibulum a orci nec sapien rhoncus bibendum imperdiet eget eros. Aliquam ullamcorper enim non enim tempus euismod. Pellentesque eget mauris felis. Praesent quis tortor sed diam venenatis eleifend et vel lorem. Quisque egestas, purus eu malesuada imperdiet, velit massa convallis quam, ut iaculis ante neque nec felis.
Recent Comments