{"id":66,"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-20T16:17:49","modified_gmt":"2024-11-20T16:17:49","slug":"sections","status":"publish","type":"page","link":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/","title":{"rendered":"Sections"},"content":{"rendered":"\t<section class=\"section dark has-parallax\" id=\"section_1945666761\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-3\">\n\n\t\t\t\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-1576525047\">\n\n\t<div id=\"col-1284015353\" 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-1284015353 > .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_1945666761 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 424px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1945666761 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.19);\n}\n#section_1945666761 .section-bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#section_1945666761 .section-bg {\n  background-position: 65% 40%;\n}\n#section_1945666761 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1945666761 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_4083723\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-2122031587\">\n\n\t<div id=\"col-104263414\" 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-638752407\" 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_4083723 {\n  padding-top: 50px;\n  padding-bottom: 50px;\n  background-color: rgb(233, 233, 233);\n}\n#section_4083723 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_4083723 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_875139094\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\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-1956524549\">\n\n\t<div id=\"col-1022907971\" 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-1174387852\" 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_875139094 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  background-color: rgb(41, 41, 41);\n}\n#section_875139094 .section-bg-overlay {\n  background-color: rgb(36, 36, 36);\n}\n#section_875139094 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_875139094 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_1054813050\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\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\n\t\tmuted\t\tloop>\n\t\t<source src=\"http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4\" type=\"video\/mp4\">\t<\/video>\n\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-1211201109\">\n\n\t<div id=\"col-1711965165\" 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_1054813050 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1054813050 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n#section_1054813050 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1054813050 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark\" id=\"section_965623594\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" >\n\n\t\t\t\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 row-collapse align-center\"  id=\"row-232920944\">\n\n\t<div id=\"col-1613853132\" 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_965623594 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 50vh;\n  background-color: rgb(0, 0, 0);\n}\n#section_965623594 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.51);\n}\n#section_965623594 .section-bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#section_965623594 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_965623594 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1892640495\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-835236008\">\n\n\t<div id=\"col-641697811\" 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-1398448547\" 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_19763745\">\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:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/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_19763745 {\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_1892640495 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n#section_1892640495 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1892640495 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-parallax\" id=\"section_1597728558\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-4\">\n\n\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\n\t\tmuted\t\tloop>\n\t\t<source src=\"http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4\" type=\"video\/mp4\">\t<\/video>\n\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-662662995\">\n\n\t<div id=\"col-468459649\" 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_1597728558 {\n  padding-top: 128px;\n  padding-bottom: 128px;\n  background-color: rgb(41, 41, 41);\n}\n#section_1597728558 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.27);\n}\n#section_1597728558 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1597728558 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section sticky-section\" id=\"section_1745444076\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-394463651\">\n\n\t<div id=\"col-1494824252\" 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_1670459573\">\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:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/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_1670459573 {\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-1307773373\" 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    <span>Click me!<\/span>\n  <\/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_1745444076 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(255, 255, 255);\n}\n#section_1745444076 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1745444076 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark sticky-section\" id=\"section_2036643629\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-430859386\">\n\n\t<div id=\"col-678146971\" 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    <span>Click me!<\/span>\n  <\/a>\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1209669145\" 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_519920902\">\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:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/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_519920902 {\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_2036643629 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(50, 50, 50);\n}\n#section_2036643629 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_2036643629 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_784841474\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" >\n\n\t\t\t\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-middle\"  id=\"row-1458676815\">\n\n\t<div id=\"col-575767785\" 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-1348889590\" 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_1464715266\">\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:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/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_1464715266 {\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_784841474 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(243, 243, 243);\n}\n#section_784841474 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.9);\n}\n#section_784841474 .section-bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#section_784841474 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_784841474 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1388363970\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-1299064098\">\n\n\t<div id=\"col-1050012322\" 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_217462128\">\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:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/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_217462128 {\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-1298702927\" 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-1298702927 > .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_1388363970 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(255, 255, 255);\n}\n#section_1388363970 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1388363970 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1420841740\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-259791441\">\n\n\t<div id=\"col-1875689141\" 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-1875689141 > .col-inner {\n  padding: 10%;\n  max-width: 520px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1234917130\" 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_1435583684\">\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:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/giatuidalat.net\/blog\/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_1435583684 {\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_1420841740 {\n  padding-top: 61px;\n  padding-bottom: 61px;\n  background-color: rgb(241, 241, 241);\n}\n#section_1420841740 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1420841740 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-parallax\" id=\"section_338031252\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\n\n\t\t\t\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=\"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-1917250059\">\n\n\t<div id=\"col-1157947128\" 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-1941671604\" 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-1344949929\" 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-115104774\">\n\n\t<div id=\"col-155360048\" 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-1921098907\" 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-1948996072\" 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_338031252 {\n  padding-top: 97px;\n  padding-bottom: 97px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_338031252 .section-bg-overlay {\n  background-color: rgba(0, 0, 0, 0.51);\n}\n#section_338031252 .section-bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#section_338031252 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_338031252 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section has-parallax\" id=\"section_1324944745\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-1\">\n\n\t\t\t\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 row-collapse row-full-width align-center\"  id=\"row-1675007134\">\n\n\t<div id=\"col-1951994779\" 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    <span>Click me now<\/span>\n  <\/a>\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1951994779 > .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_1324944745 {\n  padding-top: 60px;\n  padding-bottom: 60px;\n  min-height: 300px;\n  background-color: rgb(0, 0, 0);\n}\n#section_1324944745 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.89);\n}\n#section_1324944745 .section-bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#section_1324944745 .section-bg {\n  background-position: 25% 0%;\n}\n#section_1324944745 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1324944745 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-arrow\" id=\"section_1601707048\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-785788042\">\n\n\t<div id=\"col-1471249673\" 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_1601707048 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(63, 63, 63);\n}\n#section_1601707048 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1601707048 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-angled\" id=\"section_1280185015\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-96947462\">\n\n\t<div id=\"col-327295006\" 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_1280185015 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(160, 160, 160);\n}\n#section_1280185015 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1280185015 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-angled-right\" id=\"section_649889813\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-1545626968\">\n\n\t<div id=\"col-456471319\" 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_649889813 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(77, 77, 77);\n}\n#section_649889813 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_649889813 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-angled-right\" id=\"section_869951137\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" >\n\n\t\t\t\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-1049459523\">\n\n\t<div id=\"col-1266381662\" 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_869951137 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(255, 255, 255);\n}\n#section_869951137 .section-bg-overlay {\n  background-color: rgba(117, 117, 117, 0.44);\n}\n#section_869951137 .section-bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#section_869951137 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_869951137 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section dark has-mask mask-arrow-large\" id=\"section_1340993848\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\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-1237707429\">\n\n\t<div id=\"col-1301486\" 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_1340993848 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  min-height: 365px;\n  background-color: rgb(77, 77, 77);\n}\n#section_1340993848 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1340993848 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":56,"parent":92,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.7 (Yoast SEO v22.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sections - GI\u1eb6T S\u1ea4Y BLUE WASH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sections\" \/>\n<meta property=\"og:url\" content=\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/\" \/>\n<meta property=\"og:site_name\" content=\"GI\u1eb6T S\u1ea4Y BLUE WASH\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-20T16:17:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/\",\"url\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/\",\"name\":\"Sections - GI\u1eb6T S\u1ea4Y BLUE WASH\",\"isPartOf\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2014-02-10T14:07:58+00:00\",\"dateModified\":\"2024-11-20T16:17:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/giatuidalat.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/giatuidalat.net\/blog\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sections\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/#website\",\"url\":\"https:\/\/giatuidalat.net\/blog\/\",\"name\":\"GI\u1eb6T S\u1ea4Y BLUE WASH\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/giatuidalat.net\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sections - GI\u1eb6T S\u1ea4Y BLUE WASH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/","og_locale":"vi_VN","og_type":"article","og_title":"Sections","og_url":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/","og_site_name":"GI\u1eb6T S\u1ea4Y BLUE WASH","article_modified_time":"2024-11-20T16:17:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"6 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/","url":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/","name":"Sections - GI\u1eb6T S\u1ea4Y BLUE WASH","isPartOf":{"@id":"https:\/\/giatuidalat.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#primaryimage"},"image":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#primaryimage"},"thumbnailUrl":"","datePublished":"2014-02-10T14:07:58+00:00","dateModified":"2024-11-20T16:17:49+00:00","breadcrumb":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/giatuidalat.net\/blog\/elements\/sections\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/giatuidalat.net\/blog\/elements\/sections\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/giatuidalat.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/giatuidalat.net\/blog\/elements\/"},{"@type":"ListItem","position":3,"name":"Sections"}]},{"@type":"WebSite","@id":"https:\/\/giatuidalat.net\/blog\/#website","url":"https:\/\/giatuidalat.net\/blog\/","name":"GI\u1eb6T S\u1ea4Y BLUE WASH","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/giatuidalat.net\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"}]}},"_links":{"self":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":0,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/92"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/56"}],"wp:attachment":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}