Typography

[vc_row type=”vc_default” margin_top=”-50″ bg_type=”image” parallax_style=”vcpb-vz-jquery” bg_image_new=”id^45832|url^https://the7.io/main/wp-content/uploads/sites/39/2016/10/bg-row-20.jpg|caption^null|alt^null|title^bg-row-20|description^null” bg_image_repeat=”no-repeat” bg_override=”ex-full” enable_overlay=”enable_overlay_value” overlay_color=”rgba(0,0,0,0.5)” overlay_pattern=”01.png” overlay_pattern_opacity=”25″ css=”.vc_custom_1476213150978{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}”][vc_column offset=”vc_col-lg-12 vc_col-md-12″ css=”.vc_custom_1476030031960{padding-bottom: 10px !important;}”][just_icon icon=”icomoon-material-24×24-playlist_add_check” icon_size=”24″ icon_color=”#ffffff” icon_style=”advanced” icon_color_bg=”rgba(255,255,255,0.3)” icon_border_style=”solid” icon_color_border=”” icon_border_size=”0″ icon_border_radius=”500″ icon_border_spacing=”50″ icon_animation=”bounceIn” el_class=”accent-icon-bg” css_just_icon=”.vc_custom_1476213277954{margin-bottom: 0px !important;padding-bottom: 20px !important;}”][ultimate_heading main_heading=”Ready-Made Page For” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” main_heading_style=”font-weight:bold;” main_heading_font_size=”desktop:30px;mobile_landscape:22px;mobile:22px;” main_heading_line_height=”desktop:40px;mobile_landscape:32px;mobile:32px;” sub_heading_style=”font-weight:bold;” sub_heading_font_size=”desktop:60px;mobile_landscape:38px;mobile:30px;” sub_heading_line_height=”desktop:70px;mobile_landscape:48px;mobile:40px;” sub_heading_margin=”margin-top:10px;” margin_design_tab_text=””]TYPOGRAPHY CHECK[/ultimate_heading][/vc_column][/vc_row][vc_row type=”vc_default” margin_top=”5″ margin_bottom=”10″ css=”.vc_custom_1476213065065{padding-top: 70px !important;padding-bottom: 10px !important;}”][vc_column width=”1/2″][vc_column_text]

1/2 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae. Vestibulum sed libero quam! Phasellus a mauris ac urna mollis mollis. Nullam faucibus dictum nibh vel tempor. Ut dapibus.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action content_size=”normal” background=”fancy” line=”true” text_align=”left”]
It’s easy to be a pro with The7!

This is a “Call to Action” shortcode. It has optional background or border, optional decorative line on the left & button alignment settings.[/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_bottom=”10″][vc_column width=”1/3″][vc_column_text]

Standard unordered list

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]
  • Aliquam eros nisl, pretium eget neque;
  • Sit amet, cursus placerat diam;
  • Suspendisse at semper justo lorem;
  • Nunc facilisis, mauris nunc lacus;
  • Faucibus lorem, at varius augue metus.
[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_column_text]

Standard ordered list

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]
  1. Aliquam eros nisl, pretium eget neque.
  2. Sit amet, cursus placerat diam.
  3. Suspendisse at semper justo lorem.
  4. Nunc facilisis, mauris nunc lacus.
  5. Faucibus lorem, at varius augue metus.
[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_column_text]

Fancy list shortcode

[/vc_column_text][vc_empty_space height=”20px”][dt_vc_list bullet_position=”middle”]
  • This is “Fancy list” shortcode;
  • It can be ordered or unordered;
  • With or without dividers;
