Add polished landing page for “My First Code” with dedicated stylesheet

[Copilot]

This update addresses the request for a professional HTML page titled “My First Code” and enhances it with proper CSS styling. It introduces a clean, modern single-page presentation with clear structure and improved visual hierarchy.

• What changed

  • Added index.html with:
    • semantic page structure (<main>)
    • correct document title (<title>My First Code</title>)
    • linked external stylesheet (styles.css)
    • focused hero content and primary CTA
  • Added styles.css with:
    • design tokens via CSS variables
    • centered card layout, spacing, typography, and contrast tuning
    • button hover/focus states
    • responsive sizing using min() and clamp()

• Implementation snapshot

<title>My First Code</title>
<link rel="stylesheet" href="styles.css" />
<main class="hero">
  <h1>My First Code</h1>
  <p>A clean, professional starting point for your coding journey.</p>
  <a class="cta" href="#">Get Started</a>
</main>

.hero {
  width: min(92vw, 680px);
  padding: 2.5rem;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);
}

Original prompt

write a professional html titling my first code enhance with css and proper styling

[Copilot]

Pull request overview

This PR adds a simple, single-page “My First Code” landing page with a dedicated stylesheet to provide a clean, modern presentation.

Changes:

• Added index.html with semantic structure and a primary CTA.
• Added styles.css with design tokens, centered hero card layout, and responsive typography.
• Implemented basic CTA hover/focus styling and overall page theming.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 5 comments.

File	Description
index.html	Introduces the landing page markup, including hero content and CTA link.
styles.css	Provides the visual design system (CSS variables) and hero/CTA styling for the landing page.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.