fbpx

Typography

[vc_custom_heading text=”Headings” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” cms_custom_remove_m=”” css=”.vc_custom_1467884385979{margin-bottom: 53px !important;}”][vc_custom_heading text=”H1 Heading” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes”]

Maecenas volutpat, diam enim sagittis uam, id porta ulamis. Sed id dolor consectetur fermentum nibh vomat, ata umasnu purus. Maecenas volutpat, diam enim sagittis quam, id prta quam.

[vc_custom_heading text=”H2 Heading” use_theme_fonts=”yes”]

Maecenas volutpat, diam enim sagittis uam, id porta ulamis. Sed id dolor consectetur fermentum nibh vomat, ata umasnu purus. Maecenas volutpat, diam enim sagittis quam, id prta quam.

[vc_custom_heading text=”H3 Heading” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes”]

Maecenas volutpat, diam enim sagittis uam, id porta ulamis. Sed id dolor consectetur fermentum nibh vomat, ata umasnu purus. Maecenas volutpat, diam enim sagittis quam, id prta quam.

[vc_custom_heading text=”H4 Heading” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”]

Maecenas volutpat, diam enim sagittis uam, id porta ulamis. Sed id dolor consectetur fermentum nibh vomat, ata umasnu purus. Maecenas volutpat, diam enim sagittis quam, id prta quam.

[vc_custom_heading text=”H5 Heading” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”]

Maecenas volutpat, diam enim sagittis uam, id porta ulamis. Sed id dolor consectetur fermentum nibh vomat, ata umasnu purus. Maecenas volutpat, diam enim sagittis quam, id prta quam.

[vc_custom_heading text=”H6 Heading” font_container=”tag:h6|text_align:left” use_theme_fonts=”yes”]

Maecenas volutpat, diam enim sagittis uam, id porta ulamis. Sed id dolor consectetur fermentum nibh vomat, ata umasnu purus. Maecenas volutpat, diam enim sagittis quam, id prta quam.

