Плоская сетка
Адаптивные строки и столбцы
Создавайте потрясающие макеты с помощью системы строк и столбцов Flatsome на базе флексбокс
Простая строка из 4 столбцов
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Вертикальная центрированная строка
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Выровнять строку по нижнему краю
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Равномерная строка
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Строки с тенью
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Вы можете установить глубину столбца для всех столбцов или для каждого столбца.
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Разделенные строки
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Пунктирная линия
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Ряд со сплошной подкладкой
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Пользовательский фон для столбца
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Полная ширина строки с фоном
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummy Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummy Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nommy
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummyLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummy Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam noummy
Вложенные строки
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Lorem ipsum dolor сидеть амет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Колонна с тенью и белым фоном
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Колонна с тенью и белым фоном
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Колонна с тенью и белым фоном
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Колонна с тенью и белым фоном
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Колонна с тенью и белым фоном
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Колонна с тенью и белым фоном
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Столбец параллакса
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Столбец параллакса
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Столбец параллакса
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Центрированная строка столбцов
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Анимированные столбцы
Постепенное увеличение
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Постепенное исчезновение
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Постепенное появление слева
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Затухание справа
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Подпрыгнуть
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Подпрыгнуть вверх
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Отскок вниз
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Отскок влево
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Подпрыгнуть вправо
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Перевернуть по оси Y
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Перевернуть X
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….
Размытие
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismodtincidunt ut laoreet dolore magna aliquam erat volutpat….