3-Column Layout | Lunevedy UI Builder

< Layouts

Section

SECTION OPTIONS ×

Section Class Name

Max. Content Width

Default Colors

Clears CSS

Background

Column Gap
0 2 5 8 %

Column blocks
3 6 9

Row Gap
0 25 50 80 px
Upper

UPPER BLOCK OPTIONS ×

Upper Block Align

Max. Text Width

Badge

Colors Shape

<H2> Heading

<H2> Highlight Text

<H2> Bottom Border

<H3> Sub-Headings
Columns Content

COLUMN CONTENT ×

Align

Badge

Colors Shape

<H3> Sub-headings

<H3> Hyperlinks

H3 Text Colors

H3 Underlines

Text

Icon
Columns Style

COLUMNS STYLES ×

Background

Borders

Borders Width
1 2 3 4 px

Shadows

Shadows Type
Gradient Solid

Soft Corners

Border Radius
10px 20px 30px 40px px
Buttons

COLUMN BUTTONS ×

Buttons Type

Size Shape

Icon

Full Width

Shadow UPPERCASE

BUTTON COLORS

Text

Background

Border
Illustrations

COLUMN ILLUSTRATIONS ×

Illustrations

Photos

Transparent

Drawings

Icons

Videos

PROPERTIES

Shape

Padding

Shadows

Gradient Solid

Soft Corners

Text Box

Colors

Shape

Sub-heading

Hyperlinks

Zoom

Brightness

Padding

Shadows

Gradient Solid

Padding

Shadows

Gradient Solid

Type

Align

Size

Color

Type

Padding

Shadows

Gradient Solid

COLOR PICKER

MISC.

black-000

white-000

trans-000

Slate

slate-050

slate-100

slate-200

slate-300

slate-400

slate-500

slate-600

slate-700

slate-800

slate-900

Gray

gray-050

gray-100

gray-200

gray-300

gray-400

gray-500

gray-600

gray-700

gray-800

gray-900

Red

red-050

red-100

red-200

red-300

red-400

red-500

red-600

red-700

red-800

red-900

Pink

pink-050

pink-100

pink-200

pink-300

pink-400

pink-500

pink-600

pink-700

pink-800

pink-900

Rose

rose-050

rose-100

rose-200

rose-300

rose-400

rose-500

rose-600

rose-700

rose-800

rose-900

Sky

sky-050

sky-100

sky-200

sky-300

sky-400

sky-500

sky-600

sky-700

sky-800

sky-900

Blue

blue-050

blue-100

blue-200

blue-300

blue-400

blue-500

blue-600

blue-700

blue-800

blue-900

Indigo

indigo-050

indigo-100

indigo-200

indigo-300

indigo-400

indigo-500

indigo-600

indigo-700

indigo-800

indigo-900

Lime

lime-050

lime-100

lime-200

lime-300

lime-400

lime-500

lime-600

lime-700

lime-800

lime-900

Green

green-050

green-100

green-200

green-300

green-400

green-500

green-600

green-700

green-800

green-900

Teal

teal-050

teal-100

teal-200

teal-300

teal-400

teal-500

teal-600

teal-700

teal-800

teal-900

Cyan

cyan-050

cyan-100

cyan-200

cyan-300

cyan-400

cyan-500

cyan-600

cyan-700

cyan-800

cyan-900

Purple

purple-050

purple-100

purple-200

purple-300

purple-400

purple-500

purple-600

purple-700

purple-800

purple-900

Fuchsia

fuchsia-050

fuchsia-100

fuchsia-200

fuchsia-300

fuchsia-400

fuchsia-500

fuchsia-600

fuchsia-700

fuchsia-800

fuchsia-900

Yellow

yellow-050

yellow-100

yellow-200

yellow-300

yellow-400

yellow-500

yellow-600

yellow-700

yellow-800

yellow-900

Orange

orange-050

orange-100

orange-200

orange-300

orange-400

orange-500

orange-600

orange-700

orange-800

orange-900

Amber

amber-050

amber-100

amber-200

amber-300

amber-400

amber-500

amber-600

amber-700

amber-800

amber-900

Brown

brown-050

brown-100

brown-200

brown-300

brown-400

brown-500

brown-600

brown-700

brown-800

brown-900

On Trend

trend-050

trend-100

trend-200

trend-300

trend-400

trend-500

trend-600

trend-700

trend-800

trend-900

UI theme

> 1200px

1200px

1024px

768px

390px

320px

Copy
code

Loading…