{"id":10589,"date":"2014-09-04T18:53:14","date_gmt":"2014-09-04T18:53:14","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=10589"},"modified":"2024-05-17T16:28:42","modified_gmt":"2024-05-17T16:28:42","slug":"modals","status":"publish","type":"page","link":"https:\/\/kallipoli.org\/en\/modals\/","title":{"rendered":"Modal Popup"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-color:#eaeaea;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:30px;--awb-padding-bottom:40px;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-bg-color:#f6f6f6;--awb-bg-color-hover:#f6f6f6;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-1\"><h1 style=\"margin-top: 0px;\">Modal Popup Shortcode<\/h1>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; margin-top: -15px; text-align: left;\">Avada includes an incredible modal popup that can be used to show additional content on a page. It can be triggered by a button, text link or an image. Use any of our other shortcodes inside of it as well. These are perfect for catching your viewers eye and displaying extra content on your site.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:60px;--awb-padding-left:0px;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"--awb-bg-size:cover;width:30.6666%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" alt=\"shortcodes\" src=\"http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2012\/07\/blog_5.jpg\" class=\"img-responsive\"\/><\/span><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:18px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-2\"><h2>Large Modal Sample 1<\/h2>\n<p>Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.<\/p>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:5px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-large button-default fusion-button-default button-1 fusion-button-default-span \" target=\"_blank\" rel=\"noopener noreferrer\" href=\"#\" data-toggle=\"modal\" data-target=\".fusion-modal.modal1\"><span class=\"fusion-button-text\">Large Modal Sample 1<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_3 1_3 fusion-one-third\" style=\"--awb-bg-size:cover;width:30.6666%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" alt=\"shortcodes\" src=\"http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2012\/07\/blog_5.jpg\" class=\"img-responsive\"\/><\/span><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:18px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-3\"><h2>Large Modal Sample 2<\/h2>\n<p>Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.<\/p>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:5px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-large button-default fusion-button-default button-2 fusion-button-default-span \" target=\"_blank\" rel=\"noopener noreferrer\" href=\"#\" data-toggle=\"modal\" data-target=\".fusion-modal.modal2\"><span class=\"fusion-button-text\">Large Modal Sample 2<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last\" style=\"--awb-bg-size:cover;width:30.6666%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element in-legacy-container\" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-3 hover-type-none\"><img decoding=\"async\" alt=\"shortcodes\" src=\"http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2012\/07\/blog_5.jpg\" class=\"img-responsive\"\/><\/span><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:18px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-4\"><h2>Small Modal Sample<\/h2>\n<p>Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rems uns sadips.<\/p>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:5px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-large button-default fusion-button-default button-3 fusion-button-default-span \" target=\"_blank\" rel=\"noopener noreferrer\" href=\"#\" data-toggle=\"modal\" data-target=\".fusion-modal.modal3\"><span class=\"fusion-button-text\">Small Modal Sample<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-color:#eaeaea;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-bg-color:#f6f6f6;--awb-bg-color-hover:#f6f6f6;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-5\"><p style=\"font-size: 18px; margin-bottom: 12px; text-align: left;\"><span style=\"color: #333333;\"><strong>Custom Options<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; text-align: left;\">Select large or small popup, control background color, border color and show or hide the footer with button<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:30px;--awb-padding-right:0px;--awb-padding-bottom:60px;--awb-padding-left:0px;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;width:48%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-xlarge button-default fusion-button-default button-4 fusion-button-default-span \" target=\"_blank\" rel=\"noopener noreferrer\" href=\"#\" data-toggle=\"modal\" data-target=\".fusion-modal.modal4\"><span class=\"fusion-button-text\">Change Popup Colors<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;width:48%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-xlarge button-default fusion-button-default button-5 fusion-button-default-span \" target=\"_blank\" rel=\"noopener noreferrer\" href=\"#\" data-toggle=\"modal\" data-target=\".fusion-modal.modal5\"><span class=\"fusion-button-text\">Show or Hide Footer<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0px;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-bg-color:#f6f6f6;--awb-bg-color-hover:#f6f6f6;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-6\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Complete Set of Options <\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Every option and description included with the alert shortcode is listed below.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"--awb-background-position:left top;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:30px;--awb-padding-right:0px;--awb-padding-bottom:80px;--awb-padding-left:0px;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-padding-top:30px;--awb-padding-right:30px;--awb-padding-bottom:30px;--awb-padding-left:30px;--awb-bg-color:#f8f8f8;--awb-bg-color-hover:#f8f8f8;--awb-bg-size:cover;--awb-border-color:#eaeaea;--awb-border-top:1px;--awb-border-right:1px;--awb-border-bottom:1px;--awb-border-left:1px;--awb-border-style:solid;width:48%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><ul style=\"--awb-size:13px;--awb-iconcolor:#333333;--awb-line-height:22.1px;--awb-icon-width:22.1px;--awb-icon-height:22.1px;--awb-icon-margin:9.1px;--awb-content-margin:31.2px;\" class=\"fusion-checklist fusion-checklist-1 fusion-checklist-default type-icons\"><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>name<\/strong> &#8211; The <em>unique identifier<\/em> you give the modal to trigger it via button, text link or image.<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>title<\/strong> &#8211; The <em>heading title text<\/em> you want to display.<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>size<\/strong> &#8211; Can be one of these values: <em>large, <\/em>or<em> small<\/em>. Sets the size of the modal.<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>background<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the modal&#8217;s background color. Leave Blank for Theme Option selection.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-padding-top:30px;--awb-padding-right:30px;--awb-padding-bottom:30px;--awb-padding-left:30px;--awb-bg-color:#f8f8f8;--awb-bg-color-hover:#f8f8f8;--awb-bg-size:cover;--awb-border-color:#eaeaea;--awb-border-top:1px;--awb-border-right:1px;--awb-border-bottom:1px;--awb-border-left:1px;--awb-border-style:solid;width:48%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><ul style=\"--awb-size:13px;--awb-iconcolor:#333333;--awb-line-height:22.1px;--awb-icon-width:22.1px;--awb-icon-height:22.1px;--awb-icon-margin:9.1px;--awb-content-margin:31.2px;\" class=\"fusion-checklist fusion-checklist-2 fusion-checklist-default type-icons\"><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>border_color<\/strong> &#8211; Accepts a hexcode <em>( #000000 ).<\/em> Sets the modal&#8217;s border color. Leave Blank for Theme Option selection.<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>show_footer<\/strong> &#8211; Can be one of these values: <em>yes, <\/em>or<em> no. <\/em>This is to show or hide the footer.<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>class<\/strong> &#8211; Add a <em>custom class<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-check\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\"><strong>id<\/strong> &#8211; Add a <em>custom id<\/em> to the wrapping HTML element for further css customization.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 fusion-parallax-fixed nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:35px;--awb-padding-right:40px;--awb-padding-bottom:75px;--awb-padding-left:40px;--awb-background-image:url(&quot;http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2014\/11\/home_slider.jpg&quot;);--awb-background-size:cover;--awb-border-sizes-top:1px;--awb-border-sizes-bottom:1px;--awb-flex-wrap:wrap;background-attachment:fixed;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-10 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-7\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Join The 100,000+ Satisfied Avada Users!<\/span><\/h1>\n<\/div><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-xlarge button-custom fusion-button-default button-6 fusion-button-default-span fusion-animated\" style=\"--button_accent_color:rgba(255,255,255,.8);--button_accent_hover_color:#ffffff;--button_border_hover_color:#ffffff;--button_border_width-top:2px;--button_border_width-right:2px;--button_border_width-bottom:2px;--button_border_width-left:2px;--button_gradient_top_color:rgba(255,255,255,.1);--button_gradient_bottom_color:rgba(255,255,255,.1);--button_gradient_top_color_hover:rgba(255, 255, 255, 0.25);--button_gradient_bottom_color_hover:rgba(255, 255, 255, 0.25);\" data-animationType=\"fadeInUp\" data-animationDuration=\"1\" data-animationOffset=\"top-into-view\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226?ref=ThemeFusion\"><span class=\"fusion-button-text\"> BUY AVADA NOW!<\/span><\/a><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-8 hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-overflow:visible;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-modal modal fade modal-1 modal1\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-heading-1\" aria-hidden=\"true\" style=\"--awb-border-color:#ebebeb;--awb-background:#f6f6f6;\"><div class=\"modal-dialog modal-lg\" role=\"document\"><div class=\"modal-content fusion-modal-content\"><div class=\"modal-header\"><button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-hidden=\"true\" aria-label=\"Close\">&times;<\/button><h3 class=\"modal-title\" id=\"modal-heading-1\" data-dismiss=\"modal\" aria-hidden=\"true\">Insert Anything You Want In These Modals<\/h3><\/div><div class=\"modal-body fusion-clearfix\">\n<div class=\"fusion-counters-circle counters-circle\" data-animationOffset=\"top-into-view\">\n<div class=\"counter-circle-wrapper\" style=\"--awb-font-size:43.181818181818px;--awb-size:190px;\" data-originalsize=\"190\"><div class=\"fusion-counter-circle counter-circle counter-circle-content\" data-percent=\"95\" data-countdown=\"\" data-filledcolor=\"rgba(160,206,78,1)\" data-unfilledcolor=\"rgba(234,234,234,1)\" data-scale=\"\" data-size=\"190\" data-speed=\"1500\" data-strokesize=\"9.5\"><div class=\"fusion-counter-circle-content-inner\">Text<\/div><\/div><\/div>\n<div class=\"counter-circle-wrapper\" style=\"--awb-font-size:43.181818181818px;--awb-size:190px;\" data-originalsize=\"190\"><div class=\"fusion-counter-circle counter-circle counter-circle-content\" data-percent=\"88\" data-countdown=\"\" data-filledcolor=\"rgba(160,206,78,1)\" data-unfilledcolor=\"rgba(234,234,234,1)\" data-scale=\"\" data-size=\"190\" data-speed=\"1500\" data-strokesize=\"9.5\"><div class=\"fusion-counter-circle-content-inner\">Text<\/div><\/div><\/div>\n<div class=\"counter-circle-wrapper\" style=\"--awb-font-size:43.181818181818px;--awb-size:190px;\" data-originalsize=\"190\"><div class=\"fusion-counter-circle counter-circle counter-circle-content\" data-percent=\"80\" data-countdown=\"\" data-filledcolor=\"rgba(160,206,78,1)\" data-unfilledcolor=\"rgba(234,234,234,1)\" data-scale=\"\" data-size=\"190\" data-speed=\"1500\" data-strokesize=\"9.5\"><div class=\"fusion-counter-circle-content-inner\">Text<\/div><\/div><\/div>\n<div class=\"counter-circle-wrapper\" style=\"--awb-font-size:43.181818181818px;--awb-size:190px;\" data-originalsize=\"190\"><div class=\"fusion-counter-circle counter-circle counter-circle-content\" data-percent=\"78\" data-countdown=\"\" data-filledcolor=\"rgba(160,206,78,1)\" data-unfilledcolor=\"rgba(234,234,234,1)\" data-scale=\"\" data-size=\"190\" data-speed=\"1500\" data-strokesize=\"9.5\"><div class=\"fusion-counter-circle-content-inner\">Text<\/div><\/div><\/div>\n<\/div>\n<div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-has-icon\" style=\"margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:50px;width:100%;max-width:820px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#cdcdcd;border-color:#cdcdcd;border-top-width:1px;\"><\/div><span class=\"icon-wrapper\" style=\"border-color:#cdcdcd;background-color:rgba(255,255,255,0);font-size:16px;width: 1.75em; height: 1.75em;border-width:1px;padding:1px;margin-top:-0.5px\"><i class=\" fa fa-chevron-down\" style=\"font-size: inherit;color:#cdcdcd;\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#cdcdcd;border-color:#cdcdcd;border-top-width:1px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div>\n<div class=\"fusion-progressbar fusion-progressbar-text-on-bar\" style=\"--awb-unfilledcolor:#eaeaea;\"><div class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;\" role=\"progressbar\" aria-labelledby=\"awb-progressbar-label-1\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"95\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 5%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-1\">Text here<\/span> <span class=\"fusion-progressbar-value\">95%<\/span><\/span><\/div>\n<div class=\"fusion-progressbar fusion-progressbar-text-on-bar\" style=\"--awb-unfilledcolor:#eaeaea;\"><div class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;\" role=\"progressbar\" aria-labelledby=\"awb-progressbar-label-2\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"80\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 20%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-2\">Text here<\/span> <span class=\"fusion-progressbar-value\">80%<\/span><\/span><\/div>\n<div class=\"fusion-progressbar fusion-progressbar-text-on-bar\" style=\"--awb-unfilledcolor:#eaeaea;\"><div class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;\" role=\"progressbar\" aria-labelledby=\"awb-progressbar-label-3\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"85\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 15%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-3\">Text here<\/span> <span class=\"fusion-progressbar-value\">85%<\/span><\/span><\/div>\n<div class=\"fusion-progressbar fusion-progressbar-text-on-bar\" style=\"--awb-unfilledcolor:#eaeaea;\"><div class=\"fusion-progressbar-bar progress-bar progress-striped active\"><div class=\"progress progress-bar-content\" style=\"width:0%;\" role=\"progressbar\" aria-labelledby=\"awb-progressbar-label-4\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"90\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 10%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-4\">Text here<\/span> <span class=\"fusion-progressbar-value\">90%<\/span><\/span><\/div>\n<\/div><div class=\"modal-footer\"><button class=\"fusion-button button-default button-medium button default medium\" type=\"button\" data-dismiss=\"modal\">Close<\/button><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-modal modal fade modal-2 modal2\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-heading-2\" aria-hidden=\"true\" style=\"--awb-border-color:#ebebeb;--awb-background:#f6f6f6;\"><div class=\"modal-dialog modal-lg\" role=\"document\"><div class=\"modal-content fusion-modal-content\"><div class=\"modal-header\"><button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-hidden=\"true\" aria-label=\"Close\">&times;<\/button><h3 class=\"modal-title\" id=\"modal-heading-2\" data-dismiss=\"modal\" aria-hidden=\"true\">Modal Heading Text Goes Here<\/h3><\/div><div class=\"modal-body fusion-clearfix\"><div class=\"fusion-video fusion-youtube\" style=\"--awb-max-width:880px;--awb-max-height:504px;\"><div class=\"video-shortcode\"><div class=\"fluid-width-video-wrapper\" style=\"padding-top:57.27%;\" ><iframe title=\"YouTube video player 1\" src=\"https:\/\/www.youtube.com\/embed\/hsEUBLIJvmE?wmode=transparent&autoplay=0\" width=\"880\" height=\"504\" allowfullscreen allow=\"autoplay; fullscreen\"><\/iframe><\/div><\/div><\/div>\nSed convallis varius lectus at volutpat. Mauris fringilla dictum risus. Pellentesque neque tortor, malesuada in posuere ac, commodo et nisl. Vivamus massa turpis, porttitor scelerisque bibendum vel, eleifend sed neque. In elementum, magna et porta viverra, metus nunc lacinia diam, eget vehicula risus augue in odio. Nullam sed neque erat. Integer eget tincidunt dolor, et fringilla justo. Sed eget nisi accumsan urna pulvinar fermentum a quis nunc. Fusce ornare urna quis purus dapibus bibendum. Integer lacus elit, malesuada quis dui vel, vulputate tempor est. Pellentesque a quam elementum, blandit leo varius, laoreet mi. Aliquam vestibulum nisl eu tortor malesuada auctor. Duis in enim ornare, convallis metus in, posuere justo. Sed ac odio egestas, ultricies dui non, malesuada nibh. Donec vel massa et purus rutrum luctus. Quisque fermentum ornare fermentum. Morbi sit amet dui volutpat, vehicula metus ut, volutpat enim. Cras a mauris posuere, sagittis justo nec, aliquam leo.<\/div><div class=\"modal-footer\"><button class=\"fusion-button button-default button-medium button default medium\" type=\"button\" data-dismiss=\"modal\">Close<\/button><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-modal modal fade modal-3 modal3\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-heading-3\" aria-hidden=\"true\" style=\"--awb-border-color:#ebebeb;--awb-background:#f6f6f6;\"><div class=\"modal-dialog modal-sm\" role=\"document\"><div class=\"modal-content fusion-modal-content\"><div class=\"modal-header\"><button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-hidden=\"true\" aria-label=\"Close\">&times;<\/button><h3 class=\"modal-title\" id=\"modal-heading-3\" data-dismiss=\"modal\" aria-hidden=\"true\">Modal Heading Goes Here<\/h3><\/div><div class=\"modal-body fusion-clearfix\">Sed convallis varius lectus at volutpat. Mauris fringilla dictum risus. Pellentesque neque tortor, malesuada in posuere ac, commodo et nisl. Vivamus massa turpis, porttitor scelerisque bibendum vel, eleifend sed neque. In elementum, magna et porta viverra, metus nunc lacinia diam, eget vehicula risus augue in odio. Nullam sed neque erat. Integer eget tincidunt dolor, et fringilla justo.<\/div><div class=\"modal-footer\"><button class=\"fusion-button button-default button-medium button default medium\" type=\"button\" data-dismiss=\"modal\">Close<\/button><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-14 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-modal modal fade modal-4 modal4 has-light-close\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-heading-4\" aria-hidden=\"true\" style=\"--awb-border-color:#3e3e3e;--awb-background:#333333;\"><div class=\"modal-dialog modal-sm\" role=\"document\"><div class=\"modal-content fusion-modal-content\"><div class=\"modal-header\"><button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-hidden=\"true\" aria-label=\"Close\">&times;<\/button><h3 class=\"modal-title\" id=\"modal-heading-4\" data-dismiss=\"modal\" aria-hidden=\"true\">Custom Color For This Modal Popup<\/h3><\/div><div class=\"modal-body fusion-clearfix\">Sed convallis varius lectus at volutpat. Mauris fringilla dictum risus. Pellentesque neque tortor, malesuada in posuere ac, commodo et nisl. Vivamus massa turpis, porttitor scelerisque bibendum vel, eleifend sed neque. In elementum, magna et porta viverra, metus nunc lacinia diam, eget vehicula risus augue in odio. Nullam sed neque erat. Integer eget tincidunt dolor, et fringilla justo.<\/div><div class=\"modal-footer\"><button class=\"fusion-button button-default button-medium button default medium\" type=\"button\" data-dismiss=\"modal\">Close<\/button><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-15 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height\" style=\"--awb-bg-size:cover;--awb-margin-bottom:0px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-modal modal fade modal-5 modal5\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-heading-5\" aria-hidden=\"true\" style=\"--awb-border-color:#ebebeb;--awb-background:#f6f6f6;\"><div class=\"modal-dialog modal-lg\" role=\"document\"><div class=\"modal-content fusion-modal-content\"><div class=\"modal-header\"><button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-hidden=\"true\" aria-label=\"Close\">&times;<\/button><h3 class=\"modal-title\" id=\"modal-heading-5\" data-dismiss=\"modal\" aria-hidden=\"true\">Show or hide The Footer In The Popup<\/h3><\/div><div class=\"modal-body fusion-clearfix\">\n<h1 style=\"text-align: center;\"><span style=\"color: #333333;\">Avada&#8217;s Humbled History<\/span><\/h1>\n<div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-has-icon\" style=\"margin-left: auto;margin-right: auto;margin-top:15px;margin-bottom:10px;width:100%;max-width:820px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#cdcdcd;border-color:#cdcdcd;border-top-width:1px;\"><\/div><span class=\"icon-wrapper\" style=\"border-color:#cdcdcd;background-color:rgba(255,255,255,0);font-size:16px;width: 1.75em; height: 1.75em;border-width:1px;padding:1px;margin-top:-0.5px\"><i class=\" fa fa-heart-o\" style=\"font-size: inherit;color:#cdcdcd;\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#cdcdcd;border-color:#cdcdcd;border-top-width:1px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div>\n<a href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226?ref=ThemeFusion\"><img decoding=\"async\" class=\"alignnone size-full wp-image-9655\" src=\"http:\/\/theme-fusion.com\/avada\/wp-content\/uploads\/2014\/06\/avada_history.jpg\" alt=\"test_graphic\" width=\"858\" height=\"497\" \/><\/a><\/div><\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-10589","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages\/10589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/comments?post=10589"}],"version-history":[{"count":1,"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages\/10589\/revisions"}],"predecessor-version":[{"id":12576,"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages\/10589\/revisions\/12576"}],"wp:attachment":[{"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/media?parent=10589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}