<section class="py-5">
<div class="container">
<div class="row g-5">
<!-- ii. Education Timeline Section -->
<div class="col-lg-6">
<h4 class="fw-bold mb-4"><i class="bi bi-book me-2 text-primary"></i>Education</h4>
<div class="resume-timeline">
<div class="timeline-box p-4 border-start border-primary border-3 bg-light mb-4 rounded-end">
<span class="badge bg-primary mb-2">2018 - 2022</span>
<h5>B.Sc in Computer Science</h5>
<p class="text-muted mb-0">University of Engineering & Technology</p>
<small class="text-secondary">Major in Software Systems and Data Structures.</small>
</div>
<div class="timeline-box p-4 border-start border-primary border-3 bg-light mb-4 rounded-end">
<span class="badge bg-primary mb-2">2016 - 2018</span>
<h5>Higher Secondary Certificate</h5>
<p class="text-muted mb-0">City Science College</p>
<small class="text-secondary">Focused on Mathematics and Physics.</small>
</div>
</div>
</div>
<!-- iii. Work Experience Timeline Section -->
<div class="col-lg-6">
<h4 class="fw-bold mb-4"><i class="bi bi-briefcase me-2 text-primary"></i>Experience</h4>
<div class="resume-timeline">
<div class="timeline-box p-4 border-start border-success border-3 bg-light mb-4 rounded-end">
<span class="badge bg-success mb-2">2022 - Present</span>
<h5>Senior Web Developer</h5>
<p class="text-muted mb-0">Tech Solutions Ltd.</p>
<small class="text-secondary">Leading a team of 5 for corporate web applications.</small>
</div>
<div class="timeline-box p-4 border-start border-success border-3 bg-light mb-4 rounded-end">
<span class="badge bg-success mb-2">2021 - 2022</span>
<h5>Junior Frontend Developer</h5>
<p class="text-muted mb-0">Creative Agency</p>
<small class="text-secondary">Developed responsive UIs using Bootstrap and React.</small>
</div>
</div>
</div>
</div>