First Commit

templates/about.html

@@ -0,0 +1,52 @@
+{% 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 %}