{"id":74,"date":"2014-02-10T14:07:58","date_gmt":"2014-02-10T14:07:58","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2585"},"modified":"2024-11-13T22:34:18","modified_gmt":"2024-11-13T19:34:18","slug":"sections","status":"publish","type":"page","link":"https:\/\/maviates.net\/en\/elements\/sections\/","title":{"rendered":"Sections"},"content":{"rendered":"\n\t<section class=\"section dark has-parallax\" id=\"section_2120675209\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-3\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-1177423791\">\n\n\t<div id=\"col-313912744\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h1 class=\"uppercase\"><strong>Section Element<\/strong><\/h1>\n<p class=\"lead\">Sections are used for creating full width backgrounds with content inside it. You can have\u00a0Parallax Effects and Background Videos.<\/p>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-313912744 > .col-inner {\n  padding: 5% 6% 0px 10%;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2120675209 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 424px;\n  background-color: rgb(41, 41, 41);\n}\n#section_2120675209 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.19);\n}\n#section_2120675209 .section-bg img {\n  object-position: 65% 40%;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1791180576\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-587895415\">\n\n\t<div id=\"col-665500413\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>A Simple section with a two column row inside<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1261567744\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1791180576 {\n  padding-top: 50px;\n  padding-bottom: 50px;\n  background-color: rgb(233, 233, 233);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_901964118\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-220494090\">\n\n\t<div id=\"col-291443033\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>A Dark section with a row inside<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-568196612\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_901964118 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(41, 41, 41);\n}\n#section_901964118 .section-bg-overlay {\n  background-color: rgb(36, 36, 36);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_319590775\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t<div class=\"video-overlay no-click fill hide-for-medium\"><\/div>\n\t<video class=\"video-bg fill hide-for-medium\" preload playsinline autoplay muted loop>\n\t\t<source src=\"http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4\" type=\"video\/mp4\">\t<\/video>\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-1787683938\">\n\n\t<div id=\"col-2094775234\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>A section with a\u00a0background video<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_319590775 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_319590775 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_476335019\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-collapse align-center\"  id=\"row-769727910\">\n\n\t<div id=\"col-473827959\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>A section can\u00a0have a background image or a background color<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_476335019 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 50vh;\n  background-color: rgb(0, 0, 0);\n}\n#section_476335019 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.51);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_2026967560\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-middle\"  id=\"row-229243084\">\n\n\t<div id=\"col-1675568012\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>A Section\u00a0with a Image on the right<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1976957430\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1823176740\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1823176740 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2026967560 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-parallax\" id=\"section_1604185854\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-4\">\n\t\t\t\t\t\t\t<div class=\"video-overlay no-click fill hide-for-medium\"><\/div>\n\t<video class=\"video-bg fill hide-for-medium\" preload playsinline autoplay muted loop>\n\t\t<source src=\"http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4\" type=\"video\/mp4\">\t<\/video>\n\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-center\"  id=\"row-2090306790\">\n\n\t<div id=\"col-126016432\" class=\"col medium-4 small-9 large-4\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>A Parallax Background Video<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1604185854 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1604185854 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section sticky-section\" id=\"section_661601907\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-middle\"  id=\"row-750328979\">\n\n\t<div id=\"col-979414524\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1021181357\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-4 box-shadow-5-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1021181357 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1447171935\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>A sticky section with images left<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<a class=\"button primary\"  >\n\t\t<span>Click me!<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_661601907 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(255, 255, 255);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark sticky-section\" id=\"section_622341349\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-middle\"  id=\"row-1341719094\">\n\n\t<div id=\"col-947420414\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>A sticky section with images\u00a0right<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n<a class=\"button primary\"  >\n\t\t<span>Click me!<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1619813100\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_309677417\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner box-shadow-4 box-shadow-5-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_309677417 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_622341349 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(50, 50, 50);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_161465848\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row align-middle\"  id=\"row-1462227244\">\n\n\t<div id=\"col-332256448\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h2>A\u00a0Section with Image\u00a0and a background<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1165112482\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1365712020\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1365712020 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_161465848 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n#section_161465848 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.9);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_927942007\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-collapse row-full-width align-middle\"  id=\"row-568230623\">\n\n\t<div id=\"col-619385815\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_419138288\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_419138288 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-826442009\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>A\u00a0Section with a large image left.<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-826442009 > .col-inner {\n  padding: 10%;\n  max-width: 520px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_927942007 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(255, 255, 255);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_205625382\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-collapse row-full-width align-middle align-right\"  id=\"row-16428415\">\n\n\t<div id=\"col-1854275917\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>A\u00a0Section with a large image right.<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1854275917 > .col-inner {\n  padding: 10%;\n  max-width: 520px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-464549768\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1365671264\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1365671264 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_205625382 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(241, 241, 241);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-parallax\" id=\"section_1429998705\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-normal\"><b><\/b><span class=\"section-title-main\" >Section With a parallax background<\/span><b><\/b><\/h3><\/div>\n<div class=\"row align-center\"  id=\"row-1173558376\">\n\n\t<div id=\"col-718958743\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-941991595\" class=\"col medium-4 small-6 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-324656616\" class=\"col medium-4 small-6 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"row align-center\"  id=\"row-1828419523\">\n\n\t<div id=\"col-1422958451\" class=\"col medium-4 small-6 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-101661352\" class=\"col medium-4 small-6 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1611783111\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1429998705 {\n  padding-top: 97px;\n  padding-bottom: 97px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_1429998705 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.51);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section has-parallax\" id=\"section_1921346003\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row row-collapse row-full-width align-center\"  id=\"row-2111161791\">\n\n\t<div id=\"col-1618993845\" class=\"col medium-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>A product slider inside a section<\/h2>\n<a class=\"button primary\"  >\n\t\t<span>Click me now<\/span>\n\t<\/a>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1618993845 > .col-inner {\n  padding: 0 10%;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1921346003 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_1921346003 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.89);\n}\n#section_1921346003 .section-bg img {\n  object-position: 25% 0%;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-mask mask-arrow\" id=\"section_23881493\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-871446240\">\n\n\t<div id=\"col-1968056081\" class=\"col medium-6 small-10 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Section With A Arrow Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_23881493 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(63, 63, 63);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-mask mask-angled\" id=\"section_92947262\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-730662650\">\n\n\t<div id=\"col-46669363\" class=\"col medium-5 small-10 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Section with an Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_92947262 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(160, 160, 160);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-mask mask-angled-right\" id=\"section_1710901762\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-1948510825\">\n\n\t<div id=\"col-767756795\" class=\"col medium-5 small-10 large-5\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Section with an Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1710901762 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(77, 77, 77);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-mask mask-angled-right\" id=\"section_2055691516\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/maviates.net\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment- size-\" alt=\"\" \/>\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-1408208757\">\n\n\t<div id=\"col-1676278482\" class=\"col medium-6 small-9 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Section with Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2055691516 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(255, 255, 255);\n}\n#section_2055691516 .section-bg-overlay {\n  background-color: rgba(117, 117, 117, 0.44);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark has-mask mask-arrow-large\" id=\"section_1725250163\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-1274408042\">\n\n\t<div id=\"col-810330854\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Section with a Large Arrow Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1725250163 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(77, 77, 77);\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Section Element Sections are used for creating full width backgrounds with content inside it. You can have\u00a0Parallax Effects and Background Videos. A Simple section with a two column row inside Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;. Lorem ipsum dolor sit [&#8230;]\n","protected":false},"author":1,"featured_media":19,"parent":100,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-74","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":1,"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/pages\/74\/revisions\/142"}],"up":[{"embeddable":true,"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/pages\/100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/media\/19"}],"wp:attachment":[{"href":"https:\/\/maviates.net\/en\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}