[cms_separator icon_fontawesome=”fa fa-square” align=”align_left” border_width=”2″ color=”#eeeeee” css=”.vc_custom_1464755014102{margin-top: 35px !important;margin-bottom: 30px !important;}”][vc_custom_heading text=”H1 Heading with line” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-line”][vc_custom_heading text=”H2 Heading with line” use_theme_fonts=”yes” cms_custom_headding_type=”heading-line”][vc_custom_heading text=”H3 Heading with line” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-line”][vc_custom_heading text=”H4 Heading with line” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-line”][vc_custom_heading text=”H5 Heading with line” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-line”][vc_custom_heading text=”H6 Heading with line” font_container=”tag:h6|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-line”][cms_separator icon_fontawesome=”fa fa-square” align=”align_left” border_width=”2″ color=”#eeeeee” css=”.vc_custom_1467885259905{margin-top: 40px !important;}”][vc_custom_heading text=”H1 Heading with underline” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”H2 Heading with underline” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”H3 Heading with underline” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”H4 Heading with underline” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”H5 Heading with underline” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”H6 Heading with underline” font_container=”tag:h6|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”]
[vc_custom_heading text=”Dropcaps” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” cms_custom_remove_m=”” css=”.vc_custom_1467886402590{margin-bottom: 40px !important;}”]
[cms_dropcaps dropcap_content=”Pras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.” dropcap_box=”yes” dropcap_box_color=”#2a2b2f” dropcap_box_bg=”#eeeeee”]
[cms_dropcaps dropcap_content=”Pras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.” dropcap_box_color=”#2a2b2f”]
[cms_dropcaps dropcap_content=”Pras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.” dropcap_box=”yes” dropcap_type=”circle” dropcap_box_color=”#ffffff” dropcap_box_bg=”#2a2b2f”]
[cms_dropcaps dropcap_content=”Pras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus. Nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.” dropcap_box=”yes” dropcap_box_color=”#2a2b2f” dropcap_box_bg=”#ffea00″]
[vc_custom_heading text=”Blockquotes” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” css=”.vc_custom_1467886737083{margin-bottom: 50px !important;}”][vc_custom_heading text=”Blockquotes 1″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457511904395{margin-bottom: 28px !important;}”]

Sed vitae fermentum diam, eget sollicitudin felis. Vestibulum massa arcu, porsite mollis ac, eleifend auctor turpis. Pellentesque feupercipit partiendo an mel, legre philosophia volupta tibus ne est.

Amanda Pollock, Doodle inc.
[vc_custom_heading text=”Blockquotes 2″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457511994076{margin-top: 55px !important;margin-bottom: 25px !important;}”]

Sed vitae fermentum diam, eget sollicitudin felis. Vestibulum massa arcu, porsite mollis ac, eleifend auctor turpis. Pellentesque feupercipit partiendo an mel, legre philosophia volupta tibus ne est.

[vc_custom_heading text=”Blockquotes background” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1467909787617{margin-top: 55px !important;margin-bottom: 28px !important;}”]

Sed vitae fermentum diam, eget sollicitudin felis. Vestibulum massa arcu, porsite mollis ac, eleifend auctor turpis. Pellentesque feupercipit partiendo an mel, legre philosophia volupta tibus ne est.

Amanda Pollock Doodle inc.
[vc_custom_heading text=”Blockquotes 3″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1467909816646{margin-top: 55px !important;margin-bottom: 28px !important;}”]

I don’t work from drawings. I don’t make sketches and drawings and
color sketches into a final painting

Jackson Pollock
[vc_custom_heading text=”Testimonials” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”Testimonials 1″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457512229333{margin-top: 57px !important;margin-bottom: 23px !important;}”][cms_carousel xsmall_items=”1″ small_items=”1″ medium_items=”1″ large_items=”1″ nav=”false” dots=”false” autoplay=”false” l_icon_fontawesome=”fa fa-angle-left” r_icon_fontawesome=”fa fa-angle-right” source=”size:2|order_by:date|post_type:testimonial|remove_query:5″ cms_template=”cms_carousel–testimonials.php”]
[vc_custom_heading text=”Testimonials 2″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457512332284{margin-top: 25px !important;margin-bottom: 23px !important;}”][cms_carousel xsmall_items=”1″ small_items=”1″ medium_items=”1″ large_items=”1″ margin=”0″ nav=”false” dots=”false” autoplay=”false” l_icon_fontawesome=”fa fa-angle-left” r_icon_fontawesome=”fa fa-angle-right” crs_testi_layout=”layout2″ source=”size:2|order_by:date|post_type:testimonial|remove_query:5″ cms_template=”cms_carousel–testimonials.php”]
[vc_custom_heading text=”Testimonials 3″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457512350087{margin-top: 25px !important;margin-bottom: 23px !important;}”][cms_carousel xsmall_items=”1″ small_items=”1″ medium_items=”1″ large_items=”1″ margin=”0″ nav=”false” dots=”false” autoplay=”false” l_icon_fontawesome=”fa fa-angle-left” r_icon_fontawesome=”fa fa-angle-right” crs_testi_layout=”layout3″ source=”size:2|order_by:date|post_type:testimonial|remove_query:5″ cms_template=”cms_carousel–testimonials.php”]
[vc_custom_heading text=”Testimonials 4″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457512404329{margin-top: 20px !important;margin-bottom: 23px !important;}”][cms_carousel xsmall_items=”1″ small_items=”1″ medium_items=”1″ large_items=”1″ margin=”0″ nav=”false” dots=”false” autoplay=”false” l_icon_fontawesome=”fa fa-angle-left” r_icon_fontawesome=”fa fa-angle-right” crs_testi_layout=”layout4″ source=”size:2|order_by:date|post_type:testimonial|remove_query:5″ cms_template=”cms_carousel–testimonials.php”][vc_custom_heading text=”Testimonials 5″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457512706821{margin-top: 25px !important;margin-bottom: 48px !important;}”][cms_carousel xsmall_items=”1″ small_items=”1″ medium_items=”1″ large_items=”1″ margin=”0″ nav=”false” dots=”false” autoplay=”false” l_icon_fontawesome=”fa fa-angle-left” r_icon_fontawesome=”fa fa-angle-right” crs_testi_layout=”layout5″ source=”size:2|order_by:date|post_type:testimonial|remove_query:7″ cms_template=”cms_carousel–testimonials.php”][vc_custom_heading text=”Testimonials 6″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457512926995{margin-top: 25px !important;margin-bottom: 48px !important;}”][cms_carousel xsmall_items=”1″ small_items=”1″ medium_items=”1″ large_items=”1″ margin=”0″ nav=”false” dots=”false” autoplay=”false” l_icon_fontawesome=”fa fa-angle-left” r_icon_fontawesome=”fa fa-angle-right” crs_testi_layout=”layout6″ source=”size:6|order_by:date|post_type:testimonial|remove_query:8″ cms_template=”cms_carousel–testimonials.php”]
[vc_custom_heading text=”Pricing tables” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”][vc_custom_heading text=”Pricing tables 1″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457538947377{margin-top: 55px !important;margin-bottom: 27px !important;}”][cms_grid layout=”masonry” col_xs=”1″ col_sm=”2″ col_md=”2″ col_lg=”2″ source=”size:3|order_by:title|order:ASC|post_type:pricing” cms_template=”cms_grid–pricing.php”][vc_custom_heading text=”Pricing tables 2″ font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” css=”.vc_custom_1457538959095{margin-top: 55px !important;margin-bottom: 27px !important;}”][cms_grid col_xs=”1″ col_sm=”2″ col_md=”2″ col_lg=”2″ cms_pricing_layout=”layout2″ source=”size:2|order_by:date|order:ASC|post_type:pricing” cms_template=”cms_grid–pricing.php”]
[vc_custom_heading text=”Lists” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”]

Unstyled

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Description

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.

Horizontal description

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Felis euismod semper eget lacinia
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Any Icon

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Consectetur adipiscing elit
  • Nulla volutpat aliquam velit
  • Nulla volutpat aliquam velit
  • Aenean sit amet erat nunc
  • Aenean sit amet erat nunc
  • Facilisis in pretium nisl aliquet
  • Facilisis in pretium nisl aliquet

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

Unordered

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc

Inline

  • Lorem ipsum
  • Phasellus iaculis
  • Nulla volutpat
[vc_custom_heading text=”Code” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”]

Inline

For example, <section> should be wrapped as inline.

Basic Block

<p>Sample text here...</p>
[vc_custom_heading text=”Tables” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline”]

Basic example

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered table

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hover rows

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Condensed table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Responsive tables

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
[vc_custom_heading text=”Tooltips” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” css=”.vc_custom_1465353739178{margin-bottom: 40px !important;}”]
[vc_custom_heading text=”Popover” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” css=”.vc_custom_1465353743824{margin-bottom: 40px !important;}”]
[/vc_r
ow_inner]
[vc_custom_heading text=”Highlights” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” css=”.vc_custom_1465354086014{margin-bottom: 40px !important;}”]

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.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

[vc_custom_heading text=”Dividers” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” cms_custom_headding_type=”heading-underline” css=”.vc_custom_1465354758096{margin-bottom: 40px !important;}”][vc_custom_heading text=”Divider square” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][cms_separator icon_fontawesome=”fa fa-square” align=”align_left” border_width=”2″ color=”#eeeeee”][vc_custom_heading text=”Divider square center” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][cms_separator icon_fontawesome=”fa fa-square” border_width=”2″ color=”#eeeeee”][vc_custom_heading text=”Divider square o” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][cms_separator icon_fontawesome=”fa fa-square-o” border_width=”2″ color=”#eeeeee”]