Rows / Columns

[ux_banner height=”446px” bg=”4800″ bg_overlay=”rgba(0, 0, 0, 0.61)” bg_pos=”58% 26%”]

[text_box width=”100″ width__sm=”75″ parallax=”-1″]

Flatsome Grid System

Responsive Rows and Columns

Create Amazing layouts by using Flatsome Row and Column System powered by Flexbox

[/text_box]

[/ux_banner]
[title style=”center” text=”Simple 4-column row”]

[row padding=”30px”]

[col span=”3″ span__sm=”6″ bg_color=”rgba(255, 0, 211, 0.96)” color=”light” depth_hover=”5″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[title style=”center” text=”Vertical Centered Row”]

[row v_align=”middle” padding=”30px”]

[col span=”6″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[title style=”center” text=”Bottom Align Row”]

[row v_align=”bottom” padding=”30px”]

[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[title style=”center” text=”Equal aligned row”]

[row v_align=”equal” padding=”30px”]

[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod

[/col]
[col span=”3″ span__sm=”6″ bg_color=”rgba(231, 231, 231, 0.96)”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[title style=”center” text=”Rows With Drop shadow”]

[row padding=”30px” depth=”2″ depth_hover=”3″]

[col span=”4″ span__sm=”12″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

You can set Column Depth for All columns or per column.

[/col]
[col span=”4″ span__sm=”12″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[title style=”center” text=”Divided row”]

[row style=”large” col_style=”divided”]

[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”12″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]

[/row]
[title style=”center” text=”Dashed Lined Row” margin_top=”23px” size=”undefined”]

[row col_style=”dashed” padding=”30px”]

[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]

[/row]
[title style=”center” text=”Solid Lined Row” margin_top=”25px” size=”undefined”]

[row col_style=”solid” padding=”30px”]

[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]

[/row]
[title style=”center” text=”Custom Background on a Column” margin_top=”28px” size=”undefined”]

[row padding=”30px”]

[col span=”5″ span__sm=”6″ padding=”30px 30px 30px 30px” bg_color=”rgb(38, 65, 116)” color=”light” depth=”2″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”3″ span__sm=”12″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]

[/row]
[title style=”center” text=”Full Width Row with Backgrounds”]

[row style=”collapse” width=”full-width” v_align=”equal” padding=”30px”]

[col span=”4″ span__sm=”12″ bg_color=”rgb(0, 0, 0)” color=”light”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”12″ bg_color=”rgb(153, 120, 222)” color=”light”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]
[col span=”4″ span__sm=”12″ bg_color=”rgb(120, 154, 222)” color=”light”]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

[/col]

[/row]
[title style=”center” text=”Nested Rows”]

[row]

[col span=”4″ span__sm=”12″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”8″ span__sm=”12″]

[row_inner]

[col_inner span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col_inner]
[col_inner span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col_inner]
[col_inner span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col_inner]
[col_inner span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col_inner]
[col_inner span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col_inner]
[col_inner span=”4″ span__sm=”6″]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col_inner]

[/row_inner]

[/col]

[/row]
[section bg_color=”rgb(231, 231, 231)”]

[row v_align=”middle”]

[col span=”4″ span__sm=”6″]

Column with a drop shadow and white background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”6″]

Column with a drop shadow and white background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ padding=”30px 30px 30px 30px” bg_color=”rgb(255, 255, 255)” depth=”3″ depth_hover=”5″]

Column with a drop shadow and white background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]

[/section]
[section bg_color=”rgb(0, 0, 0)”]

[row style=”small” v_align=”middle”]

[col span=”4″ span__sm=”12″ padding=”20px” bg_color=”rgb(255, 255, 255)”]

Column with a drop shadow and white background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ color=”light”]

Column with a drop shadow and white background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ color=”light”]

Column with a drop shadow and white background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]

[/section]
[section bg_color=”rgb(231, 231, 231)”]

[row col_style=”solid”]

[col span=”4″ span__sm=”6″ parallax=”1″]

Parallax Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”6″ parallax=”2″]

Parallax Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ parallax=”3″]

Parallax Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]

[/section]
[row h_align=”center”]

[col span=”7″ span__sm=”10″ align=”center”]

A Centered Columns Row

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[title style=”center” text=”Animated Columns”]

[row]

[col span=”4″ span__sm=”12″ animate=”fadeInUp”]

Fade In Up

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”fadeInDown”]

Fade In Down

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”fadeInLeft”]

Fade In Left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”fadeInRight”]

Fade In Right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”bounceIn”]

Bounce In

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”bounceInUp”]

Bounce In Up

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”bounceInDown”]

Bounce In Down

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”bounceInLeft”]

Bounce In Left

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”4″ span__sm=”12″ animate=”bounceInRight”]

Bounce In Right

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]
[row]

[col span=”6″ span__sm=”12″ animate=”flipInY”]

Flip In Y

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”6″ span__sm=”12″ animate=”flipInX”]

Flip In X

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]
[col span=”6″ span__sm=”12″ animate=”blurIn”]

Blur In

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat….

[/col]

[/row]

  • Thông tin liên hệ
  • CÔNG TY TNHH SX TÔN THÉP MẠNH HÀ
  • Trụ sở chính: 550 Cộng Hòa, P.13, Q. Tân Bình, HCM
  • Kho 1: Lô 8, Đường Song Hành, Khu Công Nghiệp Tân Tạo, Quận Bình Tân, Tphcm
  • Kho 2: 121 Phan Văn Hớn, Xã Bà Điểm, Huyện Hóc Môn, Tphcm
  • Kho 3: F2/1Q Đường Quách Điêu, Xã Vĩnh Lộc A, Huyện Bình Chánh, Tphcm
  • Hệ thống chúng tôi trải dài toàn tphcm như quận 1 - quận 2 - quận 3 - quận 8 - quận bình thạnh - quận thủ đức - củ chi - hóc môn...vv...
  • Điện thoại : Hotline : 0917.02.03.03 - 0789.373.666 - 0909.050.666 Phòng Kinh Doanh
  • Email: tonthepmanhha@gmail.com
  • Mon - Fri : 08:00 - 17:00
    Sat - Sun Holiday
Zalo: 0917020303
Liên kết hữu ích : Công ty seo, dịch vụ seo, hút hầm cầu, thu mua phế liệu, giá thép hình, giá cát san lấp, giá thép việt nhật, giá thép ống, chuyển nhà thành hưng, khoan cắt bê tông, khoan cắt bê tông, sắt thép xây dựng, xà gồ xây dựng , thiết kế và thi công nhà, bốc xếp, lắp đặt camera, sửa khóa tại nhà, thông cống nghẹt, Taxi nội bài, Taxi gia đình, taxi đưa đón sân bay, đặt xe sân bay, thu mua phế liệu thành phát, thu mua phế liệu phát thành đạt, thu mua phế liệu hưng thịnh, thu mua phế liệu miền nam, thu mua phế liệu ngọc diệp, thu mua phế liệu mạnh nhất,thu mua phế liệu phương nam, Thu mua phế liệu Sắt thép, Thu mua phế liệu Đồng, Thu mua phế liệu Nhôm, Thu mua phế liệu Inox, Mua phế liệu inox, Mua phế liệu nhôm, Mua phế liệu sắt, Mua phế liệu Đồng, Mua phế liệu giá cao, Thép trí việt,, Thu mua phế liệu Hải Đăng, Thu mua phế liệu Nhật Minh, Thu mua phế liệu Phúc Lộc Tài, Thu mua phế liệu Huy Lộc Phát, Thu mua phế liệu
Copyright 2022 © giathephinh24h.net. DMCA.com Protection Status