index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cardasaurus - Custom Cards</title>
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
  <header>
    <img src="logo.png" alt="Cardasaurus Logo" class="logo">
    <h1>Welcome to Cardasaurus</h1>
    <p>Beautifully crafted, personalized cards for any occasion!</p>
    <a href="custom-order.html" class="cta-button">Create Your Custom Card</a>
  </header>
  <main>
    <section class="about">
      <h2>About Us</h2>
      <p>At Cardasaurus, we specialize in unique, custom-made cards to make every occasion memorable. Tell us what you need, and we'll bring your vision to life!</p>
    </section>
  </main>
</body>
</html>