{"id":49,"date":"2016-02-15T20:46:37","date_gmt":"2016-02-15T20:46:37","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3981"},"modified":"2024-11-20T16:17:49","modified_gmt":"2024-11-20T16:17:49","slug":"rows-columns","status":"publish","type":"page","link":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/","title":{"rendered":"Rows \/ Columns"},"content":{"rendered":"\n  <div class=\"banner has-hover\" id=\"banner-1752163226\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1456940934\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n              <div data-parallax=\"-1\" data-parallax-fade=\"true\">                  <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h6>Flatsome Grid System<\/h6>\n<h1>Responsive Rows and Columns<\/h1>\n<p class=\"lead\">Create Amazing layouts by using Flatsome\u00a0Row and Column System powered by<strong> Flexbox<\/strong><\/p>\n              <\/div>\n           <\/div>\n              <\/div>              \n<style>\n#text-box-1456940934 {\n  width: 75%;\n}\n#text-box-1456940934 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1456940934 {\n    width: 100%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1752163226 {\n  padding-top: 446px;\n}\n#banner-1752163226 .bg.bg-loaded {\n  background-image: url(https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-1752163226 .overlay {\n  background-color: rgba(0, 0, 0, 0.61);\n}\n#banner-1752163226 .bg {\n  background-position: 58% 26%;\n}\n#banner-1752163226 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#banner-1752163226 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Simple 4-column row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-453240551\">\n\n\t<div id=\"col-869889828\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-5-hover dark\" style=\"background-color:rgba(255, 0, 211, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1079383164\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1817410628\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-665772293\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<style>\n#row-453240551 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Vertical Centered Row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row align-middle\"  id=\"row-1504539881\">\n\n\t<div id=\"col-729090057\" class=\"col medium-6 small-6 large-6\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1790471538\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1208966076\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<style>\n#row-1504539881 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Bottom Align Row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row align-bottom\"  id=\"row-1433248076\">\n\n\t<div id=\"col-263098762\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2028976660\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-360816210\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1615283086\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<style>\n#row-1433248076 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Equal aligned row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row align-equal\"  id=\"row-1179026893\">\n\n\t<div id=\"col-1509638111\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1753510195\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1488443014\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-160572616\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\" >\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<style>\n#row-1179026893 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Rows With Drop shadow<\/span><b><\/b><\/h3><\/div>\n<div class=\"row row-box-shadow-2 row-box-shadow-3-hover\"  id=\"row-172385167\">\n\n\t<div id=\"col-1392435850\" 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<p><strong>You can set Column Depth for All columns or per column.<\/strong><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1087693207\" 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-1288552979\" 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<style>\n#row-172385167 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Divided row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row row-large row-divided\"  id=\"row-1047689181\">\n\n\t<div id=\"col-1543473535\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1463080536\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2070239858\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n<div class=\"container section-title-container\" style=\"margin-top:23px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Dashed Lined Row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row row-dashed\"  id=\"row-1469355930\">\n\n\t<div id=\"col-1879896900\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-350220218\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-362831708\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1122247919\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-152757307\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1174662186\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-1469355930 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" style=\"margin-top:25px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Solid Lined Row<\/span><b><\/b><\/h3><\/div>\n<div class=\"row row-solid\"  id=\"row-1992467369\">\n\n\t<div id=\"col-8586366\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-22398003\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-258669963\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-803170512\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1598882975\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-361291850\" 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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-1992467369 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" style=\"margin-top:28px;\"><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">Custom Background on a Column<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-136534477\">\n\n\t<div id=\"col-561447415\" class=\"col medium-5 small-6 large-5\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-2 dark\" style=\"background-color:rgb(38, 65, 116);\" >\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<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-561447415 > .col-inner {\n  padding: 30px 30px 30px 30px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-363158785\" class=\"col medium-3 small-6 large-3\"  >\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<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-176849069\" class=\"col medium-3 small-12 large-3\"  >\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<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-136534477 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Full Width Row with Backgrounds<\/span><b><\/b><\/h3><\/div>\n<div class=\"row row-collapse row-full-width align-equal\"  id=\"row-1744524787\">\n\n\t<div id=\"col-1552934011\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(0, 0, 0);\" >\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 nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-887832056\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(153, 120, 222);\" >\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<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-569053094\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\" style=\"background-color:rgb(120, 154, 222);\" >\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<\/p>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<style>\n#row-1744524787 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style>\n<\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Nested Rows<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-262116533\">\n\n\t<div id=\"col-1198593541\" 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<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<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-976656132\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<div class=\"row\"  id=\"row-252180133\">\n\n\t<div id=\"col-2101015030\" 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-1071687533\" 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-1182305214\" 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-1336019234\" 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-1295958799\" 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-2056892568\" 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\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t<section class=\"section\" id=\"section_788833513\">\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-813598312\">\n\n\t<div id=\"col-388789301\" 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>Column with a drop shadow and white background<\/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-1315917222\" 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>Column with a drop shadow and white background<\/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-1713219100\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-3 box-shadow-5-hover\" style=\"background-color:rgb(255, 255, 255);\" >\n\t\t\t\n\t\t\t\n<h3>Column with a drop shadow and white background<\/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\n<style>\n#col-1713219100 > .col-inner {\n  padding: 30px 30px 30px 30px;\n}\n<\/style>\n\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_788833513 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(231, 231, 231);\n}\n#section_788833513 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_788833513 .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_320447450\">\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-small align-middle\"  id=\"row-64877092\">\n\n\t<div id=\"col-944436385\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255, 255, 255);\" >\n\t\t\t\n\t\t\t\n<h3>Column with a drop shadow and white background<\/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\n<style>\n#col-944436385 > .col-inner {\n  padding: 20px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-1811991807\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\"  >\n\t\t\t\n\t\t\t\n<h3>Column with a drop shadow and white background<\/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-1527020641\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner dark\"  >\n\t\t\t\n\t\t\t\n<h3>Column with a drop shadow and white background<\/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_320447450 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(0, 0, 0);\n}\n#section_320447450 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_320447450 .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_1565103406\">\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-solid\"  id=\"row-1901186509\">\n\n\t<div id=\"col-46316320\" class=\"col medium-4 small-6 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  data-parallax-fade=\"true\" data-parallax=\"1\">\n\t\t\t\n\t\t\t\n<h3>Parallax Column<\/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-358640900\" class=\"col medium-4 small-6 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  data-parallax-fade=\"true\" data-parallax=\"2\">\n\t\t\t\n\t\t\t\n<h3>Parallax Column<\/h3>\n<p><span style=\"color: #555555; font-size: 14.4px; line-height: 1.5;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/span><\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-549018588\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  data-parallax-fade=\"true\" data-parallax=\"3\">\n\t\t\t\n\t\t\t\n<h3>Parallax Column<\/h3>\n<p><span style=\"color: #555555; font-size: 14.4px; line-height: 1.5;\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/span><\/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_1565103406 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(231, 231, 231);\n}\n#section_1565103406 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1565103406 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n<div class=\"row align-center\"  id=\"row-1868773557\">\n\n\t<div id=\"col-116630360\" class=\"col medium-7 small-10 large-7\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h3>A Centered Columns Row<\/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=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b><\/b><span class=\"section-title-main\" >Animated Columns<\/span><b><\/b><\/h3><\/div>\n<div class=\"row\"  id=\"row-1338457803\">\n\n\t<div id=\"col-721767992\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Fade In Up<\/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-1948093681\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInDown\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Fade In\u00a0Down<\/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-648595211\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Fade In Left<\/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-1264300069\" class=\"col medium-4 small-12 large-4\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Fade In Right<\/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-320303134\" class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceIn\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Bounce In<\/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-839162699\" class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Bounce In Up<\/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-1393005918\" class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInDown\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Bounce In\u00a0Down<\/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-554442438\" class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Bounce In Left<\/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-1051757977\" class=\"col medium-4 small-12 large-4\"  data-animate=\"bounceInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Bounce In\u00a0Right<\/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\"  id=\"row-857255926\">\n\n\t<div id=\"col-1484053181\" class=\"col medium-6 small-12 large-6\"  data-animate=\"flipInY\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Flip In Y<\/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-1410566079\" class=\"col medium-6 small-12 large-6\"  data-animate=\"flipInX\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Flip In X<\/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-679850319\" class=\"col medium-6 small-12 large-6\"  data-animate=\"blurIn\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n<h3>Blur In<\/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","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7,"parent":92,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-49","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>Rows \/ Columns - 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\/rows-columns\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rows \/ Columns\" \/>\n<meta property=\"og:url\" content=\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/\" \/>\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 property=\"og:image\" content=\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"12 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\/rows-columns\/\",\"url\":\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/\",\"name\":\"Rows \/ Columns - GI\u1eb6T S\u1ea4Y BLUE WASH\",\"isPartOf\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\",\"datePublished\":\"2016-02-15T20:46:37+00:00\",\"dateModified\":\"2024-11-20T16:17:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#primaryimage\",\"url\":\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\",\"contentUrl\":\"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#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\":\"Rows \/ Columns\"}]},{\"@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":"Rows \/ Columns - 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\/rows-columns\/","og_locale":"vi_VN","og_type":"article","og_title":"Rows \/ Columns","og_url":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/","og_site_name":"GI\u1eb6T S\u1ea4Y BLUE WASH","article_modified_time":"2024-11-20T16:17:49+00:00","og_image":[{"width":400,"height":260,"url":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"12 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/","url":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/","name":"Rows \/ Columns - GI\u1eb6T S\u1ea4Y BLUE WASH","isPartOf":{"@id":"https:\/\/giatuidalat.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#primaryimage"},"image":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#primaryimage"},"thumbnailUrl":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","datePublished":"2016-02-15T20:46:37+00:00","dateModified":"2024-11-20T16:17:49+00:00","breadcrumb":{"@id":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#primaryimage","url":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","contentUrl":"https:\/\/giatuidalat.net\/blog\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/giatuidalat.net\/blog\/elements\/rows-columns\/#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":"Rows \/ Columns"}]},{"@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\/49","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=49"}],"version-history":[{"count":0,"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/pages\/49\/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\/media\/7"}],"wp:attachment":[{"href":"https:\/\/giatuidalat.net\/blog\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}