Spaces:
Running
Running
redesign it. Name should be Baber Saeed
Browse files- index.html +5 -3
- portfolio.html +7 -7
index.html
CHANGED
|
@@ -3,7 +3,9 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>
|
|
|
|
|
|
|
| 7 |
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 8 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
<script src="https://unpkg.com/feather-icons"></script>
|
|
@@ -41,8 +43,8 @@
|
|
| 41 |
Pythonic Wonderland
|
| 42 |
</h1>
|
| 43 |
<p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto">
|
| 44 |
-
|
| 45 |
-
|
| 46 |
<div class="mt-8 flex justify-center space-x-4">
|
| 47 |
<a href="portfolio.html" class="px-6 py-3 bg-gradient-to-r from-blue-500 to-green-500 rounded-lg font-medium hover:opacity-90 transition-opacity">
|
| 48 |
View My Portfolio
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>
|
| 7 |
+
Baber Saeed
|
| 8 |
+
</title>
|
| 9 |
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 10 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 11 |
<script src="https://unpkg.com/feather-icons"></script>
|
|
|
|
| 43 |
Pythonic Wonderland
|
| 44 |
</h1>
|
| 45 |
<p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto">
|
| 46 |
+
Python Developer & Web Alchemist
|
| 47 |
+
</p>
|
| 48 |
<div class="mt-8 flex justify-center space-x-4">
|
| 49 |
<a href="portfolio.html" class="px-6 py-3 bg-gradient-to-r from-blue-500 to-green-500 rounded-lg font-medium hover:opacity-90 transition-opacity">
|
| 50 |
View My Portfolio
|
portfolio.html
CHANGED
|
@@ -31,9 +31,9 @@
|
|
| 31 |
<img src="http://static.photos/technology/640x360/42" alt="Bader's Profile" class="w-full h-full object-cover">
|
| 32 |
</div>
|
| 33 |
<div>
|
| 34 |
-
<h1 class="text-4xl md:text-6xl font-bold mb-2">
|
| 35 |
-
<h2 class="text-2xl md:text-3xl font-semibold mb-4 gradient-text">
|
| 36 |
-
|
| 37 |
<a href="https://www.linkedin.com/in/babers/" class="text-blue-400 hover:text-blue-300 transition-colors">
|
| 38 |
<i data-feather="linkedin"></i>
|
| 39 |
</a>
|
|
@@ -47,10 +47,10 @@
|
|
| 47 |
<section class="glass-card rounded-2xl p-8 mb-16">
|
| 48 |
<h3 class="text-2xl font-bold mb-6 gradient-text">About Me</h3>
|
| 49 |
<p class="text-lg text-gray-300 leading-relaxed">
|
| 50 |
-
|
| 51 |
-
I
|
| 52 |
-
|
| 53 |
-
|
| 54 |
</section>
|
| 55 |
|
| 56 |
<section class="mb-16">
|
|
|
|
| 31 |
<img src="http://static.photos/technology/640x360/42" alt="Bader's Profile" class="w-full h-full object-cover">
|
| 32 |
</div>
|
| 33 |
<div>
|
| 34 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-2">Baber Saeed</h1>
|
| 35 |
+
<h2 class="text-2xl md:text-3xl font-semibold mb-4 gradient-text">Python Developer & Web Alchemist</h2>
|
| 36 |
+
<div class="flex space-x-4">
|
| 37 |
<a href="https://www.linkedin.com/in/babers/" class="text-blue-400 hover:text-blue-300 transition-colors">
|
| 38 |
<i data-feather="linkedin"></i>
|
| 39 |
</a>
|
|
|
|
| 47 |
<section class="glass-card rounded-2xl p-8 mb-16">
|
| 48 |
<h3 class="text-2xl font-bold mb-6 gradient-text">About Me</h3>
|
| 49 |
<p class="text-lg text-gray-300 leading-relaxed">
|
| 50 |
+
Python developer with a passion for crafting clean, efficient code and beautiful web experiences.
|
| 51 |
+
I transform complex problems into simple, elegant solutions.
|
| 52 |
+
My expertise spans backend development, API design, and cloud architecture.
|
| 53 |
+
</p>
|
| 54 |
</section>
|
| 55 |
|
| 56 |
<section class="mb-16">
|