← Back to Tools

City Page Builder Final Final (1)

Import Generated HTML

Paste the HTML block generated by this tool to restore your sections.

📄 Word Document Scan Result

Detected {{ wordParsedSections.length }} section(s). Rules applied: H1 → Section 1 · Other sections start with H2 · Image rows are 2-column (unless marked Infographic = full width).

💡 Tip: To mark an image as a full-width Infographic, write the word "infographic" in the image's alt text or in a caption/paragraph right next to it in your Word doc.

Section {{ i + 1 }} ({{ sec.rows.length }} row{{ sec.rows.length === 1 ? '' : 's' }})
INFOGRAPHIC 2-COLUMN TEXT {{ (el.type || '').toUpperCase() }}: {{ describeElement(el) }}
No content detected.
Source: {{ wordFileName }}

Paste your pseudo-bbcode tags (e.g. [section], [row_image]) below. Rich text formatting like bold and lists will be preserved!

Insert:

Global Styles & Settings

Import CSS Variables from previous work
Updates Global Styles below from the pasted CSS.

Secondary Button Styles

Strips typography, buttons, sliders, cards — host site's theme CSS takes over.
Use the buttons above to add a section and start building!

Section {{ sIdx + 1 }}

Row {{ rIdx + 1 }}
{{ row.imgFullRow ? 'Full Row Layout' : 'Auto 2-Column Layout' }}
Column {{ colIdx }} ({{ elementsInCol(row, colIdx - 1).length }} item{{ elementsInCol(row, colIdx - 1).length === 1 ? '' : 's' }})
{{ el.type.toUpperCase() }}
✓ Auto-generated responsive iframe will be inserted.
Could not parse this URL — falling back to Custom HTML below.

Generated HTML/CSS