Skip to content

Commit 6d34a5f

Browse files
code-fanaticcode-fanatic
authored
Update Resume
1 parent 1472e82 commit 6d34a5f

1 file changed

Lines changed: 93 additions & 71 deletions

File tree

‎docs/resume.htm‎

Lines changed: 93 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -3,115 +3,137 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6-
<title>Shuja Ahmed - Resume</title>
6+
<title>Shuja - Resume</title>
77

88
<!-- Tailwind CDN -->
99
<script src="https://cdn.tailwindcss.com"></script>
10+
<style>
11+
@media print {
12+
body {margin: 0; padding: 0;}
13+
ul {list-style-position: inside;}}
14+
</style>
1015
</head>
1116

12-
<body class="bg-gray-100 text-gray-800">
17+
<!-- For Printing
18+
<body class="bg-white text-gray-800 leading-relaxed">
19+
<div class="max-w-[794px] mx-auto my-6 px-6"> -->
1320

14-
<div class="max-w-4xl mx-auto my-10 bg-white shadow-lg rounded-2xl p-8">
21+
<body class="bg-gray-100 text-gray-800 leading-relaxed">
22+
<div class="max-w-4xl mx-auto my-10 bg-white shadow-lg rounded-2xl p-8">
1523

16-
<!-- Header -->
17-
<div class="border-b pb-6 mb-6">
18-
<h1 class="text-3xl font-bold text-gray-900">Shuja Ahmed</h1>
19-
<p class="text-sm text-gray-600 mt-2">
20-
📧 <a href="mailto:shujabutt4@gmail.com" class="text-blue-600 hover:underline">Email me</a>
21-
</p>
22-
<p class="text-sm text-gray-600">📍 Punjab, Pakistan</p>
23-
</div>
24+
<div class="border-b pb-6 mb-6">
2425

26+
<!-- Name -->
27+
<div class="text-center sm:text-left space-y-3">
28+
<h1 class="text-4xl font-bold text-gray-900 tracking-tight">Shuja Ahmed</h1>
29+
30+
<!-- Contact Row -->
31+
<div class="flex justify-between items-center text-sm text-gray-600 w-full">
32+
33+
<!-- Email (left) -->
34+
<p class="flex items-center gap-2">📧 <a href="mailto:shujabutt4@gmail.com" class="text-blue-600 underline">Email me</a></p>
35+
36+
<!-- Location (right) -->
37+
<p class="flex items-center gap-2">📍 Punjab, Pakistan</p>
38+
39+
</div>
40+
<!-- Tagline -->
41+
<p class="text-xs text-gray-500 italic mt-2">Software Engineer | Web Developer | Problem Solver</p>
42+
</div>
43+
44+
</div>
2545
<!-- About -->
26-
<section class="mb-6">
27-
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">About</h2>
46+
<section class="mb-5">
47+
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b">About</h2>
2848
<p class="text-sm leading-relaxed">
29-
Passionate about developing web applications and front-end systems. Skilled at writing clear, concise code that is easy to maintain and troubleshoot.
30-
Able to work independently in remote or office environments.
31-
</p>
32-
<p class="text-sm mt-2 leading-relaxed">
33-
Enjoy building and optimizing web and software applications, always exploring new programming languages and techniques.
34-
</p>
49+
Passionate about developing web applications and front-end systems.
50+
Skilled at writing clear, concise code that is easy to maintain and troubleshoot.
51+
Able to work independently in remote or office environments.</p>
52+
<p class="text-sm mt-1 leading-relaxed">
53+
Enjoy building and optimizing web and software applications,
54+
always exploring new programming languages and techniques.</p>
3555
</section>
3656

3757
<!-- Skills -->
38-
<section class="mb-6">
58+
<section class="mb-5">
3959
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">Skills & Abilities</h2>
40-
<ul class="grid grid-cols-1 md:grid-cols-2 gap-2 text-sm">
41-
<li>• Web Development (HTML, CSS, JavaScript)</li>
42-
<li>• Programming (C++, Kotlin)</li>
43-
<li>• Fast typing speed</li>
44-
<li>• Advanced computer skills</li>
45-
<li>• Adaptability</li>
46-
<li>• Teamwork & independent work</li>
60+
<ul class="list-disc pl-6 text-sm columns-2 space-y-1">
61+
<li>Web Development (HTML, CSS, JavaScript)</li>
62+
<li>Programming (C++, Kotlin)</li>
63+
<li>Fast typing speed</li>
64+
<li>Advanced computer skills</li>
65+
<li>Adaptability</li>
66+
<li>Teamwork & independent work</li>
4767
</ul>
4868
</section>
4969

