← 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

Secondary Button Styles

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' }}
{{ el.type.toUpperCase() }}

Generated HTML/CSS