Structuring a Procedural Project

Before writing a single route, decide where includes, config, and public entry points live. This lesson uses a live sandbox to sketch a simple semantic page skeleton — no PHP execution here, just structure.

Edit the panels below and press Run to preview. Nothing you type here is saved — refreshing the page restores the original starter code.

<main>
  <h1>My Page</h1>
  <p>Edit this HTML, then press Run.</p>
</main>

body {
  font-family: sans-serif;
  margin: 2rem;
}

h1 {
  color: #01696f;
}

// No JS needed for this lesson yet.
console.log("Structure lesson loaded");