<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>My Cloudflare Website</title>

  <link rel="stylesheet" href="style.css">

</head>

<body>

  <header>

    <h1>🚀 Welcome to My Cloudflare Website</h1>

    <p>Fast, secure, and global — powered by Cloudflare Pages.</p>

  </header>


  <main>

    <section class="intro">

      <h2>About This Site</h2>

      <p>This is a simple starter website you can deploy on Cloudflare Pages. Edit the text, colors, and layout to make it yours!</p>

    </section>


    <section class="cta">

      <h2>Try the Button!</h2>

      <button id="clickMe">Click Me</button>

      <p id="message"></p>

    </section>

  </main>


  <footer>

    <p>Made with ❤️ and Cloudflare Pages</p>

  </footer>


  <script src="script.js"></script>

</body>

</html>