{"id":30282,"date":"2014-04-08T09:11:24","date_gmt":"2014-04-08T09:11:24","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=13824"},"modified":"2014-04-08T09:11:24","modified_gmt":"2014-04-08T09:11:24","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.klippin.online\/?page_id=30282","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row type=&#8221;vc_default&#8221; margin_top=&#8221;-50&#8243; bg_type=&#8221;image&#8221; parallax_style=&#8221;vcpb-vz-jquery&#8221; bg_image_new=&#8221;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&#8221; bg_image_repeat=&#8221;no-repeat&#8221; bg_override=&#8221;ex-full&#8221; enable_overlay=&#8221;enable_overlay_value&#8221; overlay_color=&#8221;rgba(0,0,0,0.5)&#8221; overlay_pattern=&#8221;01.png&#8221; overlay_pattern_opacity=&#8221;25&#8243; css=&#8221;.vc_custom_1476213150978{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-12 vc_col-md-12&#8243; css=&#8221;.vc_custom_1476030031960{padding-bottom: 10px !important;}&#8221;]<div class=\"ult-just-icon-wrapper accent-icon-bg  vc_custom_1476213277954\"><div class=\"align-icon\" style=\"text-align:center;\">\n<div class=\"aio-icon advanced \" data-animation=\"bounceIn\" data-animation-delay=\"03\" style=\"color:#ffffff;background:rgba(255,255,255,0.3);border-style:solid;border-color:;border-width:0px;width:50px;height:50px;line-height:50px;border-radius:500px;font-size:24px;display:inline-block;\">\n\t<i class=\"icomoon-material-24x24-playlist_add_check\"><\/i>\n<\/div><\/div><\/div><div id=\"ultimate-heading-376869d9fc6ec451c\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-376869d9fc6ec451c uvc-7896 \" data-hspacer=\"no_spacer\"  data-halign=\"center\" style=\"text-align:center\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-376869d9fc6ec451c h2'  data-responsive-json-new='{\"font-size\":\"desktop:30px;mobile_landscape:22px;mobile:22px;\",\"line-height\":\"desktop:40px;mobile_landscape:32px;mobile:32px;\"}' ><h2 style=\"font-weight:bold;color:#ffffff;\">Ready-Made Page For<\/h2><\/div><div class=\"uvc-sub-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-376869d9fc6ec451c .uvc-sub-heading '  data-responsive-json-new='{\"font-size\":\"desktop:60px;mobile_landscape:38px;mobile:30px;\",\"line-height\":\"desktop:70px;mobile_landscape:48px;mobile:40px;\"}'  style=\"font-weight:bold;color:#ffffff;margin-top:10px;\">TYPOGRAPHY CHECK<\/div><\/div>[\/vc_column][\/vc_row][vc_row type=&#8221;vc_default&#8221; margin_top=&#8221;5&#8243; margin_bottom=&#8221;10&#8243; css=&#8221;.vc_custom_1476213065065{padding-top: 70px !important;padding-bottom: 10px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>1\/2 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> 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=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>1\/2 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget\"><div class=\"\"><h5>It&#8217;s easy to be a pro with The7!<\/h5>\n<p>This is a <span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode. It has optional background or border, optional decorative line on the left &amp; button alignment settings.<\/p>\n<\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row margin_bottom=&#8221;10&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>Standard unordered list<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Aliquam eros nisl, pretium eget neque;<\/li>\n<li>Sit amet, cursus placerat diam;<\/li>\n<li>Suspendisse at semper justo lorem;<\/li>\n<li>Nunc facilisis, mauris nunc lacus;<\/li>\n<li>Faucibus lorem, at varius augue metus.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: left;\">Standard ordered list<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]<\/p>\n<ol>\n<li>Aliquam eros nisl, pretium eget neque.<\/li>\n<li>Sit amet, cursus placerat diam.<\/li>\n<li>Suspendisse at semper justo lorem.<\/li>\n<li>Nunc facilisis, mauris nunc lacus.<\/li>\n<li>Faucibus lorem, at varius augue metus.<\/li>\n<\/ol>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: left;\">Fancy list shortcode<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-arrow list-divider\"><ul>\n<li>This is &#8220;Fancy list&#8221; shortcode;<\/li>\n<li>It can be ordered or unordered;<\/li>\n<li>With or without dividers;<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;1&#8243; padding_top=&#8221;55&#8243; padding_bottom=&#8221;20&#8243; bg_repeat=&#8221;repeat&#8221; font_color=&#8221;#dd3333&#8243; padding=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse blandit ultrices nisl! Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> consequat vitae.[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget\"><div class=\"\"><h5>It&#8217;s easy to be a pro with The7!<\/h5>\n<p>This is a <span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode. It has optional background or border, optional decorative line on the left &amp; button alignment settings.<\/p>\n<\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-arrow list-divider\"><ul>\n<li>This is &#8220;Fancy list&#8221; shortcode;<\/li>\n<li>It can be ordered or unordered;<\/li>\n<li>With or without dividers;<\/li>\n<li>It has text &amp; visual versions.<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;2&#8243; padding_top=&#8221;55&#8243; padding_bottom=&#8221;20&#8243; bg_repeat=&#8221;repeat&#8221; font_color=&#8221;#dd3333&#8243;][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget no-line\"><div class=\"text-small\"><h5 style=\"text-align: center;\">Get The7 today!<\/h5>\n<p style=\"text-align: center;\"><span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode with small font size and centred content. You can use it to create advertisements or highlight some information.<\/p>\n<div class=\"gap\" style=\"line-height: 10px; height: 10px;\"><\/div>\n<p style=\"text-align: center;\"><a href=\"http:\/\/themeforest.net\/item\/the7-responsive-multipurpose-wordpress-theme\/5556590\" class=\"btn-shortcode dt-btn-s dt-btn default-btn-color default-btn-hover-color default-btn-bg-color default-btn-bg-hover-color ico-right-side\" id=\"dt-btn-1\"><span>Purchase<\/span><i class=\"fa fa-chevron-circle-right\"><\/i><\/a><\/p>\n<\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-number-list list-divider bullet-top\"><ul>\n<li>This is &#8220;Fancy list&#8221; shortcode;<\/li>\n<li>It can be ordered or unordered;<\/li>\n<li>With or without dividers;<\/li>\n<li>It has text &amp; visual versions;<\/li>\n<li>Fun &amp; easy to use.<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Nullam faucibus dictum nibh vel. Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> 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=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;3&#8243; padding_top=&#8221;55&#8243; padding_bottom=&#8221;20&#8243; bg_repeat=&#8221;repeat-y&#8221; bg_cover=&#8221;true&#8221; enable_parallax=&#8221;false&#8221; parallax_speed=&#8221;0.5&#8243; font_color=&#8221;#dd3333&#8243; padding=&#8221;0&#8243;][vc_column width=&#8221;2\/3&#8243; offset=&#8221;vc_col-lg-8 vc_col-md-8&#8243;][vc_column_text]<\/p>\n<h4>2\/3\u00a0column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"standard-arrow list-divider bullet-top\"><ul>\n<li>This is &#8220;Fancy list&#8221; shortcode;<\/li>\n<li>It can be ordered or unordered;<\/li>\n<li>With or without dividers;<\/li>\n<li>It has text &amp; visual versions.<\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"standard-arrow list-divider bullet-top\"><ul>\n<li>Aliquam eros augue metus;<\/li>\n<li>Vestibulum sed libero quam;<\/li>\n<li>Whasellus a lorem mollis.;<\/li>\n<li>Iuspendisse blandit ultrices nisl.<\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][\/vc_row_inner][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc.\u00a0Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc.[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>1\/2 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][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 <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse blandit ultrices nisl! Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> consequat vitae.[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>1\/2 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box box-style-table shortcode-action-bg block-style-widget no-line\"><div class=\"text-big\"><h5>It&#8217;s easy to be a pro with The7!<\/h5>\n<p>This is a <span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode. It has optional background or border, optional decorative line on the left &amp; button alignment settings.<\/p>\n<\/div><div class=\"shortcode-action-container action-button\"><a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\/portfolio?ref=Dream-Theme\" class=\"btn-shortcode dt-btn-m dt-btn default-btn-color default-btn-hover-color default-btn-bg-color default-btn-bg-hover-color ico-right-side\" target=\"_blank\" id=\"dt-btn-2\" rel=\"noopener\"><span>Purchase<\/span><i class=\"fa fa-check-square\"><\/i><\/a><\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;1&#8243; padding_top=&#8221;55&#8243; padding_bottom=&#8221;20&#8243; bg_repeat=&#8221;repeat&#8221; font_color=&#8221;#dd3333&#8243; padding=&#8221;0&#8243;][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Nullam faucibus dictum nibh vel lorem ipsum. Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> 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=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget no-line\"><div class=\"text-small\"><h5 style=\"text-align: center;\">Get The7 today!<\/h5>\n<p style=\"text-align: center;\"><span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode with small font size and centred content. You can use it to create advertisements or highlight some information.<\/p>\n<div class=\"gap\" style=\"line-height: 10px; height: 10px;\"><\/div>\n<p style=\"text-align: center;\"><a href=\"http:\/\/themeforest.net\/item\/the7-responsive-multipurpose-wordpress-theme\/5556590\" class=\"btn-shortcode dt-btn-s dt-btn default-btn-color default-btn-hover-color default-btn-bg-color default-btn-bg-hover-color ico-right-side\" id=\"dt-btn-3\"><span>Purchase<\/span><i class=\"fa fa-chevron-circle-right\"><\/i><\/a><\/p>\n<\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-number-list list-divider bullet-top\"><ul>\n<li>This is &#8220;Fancy list&#8221; shortcode;<\/li>\n<li>It can be ordered or unordered;<\/li>\n<li>With or without dividers;<\/li>\n<li>It has text &amp; visual versions;<\/li>\n<li>Fun &amp; easy to use.<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row margin_top=&#8221;55&#8243; margin_bottom=&#8221;10&#8243;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>1\/2 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> consequat vitae. Vestibulum sed libero quam! Phasellus a mauris ac urna mollis mollis. Nullam faucibus dictum nibh vel tempor. Ut dapibus.\u00a0Maecenas sit amet tincidunt elit. Pellentesque habitant morbi tristique senectus et.[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h4>1\/2 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget\"><div class=\"\"><h5>It&#8217;s easy to be a pro with The7!<\/h5>\n<p>This is a <span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode. It has optional background or border, optional decorative line on the left &amp; button alignment settings.<\/p>\n<\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;2&#8243; padding_top=&#8221;55&#8243; padding_bottom=&#8221;20&#8243; bg_repeat=&#8221;repeat&#8221; font_color=&#8221;#dd3333&#8243;][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;25px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget\"><div class=\"\"><h5>It&#8217;s easy to be a pro with The7!<\/h5>\n<p>This is a <span class=\"paint-accent-color\">&#8220;Call to Action&#8221;<\/span> shortcode. It has optional background or border, optional decorative line on the left &amp; button alignment settings.<\/p>\n<\/div><\/section>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-arrow list-divider\"><ul>\n<li>This is &#8220;Fancy list&#8221; shortcode;<\/li>\n<li>It can be ordered or unordered;<\/li>\n<li>With or without dividers;<\/li>\n<li>It has text &amp; visual versions.<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;1\/3&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;][vc_column_text]<\/p>\n<h4>1\/3 column<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Sed et sem aliquet, dignissim <span class=\"shortcode-tooltip\">tooltip shortcode<span class=\"tooltip-c\">Quisque id turpis eu sapien congue rhoncus et gravida ante.<\/span><\/span> lacus vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus dictum nibh vel. Suspendisse blandit ultrices nisl! Phasellus feugiat <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\" target=\"_blank\">semper arcu<\/a> id ultricies. Proin ut velit orci. Aliquam magna sapien, feugiat ut euismod id, congue aliquet nunc. Nam <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\">pulvinar eros<\/a> consequat vitae.[\/vc_column_text][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][\/vc_row][vc_row margin_top=&#8221;50&#8243; margin_bottom=&#8221;30&#8243;][vc_column][vc_column_text]<\/p>\n<h1>Heading 1: font, size &amp; line height can be changed from theme options.<\/h1>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;][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.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row margin_bottom=&#8221;30&#8243;][vc_column][vc_column_text]<\/p>\n<h2>Heading 2: font, size &amp; line height can be changed from theme options.<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;][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.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row margin_bottom=&#8221;30&#8243;][vc_column][vc_column_text]<\/p>\n<h3>Heading 3: font, size &amp; line height can be changed from theme options.<\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][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.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row margin_bottom=&#8221;30&#8243;][vc_column][vc_column_text]<\/p>\n<h4>Heading 4: font, size &amp; line height can be changed from theme options.<\/h4>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;16px&#8221;][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.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row margin_bottom=&#8221;30&#8243;][vc_column][vc_column_text]<\/p>\n<h5>Heading 5: font, size &amp; line height can be changed from theme options.<\/h5>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;14px&#8221;][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.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1476213086479{padding-bottom: 70px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6>Heading 6: font, size &amp; line height can be changed from theme options.<\/h6>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;12px&#8221;][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.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;vc_default&#8221; margin_top=&#8221;-50&#8243; bg_type=&#8221;image&#8221; parallax_style=&#8221;vcpb-vz-jquery&#8221; bg_image_new=&#8221;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&#8221; bg_image_repeat=&#8221;no-repeat&#8221; bg_override=&#8221;ex-full&#8221; enable_overlay=&#8221;enable_overlay_value&#8221; overlay_color=&#8221;rgba(0,0,0,0.5)&#8221; overlay_pattern=&#8221;01.png&#8221; overlay_pattern_opacity=&#8221;25&#8243; css=&#8221;.vc_custom_1476213150978{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-12 vc_col-md-12&#8243; css=&#8221;.vc_custom_1476030031960{padding-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;vc_default&#8221; margin_top=&#8221;5&#8243; margin_bottom=&#8221;10&#8243; css=&#8221;.vc_custom_1476213065065{padding-top: 70px !important;padding-bottom: 10px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text] 1\/2 column [\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text]Sed et sem aliquet, dignissim lacus vel. Phasellus feugiat semper arcu id ultricies. Proin ut velit orci. Aliquam magna&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":28758,"menu_order":400,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30282","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/www.klippin.online\/index.php?rest_route=\/wp\/v2\/pages\/30282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.klippin.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.klippin.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.klippin.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.klippin.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30282"}],"version-history":[{"count":0,"href":"https:\/\/www.klippin.online\/index.php?rest_route=\/wp\/v2\/pages\/30282\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.klippin.online\/index.php?rest_route=\/wp\/v2\/pages\/28758"}],"wp:attachment":[{"href":"https:\/\/www.klippin.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}