Spritz Logo

Weaving the Power of the Web into Your Business!

Textboxes

These textboxes all use a class of "textbox", along with a color class. The color classes are success, warning, error, notice and info.

This textbox has classes of "textbox" and "success". Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus eu metus. Sed auctor elementum odio. Pellentesque posuere rutrum tortor. Pellentesque sed ligula quis ligula porttitor elementum. Nam hendrerit blandit mi. Aliquam magna nibh, tincidunt quis, dignissim nec, facilisis vitae, lectus. Quisque eget quam sit amet turpis.

This textbox has classes of "textbox" and "warning". Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus eu metus. Sed auctor elementum odio. Pellentesque posuere rutrum tortor. Pellentesque sed ligula quis ligula porttitor elementum. Nam hendrerit blandit mi. Aliquam magna nibh, tincidunt quis, dignissim nec, facilisis vitae, lectus. Quisque eget quam sit amet turpis.

This textbox has classes of "textbox" and "error". Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus eu metus. Sed auctor elementum odio. Pellentesque posuere rutrum tortor. Pellentesque sed ligula quis ligula porttitor elementum. Nam hendrerit blandit mi. Aliquam magna nibh, tincidunt quis, dignissim nec, facilisis vitae, lectus. Quisque eget quam sit amet turpis.

This textbox has classes of "textbox" and "notice". Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus eu metus. Sed auctor elementum odio. Pellentesque posuere rutrum tortor. Pellentesque sed ligula quis ligula porttitor elementum. Nam hendrerit blandit mi. Aliquam magna nibh, tincidunt quis, dignissim nec, facilisis vitae, lectus. Quisque eget quam sit amet turpis.

This textbox has classes of "textbox" and "info". Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus eu metus. Sed auctor elementum odio. Pellentesque posuere rutrum tortor. Pellentesque sed ligula quis ligula porttitor elementum. Nam hendrerit blandit mi. Aliquam magna nibh, tincidunt quis, dignissim nec, facilisis vitae, lectus. Quisque eget quam sit amet turpis.

Alerts

These are alerts, using a class of "alert" along with color classes for the color. The color classes correspond with the textboxes.

Using "alert" and "success_msg". Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Using "alert" and "warning_msg". Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Using "alert" and "error_msg". Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Using "alert" and "notice_msg". Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Using "alert" and "info_msg". Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia

Blockquotes

This is a blockquote. Lorem ipsum dolor sit amet. Nam hendrerit blandit mi. Aliquam magna nibh, quis, dignissim nec, facilisis vitae, lectus. Quisque eget quam sit amet turpis.
Integer eu libero sit amet nisl vestibulum semper. Fusce nec porttitor massa. In nec neque elit. Curabitur malesuada ligula vitae purus ornare onec etea magna diam varius.
John, Web Developer

Information Boxes

White Info Box [Default]
Nulla molestie metus est. Proin id neque ut ligula aliquet condimentum. Curabitur sed bibendum mauris. Nullam hendrerit arcu vel libero volutpat mattis eget a nisi.Vestibulum ac tortor ut nisi hendrerit tincidunt quis in felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam fermentum semper ligula ac bibendum.
Blue Info Box
Nulla molestie metus est. Proin id neque ut ligula aliquet condimentum. Curabitur sed bibendum mauris. Nullam hendrerit arcu vel libero volutpat mattis eget a nisi.Vestibulum ac tortor ut nisi hendrerit tincidunt quis in felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam fermentum semper ligula ac bibendum.
Green Info Box
Nulla molestie metus est. Proin id neque ut ligula aliquet condimentum. Curabitur sed bibendum mauris. Nullam hendrerit arcu vel libero volutpat mattis eget a nisi.Vestibulum ac tortor ut nisi hendrerit tincidunt quis in felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam fermentum semper ligula ac bibendum.
Orange Info Box
Nulla molestie metus est. Proin id neque ut ligula aliquet condimentum. Curabitur sed bibendum mauris. Nullam hendrerit arcu vel libero volutpat mattis eget a nisi.Vestibulum ac tortor ut nisi hendrerit tincidunt quis in felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam fermentum semper ligula ac bibendum.
Red Info Box
Nulla molestie metus est. Proin id neque ut ligula aliquet condimentum. Curabitur sed bibendum mauris. Nullam hendrerit arcu vel libero volutpat mattis eget a nisi.Vestibulum ac tortor ut nisi hendrerit tincidunt quis in felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam fermentum semper ligula ac bibendum.