50-
<!-- Education -->
51-
<section class="mb-6">
70+
<!-- Education -->
71+
<section class="mb-5">
5272
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">Education</h2>
53-
<div class="space-y-3 text-sm">
54-
<div>
55-
<p class="font-semibold">Bachelor of Software Engineering</p>
56-
<p class="text-gray-600">Virtual University of Pakistan (2026)</p>
57-
</div>
58-
<div>
59-
<p class="font-semibold">F.Sc Pre-Engineering</p>
60-
<p class="text-gray-600">Punjab Group of Colleges, Gujranwala (2020)</p>
61-
</div>
62-
<div>
63-
<p class="font-semibold">Matriculation Computer Science</p>
64-
<p class="text-gray-600">Little Scholar Public School, Gujranwala (2018)</p>
65-
</div>
66-
</div>
73+
<ul class="list-disc pl-6 text-sm columns-2 space-y-3">
74+
<li>
75+
<span class="font-semibold">Bachelor of Software Engineering</span><br>
76+
<span class="text-gray-600">Virtual University of Pakistan (2026)</span>
77+
</li><li>
78+
<span class="font-semibold">F.Sc Pre-Engineering</span><br>
79+
<span class="text-gray-600">Punjab Group of Colleges, Gujranwala (2020)</span>
80+
</li><li>
81+
<span class="font-semibold">Matriculation Computer Science</span><br>
82+
<span class="text-gray-600">Little Scholar Public School, Gujranwala (2018)</span>
83+
</li>
84+
</ul>
6785
</section>
6886

6987
<!-- Certifications -->
70-
<section class="mb-6">
88+
<section class="mb-5">
7189
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">Certifications</h2>
72-
<ul class="text-sm space-y-1">
73-
<li>• Meta Front-End Developer - Meta (2025)</li>
74-
<li>• The Bits and Bytes of Computer Networking - Google (2024)</li>
75-
<li>• Technical Support Fundamentals - Google (2022)</li>
90+
<ul class="list-disc pl-6 text-sm columns-2 space-y-1">
91+
<li>Meta Front-End Developer - Meta (2025)</li>
92+
<li>Bits & Bytes of Computer Networking - Google (2024)</li>
93+
<li>Technical Support Fundamentals - Google (2022)</li>
7694
</ul>
7795
</section>
7896

7997
<!-- Languages -->
80-
<section class="mb-6">
98+
<section class="mb-5">
8199
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">Languages</h2>
82-
<ul class="text-sm space-y-1">
83-
<li>• English: Very good command</li>
84-
<li>• Urdu: Native speaker</li>
100+
<ul class="list-disc pl-6 text-sm columns-2 space-y-1">
101+
<li>English: Very good command</li>
102+
<li>Urdu: Native speaker</li>
85103
</ul>
86104
</section>
87105

88106
<!-- Strengths -->
89-
<section class="mb-6">
107+
<section class="mb-5">
90108
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">Personal Strengths</h2>
91-
<ul class="text-sm space-y-1">
92-
<li>• Hardworking and responsible</li>
93-
<li>• Quick learner</li>
94-
<li>• Good communication skills</li>
95-
<li>• Punctual and reliable</li>
109+
<ul class="list-disc pl-6 text-sm columns-2 space-y-1">
110+
<li>Hardworking and responsible</li>
111+
<li>Quick learner</li>
112+
<li>Good communication skills</li>
113+
<li>Punctual and reliable</li>
96114
</ul>
97115
</section>
98116

99117
<!-- Links -->
100118
<section>
101119
<h2 class="text-xl font-semibold text-gray-900 mb-2 border-b pb-1">Links</h2>
102-
<div class="text-sm space-y-1">
103-
<a href="https://coursera.org/share/92baac960646e497a51b53fa27a99c58" target="_blank" class="text-blue-600 hover:underline">
104-
Meta Front-End Certificate
105-
</a><br>
106-
<a href="https://coursera.org/share/02b49054455fffb21b135afdd2c5f48b" target="_blank" class="text-blue-600 hover:underline">
107-
Networking Certificate
108-
</a><br>
109-
<a href="https://coursera.org/share/0a78eda6acc1154265b4803919101d09" target="_blank" class="text-blue-600 hover:underline">
110-
Technical Support Certificate
111-
</a>
112-
</div>
120+
<ul class="list-disc pl-6 text-sm columns-2 space-y-2">
121+
<li>
122+
<a href="https://coursera.org/share/92baac960646e497a51b53fa27a99c58"
123+
target="_blank"
124+
class="text-blue-600 hover:underline">Meta Front-End Certificate</a>
125+
</li><li>
126+
<a href="https://coursera.org/share/02b49054455fffb21b135afdd2c5f48b"
127+
target="_blank"
128+
class="text-blue-600 hover:underline">Networking Certificate</a>
129+
</li><li>
130+
<a href="https://coursera.org/share/0a78eda6acc1154265b4803919101d09"
131+
target="_blank"
132+
class="text-blue-600 hover:underline">Technical Support Certificate</a>
133+
</li>
134+
</ul>
113135
</section>
114-
136+
115137
</div>
116138
</body>
117-
</html>
139+
</html>

0 commit comments

Comments
 (0)