document.write(`
<!-- Experience Section -->
<section class="section experience" id="experience">
    <div class="section-container">
        <div class="section-header">
            <h2 class="section-title">Experience & Education</h2>
            <p class="section-subtitle">My professional journey</p>
            <div class="section-divider"></div>
        </div>
        <div class="timeline">
            <!-- Education 1 -->
            <div class="timeline-item" style="--order: 1">
                <div class="timeline-content">
                    <div class="timeline-date">2022 - Present</div>
                    <div class="timeline-card">
                        <div class="timeline-icon">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3ZM18.82 9L12 12.72L5.18 9L12 5.28L18.82 9ZM17 15.99L12 18.72L7 15.99V12.27L12 15L17 12.27V15.99Z" fill="currentColor"/>
                            </svg>
                        </div>
                        <h3>Bachelor of Software Engineering</h3>
                        <h4>Daffodil International University</h4>
                        <div class="timeline-duration">January 2022 - Present</div>
                        <ul>
                            <li>Current GPA: 3.66/4.00</li>
                            <li>Coursework: Algorithms, Database Systems, Web Development</li>
                            <li>Expected Graduation: 2025</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Education 2 -->
            <div class="timeline-item" style="--order: 2">
                <div class="timeline-content">
                    <div class="timeline-date">2018 - 2020</div>
                    <div class="timeline-card">
                        <div class="timeline-icon">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3ZM18.82 9L12 12.72L5.18 9L12 5.28L18.82 9ZM17 15.99L12 18.72L7 15.99V12.27L12 15L17 12.27V15.99Z" fill="currentColor"/>
                            </svg>
                        </div>
                        <h3>Higher Secondary Certificate (HSC)</h3>
                        <h4>Jessore Govt. City College</h4>
                        <div class="timeline-duration">June 2018 - June 2020</div>
                        <ul>
                            <li>GPA: 5.00/5.00 (Science)</li>
                            <li>Key Subjects: Physics, Chemistry, Mathematics</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Education 3 -->
            <div class="timeline-item" style="--order: 3">
                <div class="timeline-content">
                    <div class="timeline-date">2013 - 2018</div>
                    <div class="timeline-card">
                        <div class="timeline-icon">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3ZM18.82 9L12 12.72L5.18 9L12 5.28L18.82 9ZM17 15.99L12 18.72L7 15.99V12.27L12 15L17 12.27V15.99Z" fill="currentColor"/>
                            </svg>
                        </div>
                        <h3>Secondary School Certificate (SSC)</h3>
                        <h4>Govt Naldanga Bhushan Pilot High School</h4>
                        <div class="timeline-duration">June 2013 - June 2018</div>
                        <ul>
                            <li>GPA: 4.83/5.00 (Science)</li>
                            <li>Key Subjects: Mathematics, Physics, Chemistry</li>
                        </ul>
                    </div>
                </div>
            </div>
            
            <!-- Experience Placeholder -->
            <div class="timeline-item" style="--order: 4">
                <div class="timeline-content">
                    <div class="timeline-date">Future</div>
                    <div class="timeline-card">
                        <div class="timeline-icon">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M20 6H12L10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM20 18H4V8H20V18Z" fill="currentColor"/>
                            </svg>
                        </div>
                        <h3>Seeking Opportunities</h3>
                        <h4>Software Development Roles</h4>
                        <div class="timeline-duration">Coming Soon</div>
                        <ul>
                            <li>Currently looking for internships and entry-level positions</li>
                            <li>Open to freelance web development projects</li>
                            <li>Building portfolio through personal projects</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
`);