{"id":339,"date":"2014-02-10T14:07:58","date_gmt":"2014-02-10T14:07:58","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2585"},"modified":"2014-02-10T14:07:58","modified_gmt":"2014-02-10T14:07:58","slug":"sections","status":"publish","type":"page","link":"https:\/\/dmadu.com\/en\/elements\/sections\/","title":{"rendered":"Sections"},"content":{"rendered":"\n\t<section class=\"section dark has-parallax\" id=\"section_1828030369\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-3\">\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-1381448140\">\n\n\t<div id=\"col-77764022\" 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-77764022 > .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_1828030369 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 424px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1828030369 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.19);\n}\n#section_1828030369 .section-bg img {\n  object-position: 65% 40%;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_189466272\">\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-292520037\">\n\n\t<div id=\"col-214011738\" 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-1843371618\" 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_189466272 {\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_198497229\">\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-1298783321\">\n\n\t<div id=\"col-1397115949\" 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-1824033205\" 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_198497229 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(41, 41, 41);\n}\n#section_198497229 .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_291965067\">\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-1482737606\">\n\n\t<div id=\"col-2102731969\" 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_291965067 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_291965067 .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_1977116629\">\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 row-collapse align-center\"  id=\"row-296461239\">\n\n\t<div id=\"col-1930373379\" 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_1977116629 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 50vh;\n  background-color: rgb(0, 0, 0);\n}\n#section_1977116629 .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_493753471\">\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-762982972\">\n\n\t<div id=\"col-607464075\" 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-1065757170\" 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_80813771\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\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_80813771 {\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_493753471 {\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_192522671\">\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-503323666\">\n\n\t<div id=\"col-422155224\" 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_192522671 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_192522671 .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_814288127\">\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-573255208\">\n\n\t<div id=\"col-603100082\" 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_723663527\">\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\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_723663527 {\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-2073053338\" 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_814288127 {\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_406081547\">\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-88448075\">\n\n\t<div id=\"col-1550739460\" 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-42779543\" 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_77842635\">\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\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_77842635 {\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_406081547 {\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_1297103279\">\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 align-middle\"  id=\"row-1513844239\">\n\n\t<div id=\"col-1570651726\" 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-1573990547\" 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_1971647571\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\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_1971647571 {\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_1297103279 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n#section_1297103279 .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_1149276636\">\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-1457198807\">\n\n\t<div id=\"col-1798640586\" 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_1860344445\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\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_1860344445 {\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-97891638\" 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-97891638 > .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_1149276636 {\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_298685202\">\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-332435766\">\n\n\t<div id=\"col-128696563\" 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-128696563 > .col-inner {\n  padding: 10%;\n  max-width: 520px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1471193750\" 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_516594640\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t\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_516594640 {\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_298685202 {\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_1505782894\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\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=\"container section-title-container\" ><h3 class=\"section-title section-title-normal\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Section With a parallax background<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n<div class=\"row align-center\"  id=\"row-206355946\">\n\n\t<div id=\"col-2136570050\" 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-325260291\" 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-2147461628\" 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-1311396606\">\n\n\t<div id=\"col-585993985\" 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-1636388149\" 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-1273943030\" 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_1505782894 {\n  padding-top: 97px;\n  padding-bottom: 97px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_1505782894 .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_669645340\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\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 row-collapse row-full-width align-center\"  id=\"row-1307295328\">\n\n\t<div id=\"col-2060359681\" 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-2060359681 > .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_669645340 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_669645340 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.89);\n}\n#section_669645340 .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_1689140324\">\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-1995965119\">\n\n\t<div id=\"col-1817077186\" 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_1689140324 {\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_2030968162\">\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-887544146\">\n\n\t<div id=\"col-1642881667\" 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_2030968162 {\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_1908211805\">\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-1617017197\">\n\n\t<div id=\"col-994893165\" 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_1908211805 {\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_319073389\">\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-1035670104\">\n\n\t<div id=\"col-2130373444\" 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_319073389 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(255, 255, 255);\n}\n#section_319073389 .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_1760248903\">\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-256348723\">\n\n\t<div id=\"col-699440677\" 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_1760248903 {\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":"","protected":false},"author":1,"featured_media":242,"parent":386,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-339","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/dmadu.com\/en\/elements\/sections\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"DMADU\u2122 - DMADU is the raising talented company in producing the laser hair removal IPL and more products for best women health and care\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Sections - DMADU\u2122\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/dmadu.com\/en\/elements\/sections\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2014-02-10T14:07:58+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2014-02-10T14:07:58+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Sections - DMADU\u2122\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dmadu.com\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/#listItem\",\"name\":\"Elements\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/#listItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#listItem\",\"name\":\"Sections\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#listItem\",\"position\":3,\"name\":\"Sections\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/#listItem\",\"name\":\"Elements\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/#organization\",\"name\":\"DMADU\\u2122\",\"description\":\"DMADU is the raising talented company in producing the laser hair removal IPL and more products for best women health and care\",\"url\":\"https:\\\/\\\/dmadu.com\\\/en\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#webpage\",\"url\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/\",\"name\":\"Sections - DMADU\\u2122\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":242,\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#mainImage\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/elements\\\/sections\\\/#mainImage\"},\"datePublished\":\"2014-02-10T14:07:58+00:00\",\"dateModified\":\"2014-02-10T14:07:58+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/dmadu.com\\\/en\\\/\",\"name\":\"DMADU\\u2122\",\"description\":\"DMADU is the raising talented company in producing the laser hair removal IPL and more products for best women health and care\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/dmadu.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Sections - DMADU\u2122","description":"","canonical_url":"https:\/\/dmadu.com\/en\/elements\/sections\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/dmadu.com\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/elements\/#listItem","name":"Elements"}},{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/elements\/#listItem","position":2,"name":"Elements","item":"https:\/\/dmadu.com\/en\/elements\/","nextItem":{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#listItem","name":"Sections"},"previousItem":{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#listItem","position":3,"name":"Sections","previousItem":{"@type":"ListItem","@id":"https:\/\/dmadu.com\/en\/elements\/#listItem","name":"Elements"}}]},{"@type":"Organization","@id":"https:\/\/dmadu.com\/en\/#organization","name":"DMADU\u2122","description":"DMADU is the raising talented company in producing the laser hair removal IPL and more products for best women health and care","url":"https:\/\/dmadu.com\/en\/"},{"@type":"WebPage","@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#webpage","url":"https:\/\/dmadu.com\/en\/elements\/sections\/","name":"Sections - DMADU\u2122","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/dmadu.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#breadcrumblist"},"image":{"@type":"ImageObject","url":242,"@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#mainImage"},"primaryImageOfPage":{"@id":"https:\/\/dmadu.com\/en\/elements\/sections\/#mainImage"},"datePublished":"2014-02-10T14:07:58+00:00","dateModified":"2014-02-10T14:07:58+00:00"},{"@type":"WebSite","@id":"https:\/\/dmadu.com\/en\/#website","url":"https:\/\/dmadu.com\/en\/","name":"DMADU\u2122","description":"DMADU is the raising talented company in producing the laser hair removal IPL and more products for best women health and care","inLanguage":"en-GB","publisher":{"@id":"https:\/\/dmadu.com\/en\/#organization"}}]},"og:locale":"en_GB","og:site_name":"DMADU\u2122 - DMADU is the raising talented company in producing the laser hair removal IPL and more products for best women health and care","og:type":"article","og:title":"Sections - DMADU\u2122","og:url":"https:\/\/dmadu.com\/en\/elements\/sections\/","article:published_time":"2014-02-10T14:07:58+00:00","article:modified_time":"2014-02-10T14:07:58+00:00","twitter:card":"summary_large_image","twitter:title":"Sections - DMADU\u2122"},"aioseo_meta_data":{"post_id":"339","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-04-14 08:08:30","updated":"2025-07-07 12:25:33","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/dmadu.com\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/dmadu.com\/en\/elements\/\" title=\"Elements\">Elements<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tSections\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/dmadu.com\/en\/"},{"label":"Elements","link":"https:\/\/dmadu.com\/en\/elements\/"},{"label":"Sections","link":"https:\/\/dmadu.com\/en\/elements\/sections\/"}],"_links":{"self":[{"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/pages\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/comments?post=339"}],"version-history":[{"count":0,"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/pages\/339\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/pages\/386"}],"wp:attachment":[{"href":"https:\/\/dmadu.com\/en\/wp-json\/wp\/v2\/media?parent=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}