- Hover Buttons
- Image Scroller
- Icon Boxes
- Buttons
- Boxes + Callouts
- Carousel
- Contact Form
- Lines + Dividers
- Lists
- Tables
- Google Maps
- Fancybox
- Google Trends
- Google Docs
- Google Charts
- Audio
- Video
- Related
- Responsive Columns
- Retina Icons
- Progress Bars
- Tabs
- Toggle
- Tooltip + Popover + Modal
- Typography
- SVG Drawings
- Spinning Icons
- Sections - Parallax
- Animated
- Swiper
- Icon Melon
- Accordion
Dropcap Quotes Code Highlight Label Text Color Abbreviation
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Dropcaps Typography
Dropcaps are a subtle typographic technique that can easily add flare and improve the hierarchy of your post copy and a nice way to lead the reader into your paragraphs. Simply wrap a little at the beginning of your paragraph with the Dropcap Shortcode and it will become nested within the body content. You can use them throughout your content but they are usually used on the first letter of each paragraph. We have four different styles to choose from.
4 Alternative Styles: light, light_circled, dark, dark_circled
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.[st_dropcap type=’light’]L[/st_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
[st_dropcap type=’light_circled’]L[/st_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
[st_dropcap type=’dark’]L[/st_dropcap]lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
[st_dropcap type=’dark_circled’]l[/st_dropcap]BE CREATIVE
Testimonials + Quotes
Supreme Block/PullQuotes & Testimonials shortcodes offer an easy way for you to cine an author or fellow blogger and give you Superior Typography.
Testimonials are an important way to gain the trust of your visitors. With easy to use Testimonial Shortcode, you can enter your Testimonials once and then display them throughout your site in endless ways. Gaining the trust of your viewers is important, and now it’s easier than ever to create styled Testimonial blurbs on any of your posts or pages. Now you have an easy way to add styled testimonials to your posts and pages.
Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis
Use Testimonials and let your Client speak
[st_quote author=”Use Testimonials and let your Client speak”]Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis[/st_quote]Using the Quote Shortcode, you can choose to emphasize your pull quotes, and guide readers focus effectively.
Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis
[st_quote author=””]Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo, Praesent non dolor in ante tincidunt viverra vitae ut massa. Nulla justo lorem, tincidunt quis pretium hendrerit, adipiscing quis[/st_quote]Customization Options
Highlight + Label + Abbreviation + HTML Styles Typography
All the standard Inline Elements, just in case you need them!
Heading 1 / Bold
Heading 2 / Bold
Heading 3 / Bold
Heading 4 / Bold
Heading 5 / Bold
Heading 6 / Bold
This is Default Label. Lorem ipsum dosectetur adipisicing Mark element with yellow highlight. This is sup element elit, sed do. This is New Label. Lorem ipsum, this is italic text, dolor sit amet, This is Warning Label, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut This is del enim ad minim veniam.Mark element with gray highlight, sed do. , consectetur adipisicing. Lorem ipsum dosectetur adipisicing elit, strong text sed do. This is Important Label, Lorem ipsum dolor sit amet, consectetur adipisicing elit, Mark element with blue highlight, sed do eiusmod tempo incididunt ut labolore magna aliqua. This is Notice Label. The full, unabbreviated, text., Lorem ipsum dosectetur
Some code text adipisicing elit, abbreviation sed do.Code Shortcode:
Put your code here
Highlight Shortcode:
Mark element with yellow highlight
[st_highlight type=’yellow’]Mark element with yellow highlight[/st_highlight]Mark element with gray highlight
[st_highlight type=’gray’]Mark element with gray highlight[/st_highlight]Mark element with blue highlight
[st_highlight type=’blue’]Mark element with blue highlight[/st_highlight]Label Shortcode:
This is Default Label
[st_label type=’default’]This is Default Label[/st_label]This is New Label
[st_label type=’success’]This is New Label[/st_label]This is Warning Label
[st_label type=’warning’]This is Warning Label[/st_label]This is Important Label
[st_label type=’important’]This is Important Label[/st_label]This is Notice Label
[st_label type=’notice’]This is Notice Label[/st_label]
Colored Text Shortcode:
Add Any Color
[st_text_color color=’#e74c3c’]Text goes here[/st_text_color]Abbreviation Shortcode:
The full, unabbreviated, text.
[st_abbr title=”The abbreviated text.”]The full, unabbreviated, text.[/st_abbr]Customization Options
