{"id":2976,"date":"2013-10-31T13:13:31","date_gmt":"2013-10-31T13:13:31","guid":{"rendered":"http:\/\/demo.qodeinteractive.com\/river\/?page_id=2976"},"modified":"2013-10-31T13:13:31","modified_gmt":"2013-10-31T13:13:31","slug":"interactive-elements","status":"publish","type":"page","link":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/","title":{"rendered":"Interactive Elements"},"content":{"rendered":"[vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;steps&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: center;\">\n<h6 style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>INTERACTIVE<\/strong><\/span><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">OUR PROCESS STEPS<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;]<div class='steps_holder'><div class='steps_holder_inner'><div class='circle_small_holder step1'><div class='circle_small_holder_inner'><div class='arrow_holder'><\/div><div class='circle_small' style='background-color: #f54325;'><div class='circle_small_inner'><span style=''>01<\/span><h4 class='step_title' style=''>RESEARCH<\/h4><\/div><\/div><\/div><p><\/p><\/div><div class='circle_small_holder step2'><div class='circle_small_holder_inner'><div class='arrow_holder'><\/div><div class='circle_small' style='background-color: #f54325;'><div class='circle_small_inner'><span style=''>02<\/span><h4 class='step_title' style=''>CONCEPT<\/h4><\/div><\/div><\/div><p><\/p><\/div><div class='circle_small_holder step3'><div class='circle_small_holder_inner'><div class='arrow_holder'><\/div><div class='circle_small' style='background-color: #f54325;'><div class='circle_small_inner'><span style=''>03<\/span><h4 class='step_title' style=''>DESIGN<\/h4><\/div><\/div><\/div><p><\/p><\/div><div class='circle_small_holder step4'><div class='circle_small_holder_inner'><div class='arrow_holder'><\/div><div class='circle_small' style='background-color: #f54325;'><div class='circle_small_inner'><span style=''>04<\/span><h4 class='step_title' style=''>DEVELOP<\/h4><\/div><\/div><\/div><p><\/p><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;icon_with_text&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: center;\">\n<h6 style=\"text-align: center;\"><strong>INTERACTIVE<\/strong><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">ANIMATED CSS ELEMENTS<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_right&#8221;][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-left\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM RIGHT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-left\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM RIGHT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-left\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM RIGHT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-left\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM RIGHT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_left&#8221;][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-right\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM LEFT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-right\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM LEFT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-right\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM LEFT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-right\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM LEFT<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_top&#8221;][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-down\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM TOP<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-down\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM TOP<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-down\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM TOP<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-down\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM TOP<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_bottom&#8221;][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-up\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM BOTTOM<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-up\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM BOTTOM<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-up\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM BOTTOM<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-arrow-up\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM BOTTOM<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;28&#8243; css_animation=&#8221;element_from_fade&#8221;][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-bullseye\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM CENTER<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-bullseye\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM CENTER<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-bullseye\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM CENTER<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class='icon_with_title large  circle center'><div class=\"icon_holder \" style=\"\"><span class=\"icon-stack icon-4x  custom-font\" style=\"font-size: 66px;\"><i class=\"icon-circle icon-stack-base\" style=\"\"><\/i><i class=\"icon-bullseye\" style=\"\"><\/i><\/span><\/div><div class=\"icon_text_holder\"><div class=\"icon_text_inner\" style=\"\"><h4 class=\"icon_title\" style=\"\">ANIMATION FROM CENTER<\/h4><p style=\"\"><\/p><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; anchor=&#8221;image_with_text_over&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h6 style=\"text-align: center;\"><strong>INTERACTIVE<\/strong><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">INTERACTIVE BANNERS<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221; down=&#8221;50&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"image_with_text_over\"><div class=\"shader\"><\/div><img decoding=\"async\" src=\"\" alt=\"INTERACTIVE BANNER\" \/><div class=\"text\"><table><tr><td><h3 class=\"caption\" style=\"\">INTERACTIVE BANNER<\/h3><span class=\"over_line\" style=\"\"><\/span><div class=\"subtitle\">Interactive Banner Subtitle<\/div><\/td><\/tr><\/table><table><tr><td><div class=\"desc\">I am test text for Image with text shortcode.<\/div><\/td><\/tr><\/table><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"image_with_text_over\"><div class=\"shader\"><\/div><img decoding=\"async\" src=\"\" alt=\"INTERACTIVE BANNER\" \/><div class=\"text\"><table><tr><td><h3 class=\"caption\" style=\"\">INTERACTIVE BANNER<\/h3><span class=\"over_line\" style=\"\"><\/span><div class=\"subtitle\">Interactive Banner Subtitle<\/div><\/td><\/tr><\/table><table><tr><td><div class=\"desc\">I am test text for Image with text shortcode.<\/div><\/td><\/tr><\/table><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"image_with_text_over\"><div class=\"shader\"><\/div><img decoding=\"async\" src=\"\" alt=\"INTERACTIVE BANNER\" \/><div class=\"text\"><table><tr><td><h3 class=\"caption\" style=\"\">INTERACTIVE BANNER<\/h3><span class=\"over_line\" style=\"\"><\/span><div class=\"subtitle\">Interactive Banner Subtitle<\/div><\/td><\/tr><\/table><table><tr><td><div class=\"desc\">I am test text for Image with text shortcode.<\/div><\/td><\/tr><\/table><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; up=&#8221;19&#8243; down=&#8221;0&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"image_with_text_over\"><div class=\"shader\"><\/div><img decoding=\"async\" src=\"\" alt=\"INTERACTIVE BANNER\" \/><div class=\"text\"><table><tr><td><h2 class=\"caption\" style=\"\">INTERACTIVE BANNER<\/h2><span class=\"over_line\" style=\"\"><\/span><div class=\"subtitle\">Interactive Banner Subtitle<\/div><\/td><\/tr><\/table><table><tr><td><div class=\"desc\">I am test text for Image with text shortcode.<\/div><\/td><\/tr><\/table><\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]<div class=\"image_with_text_over\"><div class=\"shader\"><\/div><img decoding=\"async\" src=\"\" alt=\"INTERACTIVE BANNER\" \/><div class=\"text\"><table><tr><td><h2 class=\"caption\" style=\"\">INTERACTIVE BANNER<\/h2><span class=\"over_line\" style=\"\"><\/span><div class=\"subtitle\">Interactive Banner Subtitle<\/div><\/td><\/tr><\/table><table><tr><td><div class=\"desc\">I am test text for Image with text shortcode.<\/div><\/td><\/tr><\/table><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;32&#8243; anchor=&#8221;latest_posts&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h6 style=\"text-align: center;\"><strong>INTERACTIVE<\/strong><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">LATEST POSTS<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/1&#8243;]<div class='latest_post_holder'><ul><\/ul><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; anchor=&#8221;parallax&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h6 style=\"text-align: center;\"><span style=\"color: #000000;\"><strong>INTERACTIVE<\/strong><\/span><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">PARALLAX SECTIONS<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221; down=&#8221;44&#8243;][vc_parallax][vc_parallax_section title=&#8221;Section 1&#8243; background_image=&#8221;4146&#8243; height=&#8221;450&#8243; position=&#8221;center&#8221;][vc_separator type=&#8221;transparent&#8221; up=&#8221;75&#8243; down=&#8221;75&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: center;\">\n<h2><span style=\"color: #ffffff;\">PLACE ANYTHING YOU WANT HERE<\/span><\/h2>\n<\/span>[\/vc_parallax_section][vc_parallax_section title=&#8221;Section 2&#8243; background_image=&#8221;4147&#8243; height=&#8221;450&#8243; position=&#8221;center&#8221;][vc_separator type=&#8221;transparent&#8221; up=&#8221;75&#8243; down=&#8221;75&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: center;\">\n<h2><span style=\"color: #ffffff;\">PLACE ANYTHING YOU WANT HERE<\/span><\/h2>\n<\/span>[\/vc_parallax_section][vc_parallax_section title=&#8221;Section&#8221;][\/vc_parallax_section][\/vc_parallax][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;70&#8243; anchor=&#8221;testimonials&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h6 style=\"text-align: center;\"><strong>INTERACTIVE<\/strong><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">TESTIMONIALS<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221;]<div class=\"testimonials_holder clearfix\"><div class=\"testimonials transparent\"><div class=\"testimonial_container\"><div id=\"testimonials545\" class=\"testimonial_content\"><div class=\"testimonial_text_holder\"><div class=\"testimonial_text_inner\" style=\"background-color: #ffff;border-color: #dddddd;\"><p>\"<center style=\"font-style: italic; font-size: 16px\">I had my wedding at Johnny\u2019s Catering. <br \/>\r\nAll I can say is WOW! Willemien and her team went above and beyond to host  our special day.<br \/>\r\nThank you!<\/center>\"<\/p><span class=\"testimonial_name\" style=\"\"><span class=\"author_desc\" style=\"\"><\/span><\/span><\/div><\/div><\/div><div id=\"testimonials544\" class=\"testimonial_content\"><div class=\"testimonial_text_holder\"><div class=\"testimonial_text_inner\" style=\"background-color: #ffff;border-color: #dddddd;\"><p>\"<center style=\"font-style: italic; font-size: 16px\">We booked our corporate function at Johnny\u2019s Catering. <br \/>\r\nWhat a fantastic event! <br \/>\r\nThanks to the team for their amazing food and wonderful service. <br \/>\r\nWe will be back!<\/center>\"<\/p><span class=\"testimonial_name\" style=\"\"><span class=\"author_desc\" style=\"\"><\/span><\/span><\/div><\/div><\/div><div id=\"testimonials542\" class=\"testimonial_content\"><div class=\"testimonial_text_holder\"><div class=\"testimonial_text_inner\" style=\"background-color: #ffff;border-color: #dddddd;\"><p>\"Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea.\"<\/p><span class=\"testimonial_name\" style=\"\">JOHN DOE<span class=\"author_desc\" style=\"\"><\/span><\/span><\/div><\/div><\/div><\/div><ul class=\"testimonial_nav\"><li><a href=\"#testimonials545\"><\/a><\/li><li><a href=\"#testimonials544\"><\/a><\/li><li><a href=\"#testimonials542\"><\/a><\/li><\/ul><\/div><\/div>[\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;70&#8243; anchor=&#8221;services&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h6 style=\"text-align: center;\"><strong>INTERACTIVE<\/strong><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">SERVICES<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class=\"circle_item circle_top\"><div class=\"circle fade_in_circle\" style=\"\"><div>WEB DESIGN<\/div><\/div><div class=\"text\">I am test text for service shortcode.<\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class=\"circle_item circle_top\"><div class=\"circle fade_in_circle\" style=\"\"><div>WEB DEVELOPMENT<\/div><\/div><div class=\"text\">I am test text for service shortcode.<\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class=\"circle_item circle_top\"><div class=\"circle fade_in_circle\" style=\"\"><div>WORDPRESS<\/div><\/div><div class=\"text\">I am test text for service shortcode.<\/div><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]<div class=\"circle_item circle_top\"><div class=\"circle fade_in_circle\" style=\"\"><div>QODE INTERACTIVE<\/div><\/div><div class=\"text\">I am test text for service shortcode.<\/div><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;70&#8243; anchor=&#8221;galleries&#8221;][vc_column width=&#8221;1\/1&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Open Sans; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h6 style=\"text-align: center;\"><strong>INTERACTIVE<\/strong><\/h6>\n<\/span>[vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;]<span class=\"custom_font_holder\" style=\"font-family: Oswald; font-size: 15px; line-height: 26px; font-style: normal; font-weight: 300; text-decoration: none; padding: 0pxpx; margin: 0pxpx; text-align: left;\">\n<h2 style=\"text-align: center;\">GALLERY<\/h2>\n<\/span>[vc_separator type=&#8221;small&#8221;][vc_gallery type=&#8221;image_grid&#8221; interval=&#8221;5&#8243; images=&#8221;3629,3630,3631&#8243; onclick=&#8221;link_image&#8221; custom_links_target=&#8221;_self&#8221; column_number=&#8221;3&#8243; img_size=&#8221;1060&#215;596&#8243;][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;steps&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;icon_with_text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_right&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_left&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"full_width.php","meta":{"footnotes":""},"class_list":["post-2976","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interactive Elements | Johnnys Catering<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interactive Elements | Johnnys Catering\" \/>\n<meta property=\"og:description\" content=\"[vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;steps&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;icon_with_text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_right&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_left&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Johnnys Catering\" \/>\n<meta property=\"og:image\" content=\"https:\/\/johnnyscatering.co.za\/wp-content\/uploads\/2018\/09\/cropped-logo-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interactive Elements | Johnnys Catering","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/","og_locale":"en_US","og_type":"article","og_title":"Interactive Elements | Johnnys Catering","og_description":"[vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;steps&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;section&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_bottom=&#8221;0&#8243; anchor=&#8221;icon_with_text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_separator type=&#8221;transparent&#8221; up=&#8221;0&#8243; down=&#8221;10&#8243;][vc_separator type=&#8221;small&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_right&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator type=&#8221;transparent&#8221; position=&#8221;center&#8221;][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;grid&#8221; text_align=&#8221;left&#8221; padding_top=&#8221;0&#8243; padding_bottom=&#8221;24&#8243; css_animation=&#8221;element_from_left&#8221;][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][\/vc_column_inner][\/vc_row_inner][vc_separator...","og_url":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/","og_site_name":"Johnnys Catering","og_image":[{"width":512,"height":512,"url":"https:\/\/johnnyscatering.co.za\/wp-content\/uploads\/2018\/09\/cropped-logo-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/","url":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/","name":"Interactive Elements | Johnnys Catering","isPartOf":{"@id":"https:\/\/johnnyscatering.co.za\/#website"},"datePublished":"2013-10-31T13:13:31+00:00","breadcrumb":{"@id":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/johnnyscatering.co.za\/index.php\/interactive-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/johnnyscatering.co.za\/"},{"@type":"ListItem","position":2,"name":"Interactive Elements"}]},{"@type":"WebSite","@id":"https:\/\/johnnyscatering.co.za\/#website","url":"https:\/\/johnnyscatering.co.za\/","name":"Johnny's Catering","description":"","publisher":{"@id":"https:\/\/johnnyscatering.co.za\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/johnnyscatering.co.za\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/johnnyscatering.co.za\/#organization","name":"Johnny's Catering","url":"https:\/\/johnnyscatering.co.za\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/johnnyscatering.co.za\/#\/schema\/logo\/image\/","url":"https:\/\/johnnyscatering.co.za\/wp-content\/uploads\/2018\/09\/cropped-logo-1.png","contentUrl":"https:\/\/johnnyscatering.co.za\/wp-content\/uploads\/2018\/09\/cropped-logo-1.png","width":512,"height":512,"caption":"Johnny's Catering"},"image":{"@id":"https:\/\/johnnyscatering.co.za\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/pages\/2976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=2976"}],"version-history":[{"count":0,"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/pages\/2976\/revisions"}],"wp:attachment":[{"href":"https:\/\/johnnyscatering.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=2976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}