{% extends "base.html" %}

{% block title %}About{% endblock %}

{% block content %}

<!-- Hero Section -->
<section class="text-center py-20 bg-gradient-to-br from-red-800 to-orange-400 text-white">
  <h1 class="text-5xl font-extrabold mb-4">About Me</h1>
  <p class="text-xl mb-6">Learn more about who I am, what I do, and what drives me.</p>
</section>


<section class="py-16 bg-black text-white">
  <div class="max-w-4xl mx-auto px-4 space-y-12">
    
    
    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">Who Am I?</h2>
      <p class="text-lg leading-relaxed">
        I'm a passionate developer and tech enthusiast focused on building useful, secure, and accessible digital experiences.
        Whether it’s creating full-stack web applications, designing clean UIs, or managing network infrastructure — I love what I do.
      </p>
    </div>

    
    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">Skills & Tools</h2>
      <ul class="grid sm:grid-cols-2 gap-4 text-lg list-disc pl-6">
        <li>Python & Flask</li>
        <li>HTML CSS and Javascript</li>
        <li>SQL (MYSQL, SQLite)</li>
        <li>Linux system administration</li>
        <li>Networking & Security (WireGuard, Samba, DNS-Server)</li>
        <li>Git & Deployment </li>
        <li>API integrations</li>
      </ul>
    </div>

    <!-- Philosophy or Interests -->
    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">What I'm About</h2>
      <p class="text-lg leading-relaxed">
        I believe technology should empower people — not confuse them. I enjoy creating tools that are intuitive, helpful, and secure. 
        I'm always learning, whether it’s diving into cybersecurity, mastering backend frameworks, or exploring automation and DevOps.
      </p>
    </div>

  </div>
</section>

{% endblock %}