{"id":60,"date":"2016-02-15T20:46:37","date_gmt":"2016-02-15T20:46:37","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3981"},"modified":"2021-03-27T13:50:52","modified_gmt":"2021-03-27T13:50:52","slug":"rows-columns","status":"publish","type":"page","link":"https:\/\/www.lobbing.rs\/en\/elements\/rows-columns\/","title":{"rendered":"Rows \/ Columns"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-702090256\"><div class=\"banner-inner fill\"><div class=\"banner-bg fill\"><div class=\"bg fill bg-fill\"><\/div><div class=\"overlay\"><\/div><\/div><div class=\"banner-layers container\"><div class=\"fill banner-link\"><\/div><div id=\"text-box-149945753\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\"><div data-parallax=\"-1\" data-parallax-fade=\"true\">                  <div class=\"text-box-content text dark\"><div class=\"text-inner text-center\"><h6>Flatsome Grid System<\/h6><h1>Responsive Rows and Columns<\/h1><p class=\"lead\">Create Amazing layouts by using Flatsome\u00a0Row and Column System powered by<strong> Flexbox<\/strong><\/p><\/div><\/div><\/div><style>\n#text-box-149945753 {\n  width: 75%;\n}\n#text-box-149945753 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-149945753 {\n    width: 100%;\n  }\n}\n<\/style><\/div><\/div><\/div><style>\n#banner-702090256 {\n  padding-top: 446px;\n}\n#banner-702090256 .bg.bg-loaded {\n  background-image: url(https:\/\/www.lobbing.rs\/wp-content\/uploads\/2016\/08\/dummy-2.jpg);\n}\n#banner-702090256 .overlay {\n  background-color: rgba(0, 0, 0, 0.61);\n}\n#banner-702090256 .bg {\n  background-position: 58% 26%;\n}\n<\/style><\/div><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><div class=\"row\" id=\"row-1944266584\"><div id=\"col-112970758\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner box-shadow-5-hover dark\" style=\"background-color:rgba(255, 0, 211, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1375842396\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1207633634\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p><\/div><\/div><div id=\"col-1765320965\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><style>\n#row-1944266584 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row align-middle\" id=\"row-1218140385\"><div id=\"col-1971871117\" class=\"col medium-6 small-6 large-6\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-636328874\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p><\/div><\/div><div id=\"col-1814287309\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><style>\n#row-1218140385 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row align-bottom\" id=\"row-331362026\"><div id=\"col-969055654\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-382129883\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-875474101\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p><\/div><\/div><div id=\"col-2021661162\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><style>\n#row-331362026 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row align-equal\" id=\"row-815257060\"><div id=\"col-1616117302\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-920363495\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1030141071\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod<\/p><\/div><\/div><div id=\"col-1422785761\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\" style=\"background-color:rgba(231, 231, 231, 0.96);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><style>\n#row-815257060 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row row-box-shadow-2 row-box-shadow-3-hover\" id=\"row-1891926388\"><div id=\"col-121145433\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><p><strong>You can set Column Depth for All columns or per column.<\/strong><\/p><\/div><\/div><div id=\"col-626244391\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1403841196\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><style>\n#row-1891926388 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row row-large row-divided\" id=\"row-349991180\"><div id=\"col-511375741\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-636877443\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-796832145\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><\/div><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><div class=\"row row-dashed\" id=\"row-1464795845\"><div id=\"col-1713042678\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1142968624\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1434468388\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1551443749\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-751898001\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-43765235\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><style>\n#row-1464795845 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row row-solid\" id=\"row-260297906\"><div id=\"col-255593735\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-340172513\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1190930073\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-309579972\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-2062375550\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1726691200\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><style>\n#row-260297906 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row\" id=\"row-1472527888\"><div id=\"col-881637162\" class=\"col medium-5 small-6 large-5\"><div class=\"col-inner box-shadow-2 dark\" style=\"background-color:rgb(38, 65, 116);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><style>\n#col-881637162 > .col-inner {\n  padding: 30px 30px 30px 30px;\n}\n<\/style><\/div><div id=\"col-125553732\" class=\"col medium-3 small-6 large-3\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1182223162\" class=\"col medium-3 small-12 large-3\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><style>\n#row-1472527888 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row row-collapse row-full-width align-equal\" id=\"row-782243421\"><div id=\"col-1626163907\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner dark\" style=\"background-color:rgb(0, 0, 0);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-1227425255\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner dark\" style=\"background-color:rgb(153, 120, 222);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><div id=\"col-794077352\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner dark\" style=\"background-color:rgb(120, 154, 222);\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy<\/p><\/div><\/div><style>\n#row-782243421 > .col > .col-inner {\n  padding: 30px;\n}\n<\/style><\/div><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><div class=\"row\" id=\"row-2009572432\"><div id=\"col-1488006953\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-759021023\" class=\"col medium-8 small-12 large-8\"><div class=\"col-inner\"><div class=\"row\" id=\"row-1732824686\"><div id=\"col-620979802\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1965221348\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-2122621104\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-998833439\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-460316418\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1619875886\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Lorem ipsum dolor sit amet<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><section class=\"section\" id=\"section_667866850\"><div class=\"bg section-bg fill bg-fill bg-loaded\"><\/div><div class=\"section-content relative\"><div class=\"row align-middle\" id=\"row-220342351\"><div id=\"col-802183773\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Column with a drop shadow and white background<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-463411128\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\"><h3>Column with a drop shadow and white background<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-320343463\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner box-shadow-3 box-shadow-5-hover\" style=\"background-color:rgb(255, 255, 255);\"><h3>Column with a drop shadow and white background<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><style>\n#col-320343463 > .col-inner {\n  padding: 30px 30px 30px 30px;\n}\n<\/style><\/div><\/div><\/div><style>\n#section_667866850 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(231, 231, 231);\n}\n<\/style><\/section><section class=\"section\" id=\"section_1029112494\"><div class=\"bg section-bg fill bg-fill bg-loaded\"><\/div><div class=\"section-content relative\"><div class=\"row row-small align-middle\" id=\"row-900033020\"><div id=\"col-2064390525\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\" style=\"background-color:rgb(255, 255, 255);\"><h3>Column with a drop shadow and white background<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><style>\n#col-2064390525 > .col-inner {\n  padding: 20px;\n}\n<\/style><\/div><div id=\"col-1679112698\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner dark\"><h3>Column with a drop shadow and white background<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-582122234\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner dark\"><h3>Column with a drop shadow and white background<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><\/div><\/div><style>\n#section_1029112494 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(0, 0, 0);\n}\n<\/style><\/section><section class=\"section\" id=\"section_1054040035\"><div class=\"bg section-bg fill bg-fill bg-loaded\"><\/div><div class=\"section-content relative\"><div class=\"row row-solid\" id=\"row-2024566810\"><div id=\"col-475898960\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\" data-parallax-fade=\"true\" data-parallax=\"1\"><h3>Parallax Column<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1692419450\" class=\"col medium-4 small-6 large-4\"><div class=\"col-inner\" data-parallax-fade=\"true\" data-parallax=\"2\"><h3>Parallax Column<\/h3><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\u2026.<\/span><\/p><\/div><\/div><div id=\"col-1632525506\" class=\"col medium-4 small-12 large-4\"><div class=\"col-inner\" data-parallax-fade=\"true\" data-parallax=\"3\"><h3>Parallax Column<\/h3><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\u2026.<\/span><\/p><\/div><\/div><\/div><\/div><style>\n#section_1054040035 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(231, 231, 231);\n}\n<\/style><\/section><div class=\"row align-center\" id=\"row-693733055\"><div id=\"col-1430196475\" class=\"col medium-7 small-10 large-7\"><div class=\"col-inner text-center\"><h3>A Centered Columns Row<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><\/div><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><div class=\"row\" id=\"row-587560867\"><div id=\"col-611025303\" class=\"col medium-4 small-12 large-4\" data-animate=\"fadeInUp\"><div class=\"col-inner\"><h3>Fade In Up<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1919820102\" class=\"col medium-4 small-12 large-4\" data-animate=\"fadeInDown\"><div class=\"col-inner\"><h3>Fade In\u00a0Down<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-196296933\" class=\"col medium-4 small-12 large-4\" data-animate=\"fadeInLeft\"><div class=\"col-inner\"><h3>Fade In Left<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-364779200\" class=\"col medium-4 small-12 large-4\" data-animate=\"fadeInRight\"><div class=\"col-inner\"><h3>Fade In Right<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-42769855\" class=\"col medium-4 small-12 large-4\" data-animate=\"bounceIn\"><div class=\"col-inner\"><h3>Bounce In<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1196552894\" class=\"col medium-4 small-12 large-4\" data-animate=\"bounceInUp\"><div class=\"col-inner\"><h3>Bounce In Up<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1239015463\" class=\"col medium-4 small-12 large-4\" data-animate=\"bounceInDown\"><div class=\"col-inner\"><h3>Bounce In\u00a0Down<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1890392404\" class=\"col medium-4 small-12 large-4\" data-animate=\"bounceInLeft\"><div class=\"col-inner\"><h3>Bounce In Left<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-930694157\" class=\"col medium-4 small-12 large-4\" data-animate=\"bounceInRight\"><div class=\"col-inner\"><h3>Bounce In\u00a0Right<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><\/div><div class=\"row\" id=\"row-2036603844\"><div id=\"col-951875101\" class=\"col medium-6 small-12 large-6\" data-animate=\"flipInY\"><div class=\"col-inner\"><h3>Flip In Y<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-1968488300\" class=\"col medium-6 small-12 large-6\" data-animate=\"flipInX\"><div class=\"col-inner\"><h3>Flip In X<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><div id=\"col-930922046\" class=\"col medium-6 small-12 large-6\" data-animate=\"blurIn\"><div class=\"col-inner\"><h3>Blur In<\/h3><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat\u2026.<\/p><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":18,"parent":99,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-60","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v16.2 (Yoast SEO v20.13) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rows \/ Columns | Lobbing<\/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:\/\/www.lobbing.rs\/en\/elements\/rows-columns\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rows \/ Columns | Lobbing\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lobbing.rs\/en\/elements\/rows-columns\/\" \/>\n<meta property=\"og:site_name\" content=\"Lobbing\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-27T13:50:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lobbing.rs\/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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lobbing.rs\/elements\/rows-columns\/\",\"url\":\"https:\/\/www.lobbing.rs\/elements\/rows-columns\/\",\"name\":\"Rows \/ Columns | Lobbing\",\"isPartOf\":{\"@id\":\"https:\/\/www.lobbing.rs\/#website\"},\"datePublished\":\"2016-02-15T20:46:37+00:00\",\"dateModified\":\"2021-03-27T13:50:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.lobbing.rs\/elements\/rows-columns\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lobbing.rs\/elements\/rows-columns\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.lobbing.rs\/elements\/rows-columns\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna\",\"item\":\"https:\/\/www.lobbing.rs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/www.lobbing.rs\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Rows \/ Columns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lobbing.rs\/#website\",\"url\":\"https:\/\/www.lobbing.rs\/\",\"name\":\"Lobbing\",\"description\":\"Lobbing\",\"publisher\":{\"@id\":\"https:\/\/www.lobbing.rs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.lobbing.rs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.lobbing.rs\/#organization\",\"name\":\"NightSecret\",\"url\":\"https:\/\/www.lobbing.rs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.lobbing.rs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nightsecret.net\/wp-content\/uploads\/2021\/04\/NightSecretlogoblack.png\",\"contentUrl\":\"https:\/\/nightsecret.net\/wp-content\/uploads\/2021\/04\/NightSecretlogoblack.png\",\"width\":132,\"height\":132,\"caption\":\"NightSecret\"},\"image\":{\"@id\":\"https:\/\/www.lobbing.rs\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Rows \/ Columns | Lobbing","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:\/\/www.lobbing.rs\/en\/elements\/rows-columns\/","og_locale":"en_US","og_type":"article","og_title":"Rows \/ Columns | Lobbing","og_url":"https:\/\/www.lobbing.rs\/en\/elements\/rows-columns\/","og_site_name":"Lobbing","article_modified_time":"2021-03-27T13:50:52+00:00","og_image":[{"width":400,"height":260,"url":"https:\/\/www.lobbing.rs\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lobbing.rs\/elements\/rows-columns\/","url":"https:\/\/www.lobbing.rs\/elements\/rows-columns\/","name":"Rows \/ Columns | Lobbing","isPartOf":{"@id":"https:\/\/www.lobbing.rs\/#website"},"datePublished":"2016-02-15T20:46:37+00:00","dateModified":"2021-03-27T13:50:52+00:00","breadcrumb":{"@id":"https:\/\/www.lobbing.rs\/elements\/rows-columns\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lobbing.rs\/elements\/rows-columns\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.lobbing.rs\/elements\/rows-columns\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna","item":"https:\/\/www.lobbing.rs\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/www.lobbing.rs\/elements\/"},{"@type":"ListItem","position":3,"name":"Rows \/ Columns"}]},{"@type":"WebSite","@id":"https:\/\/www.lobbing.rs\/#website","url":"https:\/\/www.lobbing.rs\/","name":"Lobbing","description":"Lobbing","publisher":{"@id":"https:\/\/www.lobbing.rs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lobbing.rs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.lobbing.rs\/#organization","name":"NightSecret","url":"https:\/\/www.lobbing.rs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lobbing.rs\/#\/schema\/logo\/image\/","url":"https:\/\/nightsecret.net\/wp-content\/uploads\/2021\/04\/NightSecretlogoblack.png","contentUrl":"https:\/\/nightsecret.net\/wp-content\/uploads\/2021\/04\/NightSecretlogoblack.png","width":132,"height":132,"caption":"NightSecret"},"image":{"@id":"https:\/\/www.lobbing.rs\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":1,"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/pages\/60\/revisions\/131"}],"up":[{"embeddable":true,"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/pages\/99"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/media\/18"}],"wp:attachment":[{"href":"https:\/\/www.lobbing.rs\/en\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}