{"id":77,"date":"2017-06-06T09:26:24","date_gmt":"2017-06-06T09:26:24","guid":{"rendered":"https:\/\/demo.exptheme.com\/medix\/?page_id=77"},"modified":"2017-06-06T09:26:24","modified_gmt":"2017-06-06T09:26:24","slug":"teasers","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/medix\/teasers\/","title":{"rendered":"Teasers"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_custom_heading text=&#8221;Background Teaser&#8221; font_container=&#8221;tag:h2|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1496992852351{margin-bottom: 20px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][cms_teaser background_overlay=&#8221;rgba(1,178,183,0.85)&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart2&#8243; icon_color=&#8221;#cb5151&#8243; link=&#8221;url:%23|title:Regular%20Button||&#8221; btn_type=&#8221;btn-secondary&#8221; image=&#8221;545&#8243; title=&#8221;Color Big&#8221;]This is teaser with big size color icon with <strong class=\"grey\">h3<\/strong> heading and <strong class=\"grey\">RT-Icon<\/strong><br \/>\nicon[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/3&#8243;][cms_teaser background_overlay=&#8221;rgba(16,32,53,0.9)&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-leaf&#8221; icon_color=&#8221;#323232&#8243; link=&#8221;url:%23|title:Inverse%20Button||&#8221; btn_type=&#8221;btn-white&#8221; image=&#8221;548&#8243; title=&#8221;Color Big&#8221;]This is teaser with big size color icon with <strong class=\"grey\">h3<\/strong> heading and <strong class=\"grey\">RT-Icon<\/strong><br \/>\nicon[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/3&#8243;][cms_teaser background_overlay=&#8221;rgba(203,81,81,0.9)&#8221; icon_fontawesome=&#8221;fa fa-star-half-o&#8221; icon_color=&#8221;#ffffff&#8221; link=&#8221;url:%23|title:Regular%20Button||&#8221; btn_type=&#8221;btn-primary&#8221; image=&#8221;549&#8243; title=&#8221;Color Big&#8221;]This is teaser with big size color icon with <strong class=\"grey\">h3<\/strong> heading and <strong class=\"grey\">Font Awesome<\/strong><br \/>\nicon[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#dddddd&#8221; css=&#8221;.vc_custom_1496993262598{margin-top: 20px !important;margin-bottom: 20px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1496993320374{padding-top: 30px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Icon Teasers&#8221; font_container=&#8221;tag:h2|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1496993508296{margin-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1496993598791{margin-bottom: 10px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<p class=\"text-center\">You can manage icon types by toggling following classes to <strong class=\"grey\">teaser_icon<\/strong> div: &#8220;grey&#8221;, &#8220;highlight&#8221;, &#8220;size_big&#8221;, &#8220;size_small&#8221;, &#8220;size_normal&#8221;, &#8220;dark_bg_color&#8221;, &#8220;main_bg_color&#8221;, &#8220;border_icon&#8221;, &#8220;round&#8221;. Also you can remove button from teaser and add a link inside any header.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1496993320374{padding-top: 30px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Normal Icons&#8221; font_container=&#8221;tag:h3|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1496993980482{margin-bottom: 60px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][cms_teaser layout=&#8221;layout2&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_size=&#8221;size_normal&#8221; icon_color=&#8221;#323232&#8243; title_heading=&#8221;h2&#8243; title=&#8221;Grey Normal&#8221;]<\/p>\n<p>This is teaser with normal size grey icon with <strong class=\"grey\">h2<\/strong> heading and link inside header<\/p>\n<p>[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/3&#8243;][cms_teaser layout=&#8221;layout2&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_size=&#8221;size_small&#8221; icon_color=&#8221;#01b2b7&#8243; link=&#8221;url:%23|title:Regular%20Button||&#8221; btn_type=&#8221;btn-primary&#8221; title=&#8221;Color Small&#8221;]This is teaser with normal size grey icon with <strong class=\"grey\">h3<\/strong> heading and link inside header[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/3&#8243;][cms_teaser layout=&#8221;layout2&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_color=&#8221;#323232&#8243; title_heading=&#8221;h4&#8243; title=&#8221;Black Normal&#8221;]This is teaser with normal size grey icon with <strong class=\"grey\">h4<\/strong> heading and link inside header[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#dddddd&#8221; css=&#8221;.vc_custom_1496994197327{margin-top: 20px !important;margin-bottom: 40px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Background &amp; Border Icons&#8221; font_container=&#8221;tag:h3|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1496994105057{margin-bottom: 50px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout3&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-star&#8221; icon_color=&#8221;#1a1a1a&#8221; icon_border=&#8221;1&#8243; icon_round=&#8221;&#8221; title_heading=&#8221;h2&#8243; title=&#8221;Black Big&#8221;]<\/p>\n<p>This is teaser with big size black icon with <strong class=\"grey\">h2<\/strong> heading and link inside header<\/p>\n<p>[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout3&#8243; icon_fontawesome=&#8221;fa fa-cube&#8221; icon_size=&#8221;size_small&#8221; icon_color=&#8221;#01b2b7&#8243; icon_border=&#8221;1&#8243; icon_round=&#8221;1&#8243; link=&#8221;url:%23|title:Regular%20Button||&#8221; btn_type=&#8221;btn-primary&#8221; title=&#8221;Color Small&#8221;]This is teaser with big size color icon with <strong class=\"grey\">h3<\/strong> heading and <strong class=\"grey\">Font Awesome<\/strong> icon[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout3&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-sound&#8221; icon_size=&#8221;size_normal&#8221; icon_color=&#8221;#ffffff&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;&#8221; icon_bg=&#8221;#1a1a1a&#8221; title_heading=&#8221;h4&#8243; link=&#8221;url:%23|title:Inverse%20Button||&#8221; btn_type=&#8221;btn-inverse&#8221; title=&#8221;Dark BG Normal&#8221;]This is teaser with dark background normal size icon and <strong class=\"grey\">h4<\/strong> heading[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout3&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-settings&#8221; icon_size=&#8221;size_normal&#8221; icon_color=&#8221;#ffffff&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;1&#8243; icon_bg=&#8221;#01b2b7&#8243; link=&#8221;url:%23|title:Know%20More!||&#8221; btn_type=&#8221;btn-secondary&#8221; title=&#8221;Main BG Normal&#8221;]This is teaser with big size color background icon and <strong class=\"grey\">h3<\/strong> heading[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#dddddd&#8221; css=&#8221;.vc_custom_1496995089868{margin-top: 20px !important;margin-bottom: 50px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Teasers With Borders and Backgrounds&#8221; font_container=&#8221;tag:h2|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1496995099505{margin-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1496995122381{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<p class=\"text-center\">You can add a border or a background to any of them by adding a <strong class=\"grey\">with_border<\/strong> or <strong class=\"grey\">with_background<\/strong>, <strong class=\"grey\">dark_bg_color<\/strong>, <strong class=\"grey\">main_bg_color<\/strong> classes to <strong class=\"grey\">teaser<\/strong> element.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout4&#8243; with_border=&#8221;1&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_color=&#8221;#ffffff&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;&#8221; icon_bg=&#8221;#01b2b7&#8243; title_heading=&#8221;h4&#8243; link=&#8221;url:%23|title:Know%20More!||&#8221; btn_type=&#8221;btn-secondary&#8221; title=&#8221;Border Teaser&#8221;]This is teaser with normal size grey icon with h4 heading[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout4&#8243; with_border=&#8221;&#8221; background_type=&#8221;gray_light_bg&#8221; icon_fontawesome=&#8221;fa fa-paint-brush&#8221; icon_color=&#8221;#01b2b7&#8243; icon_border=&#8221;&#8221; icon_round=&#8221;&#8221; link=&#8221;url:%23|title:Know%20More!||&#8221; btn_type=&#8221;btn-primary&#8221; title=&#8221;Muted Teaser&#8221;]This is teaser with big size color icon with h3 heading and <strong class=\"grey\">Font Awesome<\/strong> icon[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout4&#8243; with_border=&#8221;&#8221; background_type=&#8221;dark_bg&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-star&#8221; icon_color=&#8221;rgba(255,255,255,0.6)&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;&#8221; title_heading=&#8221;h4&#8243; link=&#8221;url:%23|title:Know%20More!||&#8221; title=&#8221;Dark Teaser&#8221;]This is teaser with big size icon, dark background and h4 heading with border[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243;][cms_teaser layout=&#8221;layout4&#8243; with_border=&#8221;&#8221; background_type=&#8221;primary_bg&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-eye&#8221; icon_size=&#8221;size_small&#8221; icon_color=&#8221;rgba(255,255,255,0.6)&#8221; icon_border=&#8221;1&#8243; icon_round=&#8221;1&#8243; link=&#8221;url:%23|title:Know%20More!||&#8221; btn_type=&#8221;btn-inverse&#8221; title=&#8221;Color Teaser&#8221;]This is teaser with small size icon with border, color background and h3 heading[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#dddddd&#8221; css=&#8221;.vc_custom_1497003212806{margin-top: 20px !important;margin-bottom: 40px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Side Teasers&#8221; font_container=&#8221;tag:h2|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1497002849222{margin-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1496995122381{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1497003280231{margin-bottom: 10px !important;}&#8221;]<\/p>\n<p class=\"text-center\" style=\"text-align: center;\">You can style icons for side teaser same as for regular teaser<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][cms_teaser layout=&#8221;layout5&#8243; with_border=&#8221;&#8221; text_right=&#8221;&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_size=&#8221;size_normal&#8221; icon_color=&#8221;#01b2b7&#8243; icon_border=&#8221;&#8221; icon_round=&#8221;&#8221; title_heading=&#8221;h4&#8243; title=&#8221;Normal Icon Side Teaser&#8221;]This is a side teaser with small size icon and h4 heading[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243;][cms_teaser layout=&#8221;layout5&#8243; with_border=&#8221;&#8221; text_right=&#8221;1&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_size=&#8221;size_small&#8221; icon_color=&#8221;#ffffff&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;&#8221; icon_bg=&#8221;#01b2b7&#8243; title=&#8221;Small Icon Side Teaser&#8221;]This is a side teaser with small size icon and h3 heading[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][cms_teaser layout=&#8221;layout5&#8243; with_border=&#8221;1&#8243; text_right=&#8221;&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_size=&#8221;size_small&#8221; icon_color=&#8221;#ffffff&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;1&#8243; icon_bg=&#8221;#323232&#8243; title=&#8221;Small Icon Side Teaser With Border&#8221;]This is a side teaser with small size icon and h3 heading[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/2&#8243;][cms_teaser layout=&#8221;layout5&#8243; with_border=&#8221;&#8221; background_type=&#8221;primary_bg&#8221; text_right=&#8221;1&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart&#8221; icon_size=&#8221;size_small&#8221; icon_color=&#8221;rgba(255,255,255,0.6)&#8221; icon_border=&#8221;1&#8243; icon_round=&#8221;&#8221; title_heading=&#8221;h4&#8243; title=&#8221;Small Icon Side Teaser&#8221;]This is a side teaser with small size icon and h4 heading[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#dddddd&#8221; css=&#8221;.vc_custom_1497003212806{margin-top: 20px !important;margin-bottom: 40px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Horizontal Teasers&#8221; font_container=&#8221;tag:h2|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1497057692696{margin-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1496995122381{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1497057957426{margin-bottom: 36px !important;}&#8221;]<\/p>\n<p class=\"text-center\" style=\"text-align: center;\">You can style icons for horizontal teaser same as for regular teaser<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1497058252279{padding-bottom: 40px !important;}&#8221;][vc_column][cms_teaser layout=&#8221;layout6&#8243; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-clock3&#8243; icon_size=&#8221;size_small&#8221; icon_color=&#8221;#ffffff&#8221; icon_border=&#8221;&#8221; icon_round=&#8221;1&#8243; icon_bg=&#8221;#01b2b7&#8243; title_heading=&#8221;h2&#8243; title=&#8221;Business Meetings&#8221;]<span class=\"webkit-html-text-node being-edited editing\" tabindex=\"0\" contenteditable=\"plaintext-only\">At vero eos et accusam justo duo dolores ea rebum skasd gubergren no sea takimata sanctus est lorem ipsum<\/span>[\/cms_teaser][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1497058262970{padding-bottom: 40px !important;}&#8221;][vc_column][cms_teaser layout=&#8221;layout6&#8243; background_type=&#8221;gray_light_bg&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-clock3&#8243; icon_color=&#8221;#01b2b7&#8243; icon_border=&#8221;&#8221; icon_round=&#8221;1&#8243; title=&#8221;Business Meetings&#8221;]<span class=\"webkit-html-text-node being-edited editing\" tabindex=\"0\" contenteditable=\"plaintext-only\">At vero eos et accusam justo duo dolores ea rebum skasd gubergren no sea takimata sanctus est lorem ipsum<\/span>[\/cms_teaser][\/vc_column][\/vc_row][vc_row][vc_column][cms_teaser layout=&#8221;layout6&#8243; background_type=&#8221;primary_bg&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-clock3&#8243; icon_color=&#8221;rgba(255,255,255,0.6)&#8221; icon_border=&#8221;1&#8243; icon_round=&#8221;1&#8243; title=&#8221;Business Meetings&#8221;]<span class=\"webkit-html-text-node being-edited editing\" tabindex=\"0\" contenteditable=\"plaintext-only\">At vero eos et accusam justo duo dolores ea rebum skasd gubergren no sea takimata sanctus est lorem ipsum<\/span>[\/cms_teaser][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&#8221;Background Teaser&#8221; font_container=&#8221;tag:h2|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1496992852351{margin-bottom: 20px !important;}&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][cms_teaser background_overlay=&#8221;rgba(1,178,183,0.85)&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-heart2&#8243; icon_color=&#8221;#cb5151&#8243; link=&#8221;url:%23|title:Regular%20Button||&#8221; btn_type=&#8221;btn-secondary&#8221; image=&#8221;545&#8243; title=&#8221;Color Big&#8221;]This is teaser with big size color icon with h3 heading and RT-Icon icon[\/cms_teaser][\/vc_column][vc_column width=&#8221;1\/3&#8243;][cms_teaser background_overlay=&#8221;rgba(16,32,53,0.9)&#8221; icon_type=&#8221;rticon2&#8243; icon_rticon2=&#8221;rt-icon2-leaf&#8221; icon_color=&#8221;#323232&#8243; link=&#8221;url:%23|title:Inverse%20Button||&#8221; btn_type=&#8221;btn-white&#8221; image=&#8221;548&#8243; title=&#8221;Color Big&#8221;]This is teaser with big size color icon with h3<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/medix\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}