Typography


[vc_row type="in_container" link_id="typography" bg_position="left top" bg_repeat="no-repeat" text_color="dark" top_padding="0" bottom_padding="0"][vc_column width="1/1"][vc_column_text][header_title header_size='h3' title='Highlighted text']   Nulla at blandit neque. Lorem [highlights color="#fcdbad" color_s="#f05e30" font_color="#fff" fcolor_bool="no"] orange [/highlights] dolor sit amet, consectetur [highlights color="#4ae8cd" color_s="#51cbf7" font_color="#fff" fcolor_bool="no"]turquase[/highlights] elit. Morbi eleifend, metus eu vulputate cursus, turpis tellus [highlights font_color="#111" fcolor_bool="yes"]white[/highlights] libero, ac auctor metus diam quis velit. Morbi in sem quis justo tempus feugiat in nec enim. Nulla nec [highlights color="#f148b9" color_s="#cc39f7" font_color="#fff" fcolor_bool="no"]purple[/highlights] nec neque sollicitudin feugiat a a leo. Vestibulum [highlights color="#fa3e34" color_s="#fa3e34" font_color="#fff" fcolor_bool="no"]red[/highlights] lacus ut imperdiet luctus, eros lacus [highlights color="#78fa60" color_s="#00d606" font_color="#fff" fcolor_bool="no"]green[/highlights] enim, quis porttitor ante sapien ac urna. Duis pretium [highlights color="#ffdf2f" color_s="#ffd000" font_color="#555042" fcolor_bool="no"]yellow[/highlights] eu metus condimentum ullamcorper. Class [highlights color="#98e575" color_s=" #5ad613" font_color="#fff" fcolor_bool="no"]dark_green[/highlights] taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam leo arcu, porta nec interdum sit amet, auctor eu mauris. Nam vel velit sed leo ullamcorper commodo. Ut vel libero vulputate, vehicula [highlights color="#00d3fd" color_s="#1d66f0" font_color="#fff" fcolor_bool="no"]blue[/highlights] at, elementum magna. Mauris sit amet [highlights color="#494949" color_s="#3b3b3b" font_color="#fff" fcolor_bool="no"]black[/highlights] eros. Quisque in posuere dui. Nullam sit amet [highlights color="#d8d9dc" color_s="#8d9096" font_color="#fff" fcolor_bool="no"]gray[/highlights] tortor.   [noshortcode][highlights color="#d8d9dc" color_s="#8d9096" font_color="#fff" fcolor_bool="no"]gray[/highlights][/noshortcode]     [header_title header_size='h3' title='Tooltip']   Nulla at blandit neque. Lorem orange dolor sit amet, consectetur [tooltip title="Tooltip"]turquase[/tooltip] elit. Morbi eleifend, metus eu vulputate cursus, turpis tellus libero, ac auctor metus diam quis velit. Morbi in sem quis justo tempus feugiat in nec enim. Nulla nec purple nec neque sollicitudin feugiat a a leo. Vestibulum red lacus ut imperdiet [tooltip title="Tooltip"]luctus[/tooltip] , eros lacus green enim, quis porttitor ante sapien ac urna. Duis pretium yellow eu metus condimentum ullamcorper. Class dark_green taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam leo arcu, porta nec interdum sit amet, auctor eu mauris. Nam vel velit sed leo ullamcorper commodo. Ut vel libero vulputate, vehicula blue at, elementum magna. Mauris sit amet black eros. Quisque in posuere dui. Nullam sit amet gray tortor.   [noshortcode][tooltip title="Tooltip"]turquase[/tooltip][/noshortcode]     [header_title header_size='h3' title='Html Styles']   Nulla at blandit neque. Lorem orange dolor sit amet, this is a link text elit. Morbi eleifend, metus eu vulputate cursus, turpis tellus bold text, ac auctor metus diam quis velit. Morbi in sem quis justo tempus feugiat in nec enim. Nulla nec purple nec neque sollicitudin feugiat a a leo. Vestibulum underlined text ut imperdiet luctus, eros lacus green enim, quis porttitor ante sapien ac urna. Duis pretium yellow eu metus condimentum ullamcorper. Class dark_green taciti sociosqu this is a italic text per conubia nostra, per inceptos himenaeos. Etiam leo arcu, porta nec interdum sit amet, auctor eu mauris. Nam vel velit sed leo ullamcorper commodo. Ut vel libero vulputate, vehicula blue at, elementum magna. Mauris sit amet black eros. Quisque in posuere dui. Nullam sit amet gray tortor.     [header_title header_size='h3' title='Dropcap']   [dropcast form="no-form" fontcolor="#f1663a"]D[/dropcast] Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits.   [noshortcode][dropcast form="no-form" fontcolor="#f1663a"]D[/dropcast][/noshortcode]     [header_title header_size='h3' title='Heading'] [contentrow][one_fourth nr="first"] [h1_heading]Heading 1[/h1_heading] [h2_heading]Heading 2[/h2_heading] [h3_heading]Heading 3[/h3_heading] [h4_heading]Heading 4[/h4_heading] [h5_heading]Heading 5[/h5_heading] [h3_heading]Heading 6[/h3_heading][/one_fourth]   [three_fourth nr="last"][noshortcode] [h1_heading]Heading 1[/h1_heading] [h2_heading]Heading 2[/h2_heading] [h3_heading]Heading 3[/h3_heading] [h4_heading]Heading 4[/h4_heading] [h5_heading]Heading 5[/h5_heading] [h3_heading]Heading 6[/h3_heading] [/noshortcode][/three_fourth][/contentrow]     [header_title header_size='h3' title='BlockQuote']   [contentrow]Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits.[/contentrow] [contentrow][one_half nr="first"][blockquote]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massculus mus.[/blockquote][/one_half] [one_half nr="last"][blockquote background="#f9f9f9"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massculus mus.[/blockquote][/one_half] [/contentrow]   [contentrow]Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius.[/contentrow]   [noshortcode][blockquote background="#f9f9f9"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massculus mus.[/blockquote][/noshortcode][/vc_column_text][/vc_column][/vc_row][vc_row type="in_container" link_id="alerts" bg_position="left top" bg_repeat="no-repeat" text_color="dark" top_padding="0" bottom_padding="0"][vc_column width="1/1"][vc_column_text][header_title header_size='h3' title='Alerts']   [contentrow][alert title="Default." style="default"]This is the default alert shortcode[/alert][/contentrow] [contentrow][alert title="Success." style="success"]This is a success alert box[/alert][/contentrow] [contentrow][alert title="Error." style="error"]This is an error alert box[/alert][/contentrow] [contentrow][alert title="Information." style="information"]This is the information alert box[/alert][/contentrow] [contentrow][alert title="Warning." style="warning"]This is the warning alert box[/alert][/contentrow] [contentrow][alert title="Grey." style="grey"]This is grey alert box[/alert][/contentrow]   [noshortcode][alert title="Default." "default"]This is the default alert shortcode[/alert][/noshortcode]   [/vc_column_text][/vc_column][/vc_row]