index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Aryan-Vs Code</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1 class="title">Learn Web Development in 3D Style</h1>

  <div class="card-container">
    
    <!-- HTML Card -->
    <div class="card html-card">
      <h2>HTML</h2>
      <p>HTML (HyperText Markup Language) is the foundation of all web pages.</p>
      <button onclick="window.location.href='html-tags.html'">Explore HTML</button>
    </div>

    <!-- CSS Card -->
    <div class="card css-card">
      <h2>CSS</h2>
      <p>CSS (Cascading Style Sheets) is used to style and layout web pages.</p>
      <button onclick="window.location.href='css-properties.html'">Explore CSS</button>
    </div>

    <!-- New HTML Basics Card -->
    <div class="card meta-card">
      <h2>HTML Basics</h2>
      <p>Learn how to write basic HTML, including meta tags, head, title, and more.</p>
      <button onclick="window.location.href='html-basics.html'">HTML Structure Guide</button>
    </div>
  </div>
  <!-- ABOUT DEVELOPER SECTION -->
<section id="about" 
style="background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
 color: white; 
padding: 40px 20px; 
text-align: center;">
  <h2 style="color: #ffcc00;
  margin-bottom: 20px;">
    👨‍💻 About the Developer</h2>
  <div style="max-width: 800px; margin: auto; 
  font-size: 16px; 
  line-height: 1.6;">
    <p>Hi, I'm <strong>Aryan</strong> — a passionate web developer and tech enthusiast from India.</p>
    <p>I love building interactive and educational websites that help others learn about coding, web design, and technology.</p>
    <p>Skills: HTML, CSS, JavaScript, React, PHP, Firebase, MySQL</p>
    <p>Current Projects: School Websites, E-commerce Stores, AI Tools, Ayodhya Heritage Portals, and more.</p>
    <p>Contact with us: <a href="mailto:bossaryan7580@gmail.com" style="color:#00ffff;">bossaryan0855@gmail.com</a></p>
  </div>
</section>
</body>
</html>