Bug Loop | Online HTML Editor & Dev Blog

<header>
  <header>
  <h1>My First Web Page</h1>
  <nav>
    <ul>
      <li>Home</li>
      <li>About</li>
      <li>Contact</li>
    </ul>
  </nav>
</header>

<main>
  <section>
    <h2>Welcome!</h2>
    <p>This is a very basic HTML example.</p>
  </section>

  <section>
    <h2>Things I Love</h2>
    <ul>
      <li>Cats</li>
      <li>Coding</li>
    </ul>
  </section>
</main>

<footer>
  <p>&copy; 2025 Dongsun Han's Blog</p>
</footer>
</header>

body {
  background: #fff;
  color: #222;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
header {
  background-color: #f0f4ff;
  padding: 20px 0;
}
header h1 { margin: 0; color: #3366cc; }
nav ul {
  list-style: none; padding: 0; margin: 10px 0 0;
  display: flex; justify-content: center; gap: 20px;
}
nav li { font-weight: bold; color: #444; }
main { padding: 40px 20px; }
section { margin-bottom: 40px; }
h2 { color: #444; margin-bottom: 10px; }
ul { list-style: none; padding: 0; }
ul li { margin: 5px 0; font-size: 1.1rem; }
footer {
  background: #f9f9f9; padding: 20px 0; font-size: .9rem;
  color: #888; border-top: 1px solid #eee;
}

document.body.style.transform = 'scale(1.02)';

First Dongsun

Second Dongsun

Third Dongsun

Online HTML Editor

Online HTML Editor

Assets