[/dt_vc_list][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row type=”1″ padding_top=”55″ padding_bottom=”20″ bg_repeat=”repeat” font_color=”#dd3333″ padding=”0″][vc_column width=”1/3″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse blandit ultrices nisl! Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action content_size=”normal” background=”fancy” line=”true” text_align=”left”]
It’s easy to be a pro with The7!

This is a “Call to Action” shortcode. It has optional background or border, optional decorative line on the left & button alignment settings.[/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][dt_vc_list bullet_position=”middle”]
  • This is “Fancy list” shortcode;
  • It can be ordered or unordered;
  • With or without dividers;
  • It has text & visual versions.
[/dt_vc_list][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row type=”2″ padding_top=”55″ padding_bottom=”20″ bg_repeat=”repeat” font_color=”#dd3333″][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action content_size=”small” background=”fancy” text_align=”left”]
Get The7 today!

“Call to Action” shortcode with small font size and centred content. You can use it to create advertisements or highlight some information.

[dt_gap height=”10″ /]

[dt_button link=”http://themeforest.net/item/the7-responsive-multipurpose-wordpress-theme/5556590″ target_blank=”false” button_alignment=”default” animation=”none” size=”small” style=”default” bg_color_style=”default” bg_hover_color_style=”default” text_color_style=”default” text_hover_color_style=”default” icon=”fa fa-chevron-circle-right” icon_align=”right”]Purchase[/dt_button] [/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][dt_vc_list style=”2″]
  • This is “Fancy list” shortcode;
  • It can be ordered or unordered;
  • With or without dividers;
  • It has text & visual versions;
  • Fun & easy to use.
[/dt_vc_list][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Nullam faucibus dictum nibh vel. Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae. Vestibulum sed libero quam! Phasellus a mauris ac urna mollis mollis. Nullam faucibus dictum nibh vel tempor. Ut dapibus. Aliquam eros augue metus.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row type=”3″ padding_top=”55″ padding_bottom=”20″ bg_repeat=”repeat-y” bg_cover=”true” enable_parallax=”false” parallax_speed=”0.5″ font_color=”#dd3333″ padding=”0″][vc_column width=”2/3″ offset=”vc_col-lg-8 vc_col-md-8″][vc_column_text]

2/3 column

[/vc_column_text][vc_empty_space height=”20px”][vc_row_inner][vc_column_inner width=”1/2″][dt_vc_list]
  • This is “Fancy list” shortcode;
  • It can be ordered or unordered;
  • With or without dividers;
  • It has text & visual versions.
[/dt_vc_list][/vc_column_inner][vc_column_inner width=”1/2″][dt_vc_list]
  • Aliquam eros augue metus;
  • Vestibulum sed libero quam;
  • Whasellus a lorem mollis.;
  • Iuspendisse blandit ultrices nisl.
[/dt_vc_list][/vc_column_inner][/vc_row_inner][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column][vc_empty_space height=”10px”][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Aliquam eros augue metus ac velit dapibus quis suscipit lorem tempus amet vestibulum mauris mi sit amet. Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse blandit ultrices nisl! Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action background=”fancy” style=”1″ text_align=”left”]
It’s easy to be a pro with The7!

This is a “Call to Action” shortcode. It has optional background or border, optional decorative line on the left & button alignment settings.
[dt_button size=”medium” animation=”none” icon=”fa fa-check-square” icon_align=”right” color=”” link=”http://themeforest.net/user/Dream-Theme/portfolio?ref=Dream-Theme” target_blank=”true”]Purchase[/dt_button][/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row type=”1″ padding_top=”55″ padding_bottom=”20″ bg_repeat=”repeat” font_color=”#dd3333″ padding=”0″][vc_column width=”1/3″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Nullam faucibus dictum nibh vel lorem ipsum. Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae. Vestibulum sed libero quam! Phasellus a mauris ac urna mollis mollis. Nullam faucibus dictum nibh vel tempor. Ut dapibus. Aliquam eros augue metus.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action content_size=”small” background=”fancy” text_align=”left”]
Get The7 today!

“Call to Action” shortcode with small font size and centred content. You can use it to create advertisements or highlight some information.

[dt_gap height=”10″ /]

[dt_button link=”http://themeforest.net/item/the7-responsive-multipurpose-wordpress-theme/5556590″ target_blank=”false” button_alignment=”default” animation=”none” size=”small” style=”default” bg_color_style=”default” bg_hover_color_style=”default” text_color_style=”default” text_hover_color_style=”default” icon=”fa fa-chevron-circle-right” icon_align=”right”]Purchase[/dt_button] [/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][dt_vc_list style=”2″]
  • This is “Fancy list” shortcode;
  • It can be ordered or unordered;
  • With or without dividers;
  • It has text & visual versions;
  • Fun & easy to use.
[/dt_vc_list][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_top=”55″ margin_bottom=”10″][vc_column width=”1/2″][vc_column_text]

1/2 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae. Vestibulum sed libero quam! Phasellus a mauris ac urna mollis mollis. Nullam faucibus dictum nibh vel tempor. Ut dapibus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/2″][vc_column_text]

1/2 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action content_size=”normal” background=”fancy” line=”true” text_align=”left”]
It’s easy to be a pro with The7!

This is a “Call to Action” shortcode. It has optional background or border, optional decorative line on the left & button alignment settings.[/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row type=”2″ padding_top=”55″ padding_bottom=”20″ bg_repeat=”repeat” font_color=”#dd3333″][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”25px”][dt_call_to_action content_size=”normal” background=”fancy” line=”true” text_align=”left”]
It’s easy to be a pro with The7!

This is a “Call to Action” shortcode. It has optional background or border, optional decorative line on the left & button alignment settings.[/dt_call_to_action][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][dt_vc_list bullet_position=”middle”]
  • This is “Fancy list” shortcode;
  • It can be ordered or unordered;
  • With or without dividers;
  • It has text & visual versions.
[/dt_vc_list][vc_empty_space height=”40px”][/vc_column][vc_column width=”1/3″ offset=”vc_col-lg-4 vc_col-md-4″][vc_column_text]

1/3 column

[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Sed et sem aliquet, dignissim [dt_tooltip title=”tooltip shortcode”]Quisque id turpis eu sapien congue rhoncus et gravida ante.[/dt_tooltip] lacus vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus dictum nibh vel. Suspendisse blandit ultrices nisl! Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam pulvinar eros consequat vitae.[/vc_column_text][vc_empty_space height=”40px”][/vc_column][/vc_row][vc_row margin_top=”50″ margin_bottom=”30″][vc_column][vc_column_text]

Heading 1: font, size & line height can be changed from theme options.

[/vc_column_text][vc_empty_space height=”24px”][vc_column_text]Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula.
[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=”30″][vc_column][vc_column_text]

Heading 2: font, size & line height can be changed from theme options.

[/vc_column_text][vc_empty_space height=”22px”][vc_column_text]Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula.
[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=”30″][vc_column][vc_column_text]

Heading 3: font, size & line height can be changed from theme options.

[/vc_column_text][vc_empty_space height=”18px”][vc_column_text]Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula.
[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=”30″][vc_column][vc_column_text]

Heading 4: font, size & line height can be changed from theme options.

[/vc_column_text][vc_empty_space height=”16px”][vc_column_text]Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula.
[/vc_column_text][/vc_column][/vc_row][vc_row margin_bottom=”30″][vc_column][vc_column_text]
Heading 5: font, size & line height can be changed from theme options.
[/vc_column_text][vc_empty_space height=”14px”][vc_column_text]Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula.
[/vc_column_text][/vc_column][/vc_row][vc_row type=”vc_default” css=”.vc_custom_1476213086479{padding-bottom: 70px !important;}”][vc_column][vc_column_text]
Heading 6: font, size & line height can be changed from theme options.
[/vc_column_text][vc_empty_space height=”12px”][vc_column_text]Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nec ipsum ac mauris imperdiet luctus sed vitae ligula.
[/vc_column_text][/vc_column][/vc_row]