CSS3 Buttons
[two_third_last]
[btn link=”#” color=”aqua”]Button Size 0[/btn] [btn link=”#” color=”crimson”]Button Size 0[/btn] [btn link=”#” color=”dimGrey”]Button Size 0[/btn] [btn link=”#” color=”paleVioletRed”]Button Size 0[/btn] [btn link=”#” color=”peru”]Button Size 0[/btn] [btn link=”#” color=”plum”]Button Size 0[/btn]
[btn link=”#” color=”purple”]Button Size 0[/btn] [btn link=”#” color=”rosyBrown”]Button Size 0[/btn] [btn link=”#” color=”royalBlue”]Button Size 0[/btn] [btn link=”#” color=”salmon”]Button Size 0[/btn] [btn link=”#” color=”sandyBrown”]Button Size 0[/btn] [btn link=”#” color=”seaGreen”]Button Size 0[/btn]
[btn link=”#” color=”skyBlue”]Button Size 0[/btn] [btn link=”#” color=”slateGrey”]Button Size 0[/btn] [btn link=”#” color=”steelBlue”]Button Size 0[/btn] [btn link=”#” color=”tan”]Button Size 0[/btn] [btn link=”#” color=”teal”]Button Size 0[/btn] [btn link=”#” color=”tomato”]Button Size 0[/btn]
[btn link=”#” color=”turquoise”]Button Size 0[/btn] [btn link=”#” color=”yellowGreen”]Button Size 0[/btn]
[btn link=”#” color=”crimson”]Size 0[/btn] [btn link=”#” color=”peru” size=”size-m”]Size 1[/btn] [btn link=”#” color=”purple” size=”size-l”]Size 2[/btn] [btn link=”#” color=”yellowGreen” size=”size-xl”]Size 3[/btn] [btn link=”#” color=”salmon” size=”size-xxl”]Size 4[/btn]
[/two_third_last]
[hr_dotted]
Tabs, Accordion and Toggle
[two_third_last]
[tabs]
[/tabs]
[/two_third_last]
[two_third_last]
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.
[/two_third_last]
[two_third_last]
[toggle title=”Toggle Content”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.
[/toggle]
[/two_third_last]
[hr_dotted]
Information Boxes
[two_third_last]
[box style=”0″]
Normal theme box
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/box]
[box style=”1″]
Information or warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/box]
[box style=”2″]
Success
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/box]
[box style=”3″]
Error or restriction
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/box]
[box style=”4″]
Event Notification
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/box]
[/two_third_last]
[hr]
Stylish Unordered Lists
[two_nineth]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth]
[two_nineth]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth]
[two_nineth_last]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth_last]
[two_nineth]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth]
[two_nineth]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth]
[two_nineth_last]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth_last]
[two_nineth]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth]
[two_nineth]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth]
[two_nineth_last]
- Web Design
- Development
- Illustration
- Printing and Media
[/two_nineth_last]
[hr]
Line Separators
1. Single Line
[hr]
2. Double Line
[dhr]
3. 3D Bar
[hr_3d]
4. Diagonal Strips
[hr_strip]
5. Single dotted line
[hr_dotted]
Images with Timthumb and Borders
[hr_dotted]
[one_third]
No Border No Link
[/one_third]
[one_third_last]
Thick Border w/ PrettyPhoto
[/one_third_last]
[one_third]
Thin Border w/ Custom Link
[/one_third]
[one_third_last]
Paper Fold on Hover
[/one_third_last]