Skip to content

Commit 81429bb

Browse files
itx-nasiritx-nasir
committed
add-experience&achievment section
1 parent 8f7650f commit 81429bb

File tree

3 files changed

+383
-203
lines changed

3 files changed

+383
-203
lines changed

‎index.html‎

Lines changed: 97 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -204,48 +204,71 @@ <h2 class="title">My services</h2>
204204
<!-- skills section start -->
205205
<section class="skills" id="skills">
206206
<div class="max-width">
207-
<h2 class="title">My skills</h2>
207+
<h2 class="title">My Skills</h2>
208208
<div class="skills-content">
209-
<div class="column left">
210-
<div class="text">My Professional Experience</div>
211-
<p>Results-driven Python Backend Developer with 4+ years of experience in designing and optimizing high-performance microservices. Expert in async programming, REST APIs, and cloud-native architectures. Successfully reduced system latency by 25% and increased throughput by 18% through microservices optimization. Proven track record in database optimization, ETL processes, and implementing CI/CD pipelines.</p>
212-
<a href="#projects">View Projects</a>
213-
</div>
214-
<div class="column right">
215-
<div class="bars">
216-
<div class="info">
217-
<span>Python/Flask/Django</span>
218-
<span>95%</span>
209+
<div class="skill-categories">
210+
<div class="skill-category">
211+
<h3><i class="fas fa-code"></i> Languages & Frameworks</h3>
212+
<div class="skill-items">
213+
<span class="skill-tag">Python</span>
214+
<span class="skill-tag">Flask</span>
215+
<span class="skill-tag">Django</span>
216+
<span class="skill-tag">FastAPI</span>
217+
<span class="skill-tag">JavaScript</span>
218+
<span class="skill-tag">TypeScript</span>
219+
<span class="skill-tag">Node.js</span>
220+
<span class="skill-tag">Pytest</span>
219221
</div>
220-
<div class="line python"></div>
221222
</div>
222-
<div class="bars">
223-
<div class="info">
224-
<span>Docker/Kubernetes</span>
225-
<span>90%</span>
223+
224+
<div class="skill-category">
225+
<h3><i class="fas fa-server"></i> Architecture & Tools</h3>
226+
<div class="skill-items">
227+
<span class="skill-tag">Microservices</span>
228+
<span class="skill-tag">REST APIs</span>
229+
<span class="skill-tag">WebSockets</span>
230+
<span class="skill-tag">Docker</span>
231+
<span class="skill-tag">Kubernetes</span>
232+
<span class="skill-tag">Git</span>
233+
<span class="skill-tag">CI/CD</span>
234+
<span class="skill-tag">Jenkins</span>
226235
</div>
227-
<div class="line docker"></div>
228236
</div>
229-
<div class="bars">
230-
<div class="info">
231-
<span>AWS/Google Cloud</span>
232-
<span>85%</span>
237+
238+
<div class="skill-category">
239+
<h3><i class="fas fa-cloud"></i> Cloud & DevOps</h3>
240+
<div class="skill-items">
241+
<span class="skill-tag">AWS</span>
242+
<span class="skill-tag">Google Cloud</span>
243+
<span class="skill-tag">Redis</span>
244+
<span class="skill-tag">NATS</span>
245+
<span class="skill-tag">Kafka</span>
233246
</div>
234-
<div class="line cloud"></div>
235247
</div>
236-
<div class="bars">
237-
<div class="info">
238-
<span>Databases</span>
239-
<span>90%</span>
248+
249+
<div class="skill-category">
250+
<h3><i class="fas fa-database"></i> Databases</h3>
251+
<div class="skill-items">
252+
<span class="skill-tag">MySQL</span>
253+
<span class="skill-tag">PostgreSQL</span>
254+
<span class="skill-tag">MongoDB</span>
255+
<span class="skill-tag">BigQuery</span>
240256
</div>
241-
<div class="line database"></div>
242257
</div>
243-
<div class="bars">
244-
<div class="info">
245-
<span>Machine Learning</span>
246-
<span>85%</span>
258+
259+
<div class="skill-category">
260+
<h3><i class="fas fa-cogs"></i> Engineering Practices</h3>
261+
<div class="skill-items">
262+
<span class="skill-tag">Agile/Scrum</span>
263+
<span class="skill-tag">TDD</span>
264+
<span class="skill-tag">Version Control</span>
265+
<span class="skill-tag">System Design</span>
266+
<span class="skill-tag">API Design</span>
267+
<span class="skill-tag">Unit Testing</span>
268+
<span class="skill-tag">System Optimization</span>
269+
<span class="skill-tag">Problem Solving</span>
270+
<span class="skill-tag">Technical Leadership</span>
247271
</div>
248-
<div class="line ml"></div>
249272
</div>
250273
</div>
251274
</div>
@@ -406,6 +429,47 @@ <h4 style="text-align: left;">
406429
</div>
407430
</section>
408431

