Layout Builder

Set styles and structure, then click "Download ZIP", "Download Html" or "Generate HTML Code".

Font:

Font Size (px): Font Weight:

Text Color: Link Color:

Nav Bar Color: Nav Link Color:

Background Templates

Choose a preset background or enter a custom background URL (custom backgrounds will override the template).

Custom Background URL: Background Color: Gradient Overlay (optional): Background Image URL (tiled):

Left Column Background: Main Column Background:

Right Column Background:

Column Background Images (Optional)

Left Column Image URL: Use Image for Left Column (overrides solid color/glass effect) Main Column Image URL: Use Image for Main Content (overrides solid color) Right Column Image URL: Use Image for Right Sidebar (overrides solid color)

Left Width (%): Right Width (%):

Column Padding (px): Column Border (px):

Header Image Templates

Choose a template or enter a custom header URL.

Header Image Template

Custom Header Image URL:

Header Rotate (deg) / Scale

Header SkewX (deg) / Header SkewY

Header TranslateX / Header TranslateY

Header Mode / Position:

Left Menu Editor

Drag to reorder. Each item supports a name and a link (URL). Items are saved automatically.

Menu Setting

Menu Links (use "," for seperate & ":" for submenu):

Visibility Controls

Show Navbar Show Left Menu

Show Right Sidebar

Advanced CSS Settings

Max Page Width (px):

Gap Between Columns (px): Border Radius (px):

Box Shadow Template: Custom Box Shadow:

Line Height: Heading Color:

Button Background: Button Hover:

Navbar Theme

Navbar Theme:

Table Generator

Insert an HTML table into Main Content

Rows: Cols:

Border width (px): Cell padding (px):

Border color: Cell bg:

Include header row

Iframe Generator

Insert an Iframe into Main Content Iframe Name/Target: Iframe Source URL:

Floating Decoration Images (Max 5)

Add small floating images anywhere on the page using absolute positioning.

Image URL:

Width (px): Z-Index: