{"id":14059,"date":"2014-04-14T11:04:19","date_gmt":"2014-04-14T11:04:19","guid":{"rendered":"https:\/\/the7.io\/main\/?page_id=14059"},"modified":"2014-04-14T11:04:19","modified_gmt":"2014-04-14T11:04:19","slug":"tabs-top","status":"publish","type":"page","link":"https:\/\/clubmpa.com\/shortcodes\/tabs-top\/","title":{"rendered":"Tabs (top)"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row margin_top=&#8221;-5&#8243; margin_bottom=&#8221;10&#8243;][vc_column animation=&#8221;fadeIn&#8221;][vc_column_text css=&#8221;.vc_custom_1482765992545{padding-bottom: 30px !important;}&#8221;]<\/p>\n<h3>Titles with background (style1)<\/h3>\n<p>[\/vc_column_text][vc_tabs interval=&#8221;0&#8243; title_size=&#8221;h5&#8243;][vc_tab title=&#8221;Our company&#8221; tab_id=&#8221;1407943498-1-42c0be-9433&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem, at egestas velit nulla ipsum dolor glavrida <span class=\"shortcode-tooltip\">lorem tooltip<span class=\"tooltip-c\">Vased interdum pellen tesque!<\/span><\/span> sit amet commun vitas imperdiet imperdiet eleifend pellen nulla metus velit nulla sem lacus et vulputate vel sapien!<\/p>\n<p>Lorem ipsum dolor interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque sit <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\/portfolio?ref=Dream-Theme\" target=\"_blank\" rel=\"noopener noreferrer\">amet lorem<\/a> ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;Mission &amp; goals&#8221; tab_id=&#8221;1407943649252-3-1c0be-9433&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis. Lorem ipsum dolor sit amet lorem ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget\"><div class=\"text-big\"><h5>The best and most beautiful things in the world cannot be seen or even touched \u2013 they must be felt with the heart.<\/h5>\n<\/div><\/section>[vc_empty_space height=&#8221;24px&#8221;][vc_column_text]Vased interdum pellen elit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;We are good at&#8221; tab_id=&#8221;1407943648221-2-9c0be-9433&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet sit amet nulla massa sed turpis aliquam pulvinar metus sed turpis![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;][vc_progress_bar values=&#8221;90|Development,80|Design,70|Marketing,55|Photography&#8221; options=&#8221;striped&#8221;][vc_empty_space height=&#8221;10px&#8221;][\/vc_tab][vc_tab title=&#8221;Contact us&#8221; tab_id=&#8221;1407943691591-4-10c0be-9433&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem lacus et vulputate vel sapien![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<form class=\"dt-contact-form dt-form\" method=\"post\"><input type=\"hidden\" name=\"widget_id\" value=\"presscore-contact-form-widget--1\" \/><input type=\"hidden\" name=\"send_message\" value=\"\" \/><input type=\"hidden\" name=\"security_token\" value=\"982a388f28239318f4bc\"\/><div class=\"form-fields\"><span class=\"form-name\"><label class=\"assistive-text\">Name<\/label><input type=\"text\" placeholder=\"Name\" name=\"name\" value=\"\" aria-required=\"false\">\n<\/span><span class=\"form-mail\"><label class=\"assistive-text\">E-mail *<\/label><input type=\"text\" class=\"validate[required,custom[email]]\" placeholder=\"E-mail *\" name=\"email\" value=\"\" aria-required=\"true\">\n<\/span><\/div><span class=\"form-message\"><label class=\"assistive-text\">Message<\/label><textarea placeholder=\"Message\" name=\"message\" rows=\"6\" aria-required=\"false\"><\/textarea>\n<\/span><p><a href=\"#\" class=\"dt-btn dt-btn-m dt-btn-submit\" rel=\"nofollow\"><span>Send message<\/span><\/a><input class=\"assistive-text\" type=\"submit\" value=\"submit\"><\/p><\/form>\n[\/vc_tab][\/vc_tabs][vc_empty_space height=&#8221;80px&#8221;][vc_column_text css=&#8221;.vc_custom_1482766006268{padding-bottom: 30px !important;}&#8221;]<\/p>\n<h3>Solid background (style 2)<\/h3>\n<p>[\/vc_column_text][vc_tabs interval=&#8221;0&#8243; style=&#8221;tab-style-two&#8221;][vc_tab title=&#8221;Key features&#8221; tab_id=&#8221;1408636000016-0-2&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis. Lorem ipsum dolor sit amet lorem ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque![\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-number-list bullet-top\"><ul>\n<li>Modern &amp; easy to customize design;<\/li>\n<li>Powerful visual layout builder &amp; tons of shortcodes;<\/li>\n<li>Ultra responsive &amp; retina ready layout;<\/li>\n<li>Friendly support &amp; regular updates.<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;5px&#8221;][vc_column_text]Vased interdum pellen elit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;Our company&#8221; tab_id=&#8221;1408635999877-0-9&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem, at egestas velit nulla ipsum dolor glavrida <span class=\"shortcode-tooltip\">lorem tooltip<span class=\"tooltip-c\">Vased interdum pellen tesque!<\/span><\/span> sit amet commun vitas imperdiet imperdiet eleifend pellen nulla metus velit nulla sem lacus et vulputate vel sapien!<\/p>\n<p>Lorem ipsum dolor interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque sit <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\/portfolio?ref=Dream-Theme\" target=\"_blank\" rel=\"noopener noreferrer\">amet lorem<\/a> ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;We are good at&#8221; tab_id=&#8221;1408636000399-0-1&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet sit amet nulla massa sed turpis aliquam pulvinar metus sed turpis![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;][vc_progress_bar values=&#8221;90|Development,80|Design,70|Marketing,55|Photography&#8221; options=&#8221;striped&#8221; caption_pos=&#8221;top&#8221;][vc_empty_space height=&#8221;10px&#8221;][\/vc_tab][vc_tab title=&#8221;Contact us&#8221; tab_id=&#8221;1408636000734-0-0&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem lacus et vulputate vel sapien![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<form class=\"dt-contact-form dt-form\" method=\"post\"><input type=\"hidden\" name=\"widget_id\" value=\"presscore-contact-form-widget--1\" \/><input type=\"hidden\" name=\"send_message\" value=\"\" \/><input type=\"hidden\" name=\"security_token\" value=\"982a388f28239318f4bc\"\/><div class=\"form-fields\"><span class=\"form-name\"><label class=\"assistive-text\">Name<\/label><input type=\"text\" placeholder=\"Name\" name=\"name\" value=\"\" aria-required=\"false\">\n<\/span><span class=\"form-mail\"><label class=\"assistive-text\">E-mail *<\/label><input type=\"text\" class=\"validate[required,custom[email]]\" placeholder=\"E-mail *\" name=\"email\" value=\"\" aria-required=\"true\">\n<\/span><\/div><span class=\"form-message\"><label class=\"assistive-text\">Message<\/label><textarea placeholder=\"Message\" name=\"message\" rows=\"6\" aria-required=\"false\"><\/textarea>\n<\/span><p><a href=\"#\" class=\"dt-btn dt-btn-m dt-btn-submit\" rel=\"nofollow\"><span>Send message<\/span><\/a><input class=\"assistive-text\" type=\"submit\" value=\"submit\"><\/p><\/form>\n[\/vc_tab][\/vc_tabs][vc_empty_space height=&#8221;80px&#8221;][vc_column_text css=&#8221;.vc_custom_1482766026309{padding-bottom: 30px !important;}&#8221;]<\/p>\n<h3>No background (style 3)<\/h3>\n<p>[\/vc_column_text][vc_tabs interval=&#8221;0&#8243; title_size=&#8221;h4&#8243; style=&#8221;tab-style-three&#8221;][vc_tab title=&#8221;ABOUT COMPANY&#8221; tab_id=&#8221;1408636603162-0-0&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem, at egestas velit nulla ipsum dolor glavrida <span class=\"shortcode-tooltip\">lorem tooltip<span class=\"tooltip-c\">Vased interdum pellen tesque!<\/span><\/span> sit amet commun vitas imperdiet imperdiet eleifend pellen nulla metus velit nulla sem lacus et vulputate vel sapien!<\/p>\n<p>Lorem ipsum dolor interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque sit <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\/portfolio?ref=Dream-Theme\" target=\"_blank\" rel=\"noopener noreferrer\">amet lorem<\/a> ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.<\/p>\n<p>Vased interdum pellen tesque, velit nulla ipsum commun vitas amos nulla massa sed turpis aliquam lorem ipsum dolor sit amet lorem ipsum dolor commun vitas imperdiet eleifend![\/vc_column_text][\/vc_tab][vc_tab title=&#8221;OUR SKILLS&#8221; tab_id=&#8221;1408636603789-0-1&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet sit amet nulla massa sed turpis aliquam pulvinar metus sed turpis![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;][vc_progress_bar values=&#8221;%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2255%22%7D%5D&#8221; caption_pos=&#8221;thin_top&#8221; bgstyle=&#8221;transparent&#8221;][\/vc_tab][vc_tab title=&#8221;OUR MISSION&#8221; tab_id=&#8221;1408636603331-0-3&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis. Lorem ipsum dolor sit amet lorem ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<section class=\"shortcode-action-box table shortcode-action-bg block-style-widget\"><div class=\"text-big\"><h5>The best and most beautiful things in the world cannot be seen or even touched \u2013 they must be felt with the heart.<\/h5>\n<\/div><\/section>[vc_empty_space height=&#8221;24px&#8221;][vc_column_text]Vased interdum pellen elit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;GET IN TOUCH&#8221; tab_id=&#8221;1408636604182-0-8&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem lacus et vulputate vel sapien![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<form class=\"dt-contact-form dt-form\" method=\"post\"><input type=\"hidden\" name=\"widget_id\" value=\"presscore-contact-form-widget--1\" \/><input type=\"hidden\" name=\"send_message\" value=\"\" \/><input type=\"hidden\" name=\"security_token\" value=\"982a388f28239318f4bc\"\/><div class=\"form-fields\"><span class=\"form-name\"><label class=\"assistive-text\">Name<\/label><input type=\"text\" placeholder=\"Name\" name=\"name\" value=\"\" aria-required=\"false\">\n<\/span><span class=\"form-mail\"><label class=\"assistive-text\">E-mail *<\/label><input type=\"text\" class=\"validate[required,custom[email]]\" placeholder=\"E-mail *\" name=\"email\" value=\"\" aria-required=\"true\">\n<\/span><\/div><span class=\"form-message\"><label class=\"assistive-text\">Message<\/label><textarea placeholder=\"Message\" name=\"message\" rows=\"6\" aria-required=\"false\"><\/textarea>\n<\/span><p><a href=\"#\" class=\"dt-btn dt-btn-m dt-btn-submit\" rel=\"nofollow\"><span>Send message<\/span><\/a><input class=\"assistive-text\" type=\"submit\" value=\"submit\"><\/p><\/form>\n[\/vc_tab][\/vc_tabs][vc_empty_space height=&#8221;80px&#8221;][vc_column_text css=&#8221;.vc_custom_1482766039221{padding-bottom: 30px !important;}&#8221;]<\/p>\n<h3>Colored\u00a0background (style 4)<\/h3>\n<p>[\/vc_column_text][vc_tabs interval=&#8221;0&#8243; style=&#8221;tab-style-four&#8221;][vc_tab title=&#8221;Key features&#8221; tab_id=&#8221;1445267559568-0-0&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis. Lorem ipsum dolor sit amet lorem ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque![\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;]<div class=\"standard-number-list bullet-top\"><ul>\n<li>Modern &amp; easy to customize design;<\/li>\n<li>Powerful visual layout builder &amp; tons of shortcodes;<\/li>\n<li>Ultra responsive &amp; retina ready layout;<\/li>\n<li>Friendly support &amp; regular updates.<\/li>\n<\/ul>\n<\/div>[vc_empty_space height=&#8221;5px&#8221;][vc_column_text]Vased interdum pellen elit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;Our company&#8221; tab_id=&#8221;1445267560600-0-1&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem, at egestas velit nulla ipsum dolor glavrida <span class=\"shortcode-tooltip\">lorem tooltip<span class=\"tooltip-c\">Vased interdum pellen tesque!<\/span><\/span> sit amet commun vitas imperdiet imperdiet eleifend pellen nulla metus velit nulla sem lacus et vulputate vel sapien!<\/p>\n<p>Lorem ipsum dolor interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque sit <a href=\"http:\/\/themeforest.net\/user\/Dream-Theme\/portfolio?ref=Dream-Theme\" target=\"_blank\" rel=\"noopener noreferrer\">amet lorem<\/a> ipsum dolor commun vitas imperdiet eleifend magna pellen tesque velit nulla. Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet commun vitas amos nulla massa sed turpis aliquam pulvinar metus sed turpis.[\/vc_column_text][\/vc_tab][vc_tab title=&#8221;We are good at&#8221; tab_id=&#8221;1445267560955-0-9&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla ipsum dolor sit amet commun vitas imperdiet eleifend magna pellen tesque velit nulla. Integer vitae ante vitae mauris. Loremious ipsum ipsum dolor sit amet sit amet nulla massa sed turpis aliquam pulvinar metus sed turpis![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;][vc_progress_bar values=&#8221;90|Development,80|Design,70|Marketing,55|Photography&#8221; options=&#8221;striped&#8221; caption_pos=&#8221;top&#8221;][vc_empty_space height=&#8221;10px&#8221;][\/vc_tab][vc_tab title=&#8221;Contact us&#8221; tab_id=&#8221;1445267561836-0-4&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem lacus et vulputate vel sapien![\/vc_column_text][vc_empty_space height=&#8221;24px&#8221;]<form class=\"dt-contact-form dt-form\" method=\"post\"><input type=\"hidden\" name=\"widget_id\" value=\"presscore-contact-form-widget--1\" \/><input type=\"hidden\" name=\"send_message\" value=\"\" \/><input type=\"hidden\" name=\"security_token\" value=\"982a388f28239318f4bc\"\/><div class=\"form-fields\"><span class=\"form-name\"><label class=\"assistive-text\">Name<\/label><input type=\"text\" placeholder=\"Name\" name=\"name\" value=\"\" aria-required=\"false\">\n<\/span><span class=\"form-mail\"><label class=\"assistive-text\">E-mail *<\/label><input type=\"text\" class=\"validate[required,custom[email]]\" placeholder=\"E-mail *\" name=\"email\" value=\"\" aria-required=\"true\">\n<\/span><\/div><span class=\"form-message\"><label class=\"assistive-text\">Message<\/label><textarea placeholder=\"Message\" name=\"message\" rows=\"6\" aria-required=\"false\"><\/textarea>\n<\/span><p><a href=\"#\" class=\"dt-btn dt-btn-m dt-btn-submit\" rel=\"nofollow\"><span>Send message<\/span><\/a><input class=\"assistive-text\" type=\"submit\" value=\"submit\"><\/p><\/form>\n[\/vc_tab][\/vc_tabs][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row margin_top=&#8221;-5&#8243; margin_bottom=&#8221;10&#8243;][vc_column animation=&#8221;fadeIn&#8221;][vc_column_text css=&#8221;.vc_custom_1482765992545{padding-bottom: 30px !important;}&#8221;] Titles with background (style1) [\/vc_column_text][vc_tabs interval=&#8221;0&#8243; title_size=&#8221;h5&#8243;][vc_tab title=&#8221;Our company&#8221; tab_id=&#8221;1407943498-1-42c0be-9433&#8243;][vc_column_text]Vased interdum pellen tesque, velit nulla sem lacus et vulputate pellen tesque velit lorem nulla sem, at egestas velit nulla ipsum dolor glavrida sit amet commun vitas imperdiet imperdiet eleifend pellen nulla metus velit nulla sem lacus et vulputate&hellip;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":13572,"menu_order":520,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/pages\/14059"}],"collection":[{"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/comments?post=14059"}],"version-history":[{"count":0,"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/pages\/14059\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/pages\/13572"}],"wp:attachment":[{"href":"https:\/\/clubmpa.com\/wp-json\/wp\/v2\/media?parent=14059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}