{"id":3733,"date":"2013-05-24T20:57:42","date_gmt":"2013-05-24T20:57:42","guid":{"rendered":"http:\/\/theme-fusion.com\/avadaxml\/?page_id=3733"},"modified":"2024-05-17T16:28:43","modified_gmt":"2024-05-17T16:28:43","slug":"full-width-section","status":"publish","type":"page","link":"https:\/\/kallipoli.org\/en\/full-width-section\/","title":{"rendered":"Full Width Section"},"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;\">Full Width Section<\/h1>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; margin-top: -15px; text-align: left;\">Avada now includes a full width 100% page template. Using this you can use full width sections that span the entire width of your browser window, or keep content contained inside the 960px width. Use background images, borders, colors, padding, positioning and more with the shortcode.<\/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_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-content-boxes content-boxes columns row fusion-columns-3 fusion-columns-total-3 fusion-content-boxes-1 content-boxes-icon-boxed content-left\" style=\"--awb-hover-accent-color:var(--awb-color4);--awb-circle-hover-accent-color:var(--awb-color4);\" data-animationOffset=\"top-into-view\"><div style=\"--awb-backgroundcolor:#f6f6f6;\" class=\"fusion-column content-box-column content-box-column content-box-column-1 col-lg-4 col-md-4 col-sm-4 fusion-content-box-hover content-box-column-first-in-row\"><div class=\"col content-box-wrapper content-wrapper-background content-wrapper-boxed link-area-link-icon link-type-text content-icon-wrapper-yes icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" href=\"http:\/\/themeforest.net\/user\/ThemeFusion\" target=\"_self\"><div class=\"icon\"><span style=\"height:44px;width:44px;line-height:23px;border-color:rgba(255,255,255,0);border-width:1px;border-style:solid;background-color:var(--awb-color8);position:absolute;top:-72px;margin-left:-22px;box-sizing:content-box;border-radius:50%;\"><i style=\"border-color:var(--awb-color8);border-width:1px;background-color:var(--awb-color7);box-sizing:content-box;height:42px;width:42px;line-height:42px;border-radius:50%;position:relative;top:auto;left:auto;margin:0;border-radius:50%;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa fa-tablet circle-yes\"><\/i><\/span><\/div><h2 class=\"content-box-heading\" style=\"--h2_typography-font-size:18px;line-height:23px;\">Beautifully Simplistic<\/h2><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\"> If you&#8217;re a code nerd or a Word Press newbie, Avada is for you.<strong><span style=\"color: #84b231;\"> It&#8217;s built for everyone<\/span><\/strong>, and can be as simple or complex as you want.<\/div><\/div><\/div><div style=\"--awb-backgroundcolor:#f6f6f6;\" class=\"fusion-column content-box-column content-box-column content-box-column-2 col-lg-4 col-md-4 col-sm-4 fusion-content-box-hover \"><div class=\"col content-box-wrapper content-wrapper-background content-wrapper-boxed link-area-link-icon link-type-text content-icon-wrapper-yes icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" href=\"http:\/\/themeforest.net\/user\/ThemeFusion\" target=\"_self\"><div class=\"icon\"><span style=\"height:44px;width:44px;line-height:23px;border-color:rgba(255,255,255,0);border-width:1px;border-style:solid;background-color:var(--awb-color8);position:absolute;top:-72px;margin-left:-22px;box-sizing:content-box;border-radius:50%;\"><i style=\"border-color:var(--awb-color8);border-width:1px;background-color:var(--awb-color7);box-sizing:content-box;height:42px;width:42px;line-height:42px;border-radius:50%;position:relative;top:auto;left:auto;margin:0;border-radius:50%;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa fa-magic circle-yes\"><\/i><\/span><\/div><h2 class=\"content-box-heading\" style=\"--h2_typography-font-size:18px;line-height:23px;\">Free Support &amp; Updates<\/h2><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\"> We truly care about our users and our end product.\u00a0<strong><span style=\"color: #84b231;\">Our users love Avada<\/span><\/strong>, and you will too with free updates &amp; incredible support.<\/div><\/div><\/div><div style=\"--awb-backgroundcolor:#f6f6f6;\" class=\"fusion-column content-box-column content-box-column content-box-column-3 col-lg-4 col-md-4 col-sm-4 fusion-content-box-hover content-box-column-last content-box-column-last-in-row\"><div class=\"col content-box-wrapper content-wrapper-background content-wrapper-boxed link-area-link-icon link-type-text content-icon-wrapper-yes icon-hover-animation-fade\" data-animationOffset=\"top-into-view\"><div class=\"heading heading-with-icon icon-left\"><a class=\"heading-link\" href=\"http:\/\/themeforest.net\/user\/ThemeFusion\" target=\"_self\"><div class=\"icon\"><span style=\"height:44px;width:44px;line-height:23px;border-color:rgba(255,255,255,0);border-width:1px;border-style:solid;background-color:var(--awb-color8);position:absolute;top:-72px;margin-left:-22px;box-sizing:content-box;border-radius:50%;\"><i style=\"border-color:var(--awb-color8);border-width:1px;background-color:var(--awb-color7);box-sizing:content-box;height:42px;width:42px;line-height:42px;border-radius:50%;position:relative;top:auto;left:auto;margin:0;border-radius:50%;font-size:21px;\" aria-hidden=\"true\" class=\"fontawesome-icon fa fa-thumbs-up circle-yes\"><\/i><\/span><\/div><h2 class=\"content-box-heading\" style=\"--h2_typography-font-size:18px;line-height:23px;\">Blissful Layout Options <\/h2><\/a><\/div><div class=\"fusion-clearfix\"><\/div><div class=\"content-container\"> Avada includes so many different options and designs. Users are able to make <strong><span style=\"color: #84b231;\">amazingly cool layouts<\/span><\/strong> with the tools we provide.<\/div><\/div><\/div><div class=\"fusion-clearfix\"><\/div><\/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-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: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-2 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-2\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Video &amp; Image Backgrounds<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">The Full Width Section provides an abundance of customization settings to make your sections look as unique and elegant as you&#8217;d like. Choose an image, solid color, or even a video to be your Full Width Section&#8217;s background. Control the border size and color, the padding, as well as the position of the section. This shortcode also has a unique effect that blurs and fades image backgrounds.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 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-margin-top:15px;--awb-background-color:rgba(255,255,255,0);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 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-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 video-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:right center;--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:200px;--awb-padding-right:40px;--awb-padding-bottom:200px;--awb-padding-left:40px;--awb-background-color:rgba(0,0,0,0.85);--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fullwidth-video\"><video preload=\"auto\" autoplay playsinline loop muted><source src=\"http:\/\/theme-fusion.com\/avada\/agency\/wp-content\/uploads\/sites\/12\/2014\/11\/Hand-With-Wedding-Ring.webm\" type=\"video\/webm\"><source src=\"http:\/\/theme-fusion.com\/avada\/agency\/wp-content\/uploads\/sites\/12\/2014\/11\/Hand-With-Wedding-Ring.mp4\" type=\"video\/mp4\"><\/video><\/div><div class=\"fullwidth-overlay\" style=\"background-color:rgba(0,0,0,0.85);\"><\/div><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 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-3\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Video Backgrounds For Full Width Container<\/span><\/h1>\n<p style=\"text-align: center; font-size: 17px; line-height: 25px;\"><span style=\"color: #ffffff;\">The same self hosted video backgrounds that can be used with our Fusion Slider make their way to the highly popular Full Width Container. Use color overlays, set color opacity, mute and loop the videos. Video backgrounds are perfect for adding visual appeal to your layouts.<\/span><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 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-margin-top:15px;--awb-background-color:rgba(255,255,255,0);--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_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-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 faded-background fusion-parallax-fixed nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"--awb-background-position:right center;--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:200px;--awb-padding-right:40px;--awb-padding-bottom:200px;--awb-padding-left:40px;--awb-background-size:cover;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-flex-wrap:wrap;background-attachment:fixed;\" ><div class=\"fullwidth-faded\" style=\"--awb-background-color:#3d352f;--awb-background-position:right center;--awb-background-parallax:fixed;--awb-background-image:url(http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2014\/11\/home_slider.jpg);--awb-background-size:cover;\" ><\/div><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_2_3 2_3 fusion-two-third fusion-column-first\" style=\"--awb-padding-top:30px;--awb-padding-right:30px;--awb-padding-bottom:30px;--awb-padding-left:30px;--awb-bg-color:rgba(255,255,255,.7);--awb-bg-color-hover:rgba(255,255,255,.7);--awb-bg-size:cover;width:65.3333%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-4\"><h1 style=\"text-align: center;\">Awesome Blur\/Fading Effect On Scroll For The Full Width Background Image<\/h1>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last\" style=\"--awb-padding-top:30px;--awb-padding-right:30px;--awb-padding-bottom:30px;--awb-padding-left:30px;--awb-bg-color:rgba(151,201,61,.7);--awb-bg-color-hover:rgba(151,201,61,.7);--awb-bg-size:cover;width:30.6666%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;margin-top:40px;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-aligncenter\"><a class=\"fusion-button button-flat button-xlarge button-custom fusion-button-default button-1 fusion-button-default-span \" style=\"--button_accent_color:rgba(255,255,255,.8);--button_accent_hover_color:#ffffff;--button_border_hover_color:#ffffff;--button_border_width-top:1px;--button_border_width-right:1px;--button_border_width-bottom:1px;--button_border_width-left:1px;--button_gradient_top_color:transparent;--button_gradient_bottom_color:transparent;--button_gradient_top_color_hover:rgba(255,255,255,.1);--button_gradient_bottom_color_hover:rgba(255,255,255,.1);\" target=\"_blank\" rel=\"noopener noreferrer\" href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226?ref=ThemeFusion\"><span class=\"fusion-button-text\">PURCHASE AVADA<\/span><\/a><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;margin-top:10px;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/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-margin-top:60px;--awb-margin-bottom:60px;--awb-background-color:rgba(255,255,255,0);--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_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-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-9 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-9 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>Use as Many As You Want!<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px; text-align: left;\">Use as many Full Width Sections as you need to create beautiful layouts that will capture your viewer&#8217;s attention. Set background images, colors or videos to span 100% browser width to make it even more interesting.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-10 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:30px;--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-10 fusion_builder_column_3_4 3_4 fusion-three-fourth fusion-column-first\" style=\"--awb-bg-size:cover;width:74%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-title title fusion-title-1 fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">We Are Here To Serve You<\/h2><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container\"><div class=\"title-sep sep-double sep-solid\" style=\"border-color:#e0dede;\"><\/div><\/div><\/div><div class=\"fusion-text fusion-text-6\"><p>Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui.<\/p>\n<p>Ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-11 fusion_builder_column_1_4 1_4 fusion-one-fourth fusion-column-last\" style=\"--awb-bg-size:cover;width:22%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-title title fusion-title-2 fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Our Crazy Skills<\/h2><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container\"><div class=\"title-sep sep-double sep-solid\" style=\"border-color:#e0dede;\"><\/div><\/div><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div class=\"fusion-progressbar-bar progress-bar\"><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=\"90\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 10%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-1\">Web Design<\/span> <span class=\"fusion-progressbar-value\">90<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div class=\"fusion-progressbar-bar progress-bar\"><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=\"95\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 5%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-2\">HTML\/CSS<\/span> <span class=\"fusion-progressbar-value\">95<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div class=\"fusion-progressbar-bar progress-bar\"><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\">Graphic Design<\/span> <span class=\"fusion-progressbar-value\">85<\/span><\/span><\/div><div class=\"fusion-progressbar fusion-progressbar-text-on-bar\"><div class=\"fusion-progressbar-bar progress-bar\"><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=\"75\"><\/div><\/div> <span class=\"progress-title\" style=\"right: calc(15px + 25%);\"><span class=\"fusion-progressbar-text\" id=\"awb-progressbar-label-4\">WordPress<\/span> <span class=\"fusion-progressbar-value\">75<\/span><\/span><\/div><div class=\"fusion-text fusion-text-7\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-11 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-background-position:left top;--awb-border-color:#eae9e9;--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:0px;--awb-padding-left:0px;--awb-background-color:#f6f6f6;--awb-border-sizes-top:1px;--awb-border-sizes-bottom:1px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-12 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-slider-sc fusion-flexslider-loading flexslider flexslider-hover-type-none\" data-slideshow_autoplay=\"1\" data-slideshow_smooth_height=\"0\" data-slideshow_speed=\"7000\" style=\"max-width:100%;height:100%;\"><ul class=\"slides\"><li class=\"image\"><span class=\"fusion-image-hover-element hover-type-none\"><img decoding=\"async\" src=\"http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2012\/07\/portfolio_4.jpg\" \/><\/span><\/li><li class=\"image\"><span class=\"fusion-image-hover-element hover-type-none\"><img decoding=\"async\" src=\"http:\/\/art-web.gr\/demo\/kallipoli\/wp-content\/uploads\/2012\/07\/portfolio_5.jpg\" \/><\/span><\/li><\/ul><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-13 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-title title fusion-title-3 fusion-title-text fusion-title-size-two\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">This Is A Full Width Section, Pretty Cool Heh?<\/h2><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container\"><div class=\"title-sep sep-double sep-solid\" style=\"border-color:#e0dede;\"><\/div><\/div><\/div><ul style=\"--awb-size:13px;--awb-iconcolor:dark;--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-star\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">Fully responsive so your content will always look good on any screen size<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-star\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">Awesome sliders give you the opportunity to showcase your content<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-star\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">Advanced theme options panel to easily customize your website<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-star\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">Multiple layout options for home pages, portfolio and blog section<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-star\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">Amazing shortcodes loaded with meta options for easy customization<\/div><\/li><li class=\"fusion-li-item\" style=\"\"><span class=\"icon-wrapper circle-no\"><i class=\"fusion-li-icon fa fa-star\" aria-hidden=\"true\"><\/i><\/span><div class=\"fusion-li-item-content\">We offer free support because we care about your site as much as you.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-12 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-margin-top:60px;--awb-margin-bottom:60px;--awb-background-color:rgba(255,255,255,0);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><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-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-13 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-15 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-8\"><p style=\"font-size: 18px; margin-bottom: 12px;\"><span style=\"color: #333333;\"><strong>Spacing &amp; Width Options<\/strong><\/span><\/p>\n<p style=\"font-size: 17px; line-height: 27px; margin-bottom: 0px;\">Set Full Width Containers to be 100% full width, or boxed. Set the spacing between columns, as well as the top, bottom, left and right padding. This shortcode also includes an option that lets you set columns to have equal heights.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-14 hundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns\" style=\"--awb-background-position:right center;--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-16 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-first\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-bg-color:#1a1613;--awb-bg-color-hover:#1a1613;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-9\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">100% Content Width<\/span><\/h1>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:20px;width:100%;max-width:200px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#ffffff;border-color:#ffffff;border-top-width:1px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-10\"><p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Content placed on the inside of a full width container can now be set to 100% of the browser window. This little option gives you major flexibility in building creative layouts.<\/span><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-17 fusion_builder_column_1_3 1_3 fusion-one-third\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-bg-color:#312d29;--awb-bg-color-hover:#312d29;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-11\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Equal Column Heights<\/span><\/h1>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:20px;width:100%;max-width:200px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#ffffff;border-color:#ffffff;border-top-width:1px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-12\"><p style=\"text-align: center;\"><span style=\"color: #ffffff;\">The height of the column will depend on the interior content. At times this can be a design distraction. Now you can easily set columns inside a full width container to be equal heights.<\/span><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-18 fusion_builder_column_1_3 1_3 fusion-one-third fusion-column-last\" style=\"--awb-padding-top:40px;--awb-padding-right:40px;--awb-padding-bottom:40px;--awb-padding-left:40px;--awb-bg-color:#3d3b38;--awb-bg-color-hover:#3d3b38;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-13\"><h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Spacing Between Columns<\/span><\/h1>\n<\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:20px;width:100%;max-width:200px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:#ffffff;border-color:#ffffff;border-top-width:1px;\"><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-14\"><p style=\"text-align: center;\"><span style=\"color: #ffffff;\">We love spacing, it is needed for clean design. However, many situations will look even better with no spacing between columns. Avada 3.7 gives you the power to make the decision.<\/span><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-15 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-margin-top:60px;--awb-margin-bottom:60px;--awb-background-color:rgba(255,255,255,0);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-19 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-sep-clear\"><\/div><div class=\"fusion-separator\" style=\"margin-left: auto;margin-right: auto;width:100%;max-width:200px;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-16 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-20 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-15\"><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 full width container\u00a0shortcode is listed below.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-17 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-21 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-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>backgroundcolor<\/strong> &#8211;\u00a0Accepts a hexcode\u00a0<em>( #000000 ).<\/em>\u00a0Sets the icon&#8217;s background 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>backgroundimage<\/strong> &#8211;\u00a0The URL path of the background image you&#8217;d like to display, starting with\u00a0<em>http:\/\/<\/em>\u00a0and usually ending on\u00a0<em>.jpg, .png\u00a0<\/em>or<em>\u00a0.gif.<\/em><\/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>backgroundrepeat<\/strong> &#8211; Can be one of these values: <em>no-repeat, repeat, repeat-y, <\/em>or<em> repeat-x.\u00a0<\/em>Sets how the background repeats.<\/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>backgroundposition<\/strong> &#8211; Accept a pixel value, percentage or certain alphabetic values. For example,<em> 50px, 100%, left top, left center, left bottom, right top, right center, right bottom, center top, center center, <\/em>or<em> center bottom.\u00a0<\/em>Sets the background&#8217;s position.<\/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>backgroundattachment<\/strong> &#8211; Can be one of these values: <em>fixed, scroll, <\/em>or<em> local.\u00a0<\/em>Sets how the background scrolls.<\/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>video_webm<\/strong> &#8211; The URL path of your WebM video file. <em>WebM<\/em> and <em>MP4<\/em> format must be included to render your video with cross browser compatibility.<\/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>video_mp4<\/strong> &#8211;\u00a0The\u00a0URL path\u00a0of your MP4 video file.\u00a0<em>WebM<\/em>\u00a0and\u00a0<em>MP4<\/em>\u00a0format must be included to render your video with cross browser compatibility.<\/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>video_ogv<\/strong> &#8211;\u00a0The\u00a0URL path\u00a0of your OGV video file. This parameter is optional.<\/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>video_preview_image<\/strong> &#8211;\u00a0The URL path of the preview image you&#8217;d like to display, starting with\u00a0<em>http:\/\/<\/em>\u00a0and usually ending on\u00a0<em>.jpg, .png\u00a0<\/em>or<em>\u00a0.gif.\u00a0<\/em>If uploading <strong>Self-Hosted<\/strong> videos, this parameter must be filled.<\/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>video_mute<\/strong> &#8211; Can be one of these values: <em>yes, <\/em>or<em> no.\u00a0<\/em>This will enable or disable mute.<\/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>video_loop<\/strong> &#8211;\u00a0Can be one of these values:\u00a0<em>yes,\u00a0<\/em>or<em>\u00a0no.\u00a0<\/em>This will enable or disable video loop.<\/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>overlay_color<\/strong> &#8211;\u00a0Accepts a hexcode\u00a0<em>( #000000 ).<\/em>\u00a0Sets the video&#8217;s overlay 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>overlay_opacity<\/strong> &#8211;\u00a0Can be a numerical value from\u00a0<em>0.1<\/em>\u00a0to\u00a0<em>1<\/em>. Sets the color opacity level.\u00a0<em>1<\/em>\u00a0is equivalent to\u00a0<em>100%<\/em>.<\/div><\/li><\/ul><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-22 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-3 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>fade<\/strong> &#8211; Can be one of these values: <em>yes, <\/em>or<em> no.\u00a0<\/em>Sets the image to fade and blur on scroll. This parameter is for <em>images<\/em> only.<\/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>bordersize<\/strong> &#8211; Accepts a pixel value that sets the border&#8217;s size. For example, <em>5px<\/em>.<\/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>bordercolor<\/strong> &#8211;\u00a0Accepts a hexcode\u00a0<em>( #000000 ).<\/em>\u00a0Sets the border&#8217;s 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>borderstyle<\/strong> &#8211; Can be one of these values: <em>solid, dashed, <\/em>or<em> dotted.\u00a0<\/em>Sets the border&#8217;s style.<\/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>paddingtop<\/strong> &#8211; Accepts a numerical value that sets the top padding in pixels. For example, <em>20<\/em>.<\/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>paddingbottom<\/strong> &#8211;\u00a0Accepts a numerical value that sets the bottom padding in pixels. For example,\u00a0<em>20<\/em>.<\/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>paddingleft<\/strong> &#8211;\u00a0Accepts a numerical value that sets the left padding in pixels. For example,\u00a0<em>20<\/em>.<\/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>paddingright<\/strong> &#8211;\u00a0Accepts a numerical value that sets the right padding in pixels. For example,\u00a0<em>20<\/em>.<\/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>menu_anchor<\/strong> &#8211;\u00a0The\u00a0<em>unique name<\/em>\u00a0you give the corresponding menu item.<\/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>equal_height_columns<\/strong> &#8211; Can be one of these values: <em>yes, <\/em>or<em> no.\u00a0<\/em>Sets all the column shortcodes inside the container to be equal in height.<\/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>hundred_percent<\/strong> &#8211;\u00a0Can be one of these values:\u00a0<em>yes,\u00a0<\/em>or<em>\u00a0no.\u00a0<\/em>Sets if the interior content is 100% width or contained to the site width setting. Selecting <em>yes<\/em> will remove left\/right padding.<\/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-18 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-23 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-16\"><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-2 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><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-3733","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages\/3733","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=3733"}],"version-history":[{"count":1,"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages\/3733\/revisions"}],"predecessor-version":[{"id":12628,"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/pages\/3733\/revisions\/12628"}],"wp:attachment":[{"href":"https:\/\/kallipoli.org\/en\/wp-json\/wp\/v2\/media?parent=3733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}