432+
<!-- achievements section start -->
433+
<section class="achievements" id="achievements">
434+
<div class="max-width">
435+
<h2 class="title">Achievements</h2>
436+
<div class="achievement-content">
437+
<div class="achievement-card">
438+
<div class="achievement-icon">
439+
<i class="fas fa-code"></i>
440+
</div>
441+
<h3>Top Python Coder</h3>
442+
<p>Ranked 1st in HackerRank Python algorithm challenges</p>
443+
</div>
444+
445+
<div class="achievement-card">
446+
<div class="achievement-icon">
447+
<i class="fas fa-chalkboard-teacher"></i>
448+
</div>
449+
<h3>Teaching Excellence</h3>
450+
<p>Awarded for excellence as Teaching Assistant in Advanced Programming at FAST NUCES</p>
451+
</div>
452+
453+
<div class="achievement-card">
454+
<div class="achievement-icon">
455+
<i class="fas fa-table-tennis"></i>
456+
</div>
457+
<h3>Table Tennis Champion</h3>
458+
<p>Winner of intra-university tournament at FAST NUCES</p>
459+
</div>
460+
461+
<div class="achievement-card">
462+
<div class="achievement-icon">
463+
<i class="fas fa-graduation-cap"></i>
464+
</div>
465+
<h3>Computer Science Graduate</h3>
466+
<p>Bachelor of Science in Computer Science from FAST NUCES (2017-2022)</p>
467+
</div>
468+
</div>
469+
</div>
470+
</section>
471+
472+
409473
<!-- contact section start -->
410474
<section class="contact" id="contact">
411475
<div class="max-width">
@@ -476,45 +540,7 @@ <h2 class="title">Contact me</h2>
476540
</div>
477541
</section>
478542

479-
<!-- achievements section start -->
480-
<section class="achievements" id="achievements">
481-
<div class="max-width">
482-
<h2 class="title">Achievements</h2>
483-
<div class="achievement-content">
484-
<div class="achievement-card">
485-
<div class="achievement-icon">
486-
<i class="fas fa-award"></i>
487-
</div>
488-
<h3>Dean's Honor List</h3>
489-
<p>Consistently maintained CGPA above 3.5 throughout the degree program</p>
490-
</div>
491-
492-
<div class="achievement-card">
493-
<div class="achievement-icon">
494-
<i class="fas fa-code"></i>
495-
</div>
496-
<h3>Coding Competition Winner</h3>
497-
<p>1st position in university-wide programming competition</p>
498-
</div>
499-
500-
<div class="achievement-card">
501-
<div class="achievement-icon">
502-
<i class="fas fa-project-diagram"></i>
503-
</div>
504-
<h3>Best FYP Award</h3>
505-
<p>Received excellence award for Neural Machine Translation project</p>
506-
</div>
507-
508-
<div class="achievement-card">
509-
<div class="achievement-icon">
510-
<i class="fas fa-certificate"></i>
511-
</div>
512-
<h3>AWS Certified</h3>
513-
<p>AWS Solutions Architect Associate Certification</p>
514-
</div>
515-
</div>
516-
</div>
517-
</section>
543+
518544

519545
<!-- footer section start -->
520546
<footer>

‎script.js‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,14 +35,14 @@ $(document).ready(function(){
3535

3636
// typing text animation script
3737
var typed = new Typed(".typing", {
38-
strings: ["Python Backend Developer", "Microservices Engineer", "Cloud Solutions Architect", "ML Engineer", "API Developer"],
38+
strings: ["Python Backend Developer", "Cloud Engineer", "ML Engineer", "API Developer"],
3939
typeSpeed: 100,
4040
backSpeed: 60,
4141
loop: true
4242
});
4343

4444
var typed = new Typed(".typing-2", {
45-
strings: ["Computer Scientist", "Python Developer", "Java Developer", "Machine Learning Engineer", "Freelancer"],
45+
strings: ["Backend Developer", "Cloud Engineer", "ML Engineer", "Software Architect"],
4646
typeSpeed: 100,
4747
backSpeed: 60,
4848
loop: true
@@ -70,4 +70,12 @@ $(document).ready(function(){
7070
}
7171
}
7272
});
73+
74+
// Add smooth scroll reveal
75+
ScrollReveal().reveal('.card-common', {
76+
delay: 200,
77+
distance: '20px',
78+
origin: 'bottom',
79+
interval: 100
80+
});
7381
});

0 commit comments

Comments
 (0)