or click to browse. Nothing leaves your browser
This tool takes a full HTML design and chops it into separate header.php, footer.php, index.php, and style.css files. You just pick your main content element, and it splits everything above it into the header and everything below it into the footer.
So you don't have to copy-paste your navigation or footer across every single page. Once split, you only edit your layout in one place. Any new page you make (like about.php) just needs your main content squeezed between <?php include 'header.php'; ?> at the top and <?php include 'footer.php'; ?> at the bottom.
PHP files need a server that actually runs PHP to work. They will not load properly on static hosts like Neocities, GitHub Pages, or Netlify unless you move to a PHP-friendly host.
.content
or #content. Everything before it becomes header.php, everything after becomes footer.php. If
your content wrapper has no id or class and is simply an <article> or <section> tag, type
that (with the brackets, like <article>) instead.
A unique ID or class for your content wrapper is always recommended!