Eymen BULANIK

Science & Mathematics Student | Robotics Team Leader | Professional Pianist

Discover My Journey

About Me

A multi-talented student passionate about robotics, music, and community service

Eymen Bulanık

Hi! I'm Eymen BULANIK, born June 19, 2008, and currently a student at Hatay Doga Schools on a 60% academic scholarship. I'm pursuing the Science-Mathematics track with a passion for robotics, technology, and music.

As a team leader in multiple robotics competitions including Robotex and Fibonacci International, I've led my teams to achieve 2nd place in international competitions. I'm also the head of PR for our FRC team and co-founded an Instagram page for our robotics team.

Music has been a significant part of my life since 5th grade - I'm a professional pianist and also play drums, guitar, and ukulele. I've performed in numerous school concerts and events, using my musical talents for community service and fundraising.

I'm deeply committed to community service, having organized concerts and events to help earthquake victims, volunteered with children with cancer, and participated in various charitable activities. I believe in using my talents and skills to make a positive impact in my community.

Explore My Work

Education

Academic excellence with consistent high achievement

Science-Mathematics Track

Hatay Bahçeşehir Science and Technology High School & Doga High School

Current Student - Expected Graduation: 2026

Academic Scholarship: 60% Merit-based Scholarship

Academic Performance: Certificate of High Achievement since 4th Grade (GPA 85+)

Recent Honors: Academic Honor Certificate (10th-11th Grade), Certificate of Excellence (11th Grade)

Focus Areas: Science, Mathematics, Technology, Engineering, Robotics, Leadership

Location: Gülderen, Antakya/Hatay/Turkey

Projects & Leadership

Leading robotics teams and organizing community impact initiatives

T-MBA Team Leadership & Community Service

Leader of school project team "T-MBA" organizing multiple fundraising concerts and events. Organized 2 concerts after earthquake to help college students, and events for National Children's Day, Youth and Sports Day. Organized spring festival concert, donating all proceeds to earthquake zone students in need.

Team Leadership Event Organization Community Service Fundraising Concert Production

Fibonacci International Robotics Championship

Led robotics team to 2nd place in Fibonacci International Finals in entrepreneurship category. As team leader, coordinated strategy, design, and implementation while managing team dynamics and competition preparation for this prestigious international competition.

Robotics Team Leadership International Competition Entrepreneurship Silver Medal

Robotex Turkey Regional & National Championships

Led school's Robotex team achieving 2nd place in Turkey Regionals and Jury's Special Award in Turkey Finals, both in entrepreneurship category. Managed team strategy, technical development, and presentation skills for national-level competition success.

Robotex National Competition Team Leadership Entrepreneurship Award Winner

FRC Team - PR Head & Community Outreach

Head of Public Relations for FRC team, organizing STEM Week at secondary school to teach robotics programming. Led "One Wish to Children" project visiting village school to fulfill children's wishes. Sold team designs for fundraising activities.

FRC Robotics Public Relations STEM Education Community Outreach Fundraising

Model United Nations (MUN) Leadership

Active MUN participant winning Outstanding Award at DogaMun. Served as co-chair at Hatay DMUN receiving Certificate of Appreciation for academy and organization contributions. Champion of yearly debates at both Bahçeşehir and Doga schools.

Model UN Co-chair Outstanding Award Debate Champion Leadership

Social Media & Sponsorship Management

Co-founded Instagram page for robotics team building community engagement. Successfully found sponsors for Robotex, Fibonacci, FRC and T-MBA teams. Managed team promotion and sponsor relations across multiple competitive robotics platforms.

Social Media Sponsorship Team Promotion Business Relations Marketing

Awards & Recognition

Academic excellence, competition victories, and community service recognition

Academic Excellence Awards

📚 Certificate of High Achievement (4th Grade-Present) for GPA 85+, Academic Honor Certificate (10th-11th Grade), and Certificate of Excellence (11th Grade) for outstanding academic performance and consistent high achievement.

Academic Excellence High Achievement Consistent Performance

Fibonacci International Championship

🥈 2nd Place in Fibonacci International Finals - Entrepreneurship Category. Led team to international recognition in this prestigious robotics competition, demonstrating leadership and innovative problem-solving skills.

International Robotics Silver Medal Entrepreneurship

Robotex Turkey Championships

🏆 2nd Place in Robotex Turkey Regionals and Jury's Special Award in Turkey Finals - Both in entrepreneurship category. Outstanding performance in national-level robotics competitions as team leader.

National Robotics Multiple Awards Team Leadership

Model United Nations Excellence

🏅 Outstanding Award at DogaMun and Certificate of Appreciation at Hatay DMUN as co-chair. Champion of yearly debates at both Bahçeşehir and Doga schools, demonstrating exceptional communication and leadership skills.

Model UN Outstanding Award Debate Champion Co-chair

Sports & Chess Championships

🏐 Champion of Bahçeşehir Hatay Volleyball Competition and 1st place in Hatay Doga Chess Competition. Licensed volleyball and chess player, member of Doga College Chess Team.

Volleyball Champion Chess Champion Licensed Player Team Member

Community Service Recognition

❤️ Certificate of Honor from LÖSEV for volunteering with children with cancer and Certificate of Honor from Doga Hatay for voluntary piano performances at multiple events. Recognized for exceptional community service.

Community Service LÖSEV Recognition Volunteer Work Music Service

Skills & Competencies

Multi-disciplinary expertise spanning technology, music, leadership, and sports

Musical Expertise

Professional pianist since 5th grade performing in numerous school concerts and community events. Also proficient in drums, guitar, and ukulele, using musical talents for fundraising and community service activities.

Professional Piano Drums Guitar Ukulele Concert Performance Music Production

Robotics & Engineering

Extensive experience leading robotics teams in Robotex, Fibonacci, and FRC competitions. Skilled in robot programming, team management, and competitive strategy development for international competitions.

Robotics Programming Team Leadership Competition Strategy FRC STEM Education Technical Innovation

Leadership & Project Management

Proven leadership as team leader of T-MBA project team, head of PR for FRC team, and co-chair at Model UN conferences. Skilled in event organization, fundraising, and team coordination.

Team Leadership Event Organization Project Management Public Relations Fundraising Model UN

Languages & Communication

Fluent in English and native Turkish speaker. Excellent communication skills demonstrated through Model UN participation, debate championships, and public speaking at various events and conferences.

English (Fluent) Turkish (Native) Public Speaking Debate Champion Model UN Cross-cultural Communication

Sports & Games

Licensed volleyball and chess player with championship victories. Member of Doga College Chess Team and experienced in table tennis. Demonstrates strategic thinking and competitive excellence across multiple disciplines.

Licensed Volleyball Licensed Chess Table Tennis Chess Champion Volleyball Champion Strategic Thinking

Special Interests & Hobbies

Passionate about mechanics with interest in car design and engineering. Astronomy enthusiast who built own telescope at age 12. Interested in mythology from various cultures including Scandinavian, Greek, Turkish, and Japanese.

Mechanical Engineering Car Design Astronomy Telescope Building Mythology Cultural Studies

Website Code

Explore the source code of this portfolio website

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Eymen BULANIK - Portfolio</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <meta name="description" content="Eymen BULANIK - Science & Mathematics Student, Robotics Team Leader, and Professional Pianist. Showcasing robotics championships, academic excellence, and community service achievements.">
    <meta name="keywords" content="Eymen BULANIK, robotics, team leadership, piano, music, Model UN, community service, Fibonacci, Robotex, FRC, portfolio">
</head>
<body>
    <div class="scroll-indicator">
        <div class="scroll-progress"></div>
    </div>

    <header>
        <nav class="container">
            <div class="logo">Eymen BULANIK</div>
            <ul class="nav-links">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#education">Education</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#awards">Awards</a></li>
                <li><a href="#skills">Skills</a></li>
                <li><a href="#code">Code</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <!-- Hero Section -->
        <section id="home" class="hero">
            <div class="container">
                <div class="hero-content">
                    <h1>Eymen BULANIK</h1>
                    <p class="subtitle">Science & Mathematics Student | Robotics Team Leader | Professional Pianist</p>
                    <a href="#about" class="cta-button">Discover My Journey</a>
                </div>
            </div>
        </section>

        <!-- About Section -->
        <section id="about" class="about">
            <div class="container">
                <h2 class="section-title">About Me</h2>
                <p class="section-subtitle">A multi-talented student passionate about robotics, music, and community service</p>
                <div class="about-content">
                    <div class="profile-img">EB</div>
                    <div class="about-text">
                        <p>Hi! I'm Eymen BULANIK, born June 19, 2008, and currently a student at Hatay Bahçeşehir Science and Technology High School on a 60% academic scholarship. I'm pursuing the Science-Mathematics track with a passion for robotics, technology, and music.</p>
                        <p>As a team leader in multiple robotics competitions including Robotex and Fibonacci International, I've led my teams to achieve 2nd place in international competitions. I'm also the head of PR for our FRC team and co-founded an Instagram page for our robotics team.</p>
                        <p>Music has been a significant part of my life since 5th grade - I'm a professional pianist and also play drums, guitar, and ukulele. I've performed in numerous school concerts and events, using my musical talents for community service and fundraising.</p>
                        <p>I'm deeply committed to community service, having organized concerts and events to help earthquake victims, volunteered with children with cancer, and participated in various charitable activities. I believe in using my talents and skills to make a positive impact in my community.</p>
                        <a href="#projects" class="cta-button" style="margin-top: 2rem;">Explore My Work</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Education Section -->
        <section id="education" class="education">
            <div class="container">
                <h2 class="section-title">Education</h2>
                <p class="section-subtitle">Academic excellence with consistent high achievement</p>
                <div class="education-item education-card">
                    <h3>Science-Mathematics Track</h3>
                    <h4><strong>Hatay Bahçeşehir Science and Technology High School & Doga High School</strong></h4>
                    <p><em>Current Student - Expected Graduation: 2026</em></p>
                    <p><strong>Academic Scholarship:</strong> 60% Merit-based Scholarship</p>
                    <p><strong>Academic Performance:</strong> Certificate of High Achievement since 4th Grade (GPA 85+)</p>
                    <p><strong>Recent Honors:</strong> Academic Honor Certificate (10th-11th Grade), Certificate of Excellence (11th Grade)</p>
                    <p><strong>Focus Areas:</strong> Science, Mathematics, Technology, Engineering, Robotics, Leadership</p>
                    <p><strong>Location:</strong> Gülderen, Antakya/Hatay/Turkey</p>
                </div>
            </div>
        </section>

        <!-- Projects Section -->
        <section id="projects">
            <div class="container">
                <h2 class="section-title">Projects & Leadership</h2>
                <p class="section-subtitle">Leading robotics teams and organizing community impact initiatives</p>
                
                <div class="card-container">
                    <div class="card">
                        <h3>T-MBA Team Leadership & Community Service</h3>
                        <p>Leader of school project team "T-MBA" organizing multiple fundraising concerts and events. Organized 2 concerts after earthquake to help college students, and events for National Children's Day, Youth and Sports Day. Organized spring festival concert, donating all proceeds to earthquake zone students in need.</p>
                        <div class="tags">
                            <span>Team Leadership</span>
                            <span>Event Organization</span>
                            <span>Community Service</span>
                            <span>Fundraising</span>
                            <span>Concert Production</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Fibonacci International Robotics Championship</h3>
                        <p>Led robotics team to 2nd place in Fibonacci International Finals in entrepreneurship category. As team leader, coordinated strategy, design, and implementation while managing team dynamics and competition preparation for this prestigious international competition.</p>
                        <div class="tags">
                            <span>Robotics</span>
                            <span>Team Leadership</span>
                            <span>International Competition</span>
                            <span>Entrepreneurship</span>
                            <span>Silver Medal</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Robotex Turkey Regional & National Championships</h3>
                        <p>Led school's Robotex team achieving 2nd place in Turkey Regionals and Jury's Special Award in Turkey Finals, both in entrepreneurship category. Managed team strategy, technical development, and presentation skills for national-level competition success.</p>
                        <div class="tags">
                            <span>Robotex</span>
                            <span>National Competition</span>
                            <span>Team Leadership</span>
                            <span>Entrepreneurship</span>
                            <span>Award Winner</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>FRC Team - PR Head & Community Outreach</h3>
                        <p>Head of Public Relations for FRC team, organizing STEM Week at secondary school to teach robotics programming. Led "One Wish to Children" project visiting village school to fulfill children's wishes. Sold team designs for fundraising activities.</p>
                        <div class="tags">
                            <span>FRC Robotics</span>
                            <span>Public Relations</span>
                            <span>STEM Education</span>
                            <span>Community Outreach</span>
                            <span>Fundraising</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Model United Nations (MUN) Leadership</h3>
                        <p>Active MUN participant winning Outstanding Award at DogaMun. Served as co-chair at Hatay DMUN receiving Certificate of Appreciation for academy and organization contributions. Champion of yearly debates at both Bahçeşehir and Doga schools.</p>
                        <div class="tags">
                            <span>Model UN</span>
                            <span>Co-chair</span>
                            <span>Outstanding Award</span>
                            <span>Debate Champion</span>
                            <span>Leadership</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Social Media & Sponsorship Management</h3>
                        <p>Co-founded Instagram page for robotics team building community engagement. Successfully found sponsors for Robotex, Fibonacci, FRC and T-MBA teams. Managed team promotion and sponsor relations across multiple competitive robotics platforms.</p>
                        <div class="tags">
                            <span>Social Media</span>
                            <span>Sponsorship</span>
                            <span>Team Promotion</span>
                            <span>Business Relations</span>
                            <span>Marketing</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Awards Section -->
        <section id="awards" class="awards">
            <div class="container">
                <h2 class="section-title">Awards & Recognition</h2>
                <p class="section-subtitle">Academic excellence, competition victories, and community service recognition</p>
                <div class="card-container">
                    <div class="card">
                        <h3>Academic Excellence Awards</h3>
                        <p>📚 Certificate of High Achievement (4th Grade-Present) for GPA 85+, Academic Honor Certificate (10th-11th Grade), and Certificate of Excellence (11th Grade) for outstanding academic performance and consistent high achievement.</p>
                        <div class="tags">
                            <span>Academic Excellence</span>
                            <span>High Achievement</span>
                            <span>Consistent Performance</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Fibonacci International Championship</h3>
                        <p>🥈 2nd Place in Fibonacci International Finals - Entrepreneurship Category. Led team to international recognition in this prestigious robotics competition, demonstrating leadership and innovative problem-solving skills.</p>
                        <div class="tags">
                            <span>International</span>
                            <span>Robotics</span>
                            <span>Silver Medal</span>
                            <span>Entrepreneurship</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Robotex Turkey Championships</h3>
                        <p>🏆 2nd Place in Robotex Turkey Regionals and Jury's Special Award in Turkey Finals - Both in entrepreneurship category. Outstanding performance in national-level robotics competitions as team leader.</p>
                        <div class="tags">
                            <span>National</span>
                            <span>Robotics</span>
                            <span>Multiple Awards</span>
                            <span>Team Leadership</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Model United Nations Excellence</h3>
                        <p>🏅 Outstanding Award at DogaMun and Certificate of Appreciation at Hatay DMUN as co-chair. Champion of yearly debates at both Bahçeşehir and Doga schools, demonstrating exceptional communication and leadership skills.</p>
                        <div class="tags">
                            <span>Model UN</span>
                            <span>Outstanding Award</span>
                            <span>Debate Champion</span>
                            <span>Co-chair</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Sports & Chess Championships</h3>
                        <p>🏐 Champion of Bahçeşehir Hatay Volleyball Competition and 1st place in Hatay Doga Chess Competition. Licensed volleyball and chess player, member of Doga College Chess Team.</p>
                        <div class="tags">
                            <span>Volleyball Champion</span>
                            <span>Chess Champion</span>
                            <span>Licensed Player</span>
                            <span>Team Member</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Community Service Recognition</h3>
                        <p>❤️ Certificate of Honor from LÖSEV for volunteering with children with cancer and Certificate of Honor from Doga Hatay for voluntary piano performances at multiple events. Recognized for exceptional community service.</p>
                        <div class="tags">
                            <span>Community Service</span>
                            <span>LÖSEV Recognition</span>
                            <span>Volunteer Work</span>
                            <span>Music Service</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Skills Section -->
        <section id="skills" class="skills">
            <div class="container">
                <h2 class="section-title">Skills & Competencies</h2>
                <p class="section-subtitle">Multi-disciplinary expertise spanning technology, music, leadership, and sports</p>
                <div class="card-container">
                    <div class="card">
                        <h3>Musical Expertise</h3>
                        <p>Professional pianist since 5th grade performing in numerous school concerts and community events. Also proficient in drums, guitar, and ukulele, using musical talents for fundraising and community service activities.</p>
                        <div class="tags">
                            <span>Professional Piano</span>
                            <span>Drums</span>
                            <span>Guitar</span>
                            <span>Ukulele</span>
                            <span>Concert Performance</span>
                            <span>Music Production</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Robotics & Engineering</h3>
                        <p>Extensive experience leading robotics teams in Robotex, Fibonacci, and FRC competitions. Skilled in robot programming, team management, and competitive strategy development for international competitions.</p>
                        <div class="tags">
                            <span>Robotics Programming</span>
                            <span>Team Leadership</span>
                            <span>Competition Strategy</span>
                            <span>FRC</span>
                            <span>STEM Education</span>
                            <span>Technical Innovation</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Leadership & Project Management</h3>
                        <p>Proven leadership as team leader of T-MBA project team, head of PR for FRC team, and co-chair at Model UN conferences. Skilled in event organization, fundraising, and team coordination.</p>
                        <div class="tags">
                            <span>Team Leadership</span>
                            <span>Event Organization</span>
                            <span>Project Management</span>
                            <span>Public Relations</span>
                            <span>Fundraising</span>
                            <span>Model UN</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Languages & Communication</h3>
                        <p>Fluent in English and native Turkish speaker. Excellent communication skills demonstrated through Model UN participation, debate championships, and public speaking at various events and conferences.</p>
                        <div class="tags">
                            <span>English (Fluent)</span>
                            <span>Turkish (Native)</span>
                            <span>Public Speaking</span>
                            <span>Debate Champion</span>
                            <span>Model UN</span>
                            <span>Cross-cultural Communication</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Sports & Games</h3>
                        <p>Licensed volleyball and chess player with championship victories. Member of Doga College Chess Team and experienced in table tennis. Demonstrates strategic thinking and competitive excellence across multiple disciplines.</p>
                        <div class="tags">
                            <span>Licensed Volleyball</span>
                            <span>Licensed Chess</span>
                            <span>Table Tennis</span>
                            <span>Chess Champion</span>
                            <span>Volleyball Champion</span>
                            <span>Strategic Thinking</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>Special Interests & Hobbies</h3>
                        <p>Passionate about mechanics with interest in car design and engineering. Astronomy enthusiast who built own telescope at age 12. Interested in mythology from various cultures including Scandinavian, Greek, Turkish, and Japanese.</p>
                        <div class="tags">
                            <span>Mechanical Engineering</span>
                            <span>Car Design</span>
                            <span>Astronomy</span>
                            <span>Telescope Building</span>
                            <span>Mythology</span>
                            <span>Cultural Studies</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Code Section -->
        <section id="code" class="code">
            <div class="container">
                <h2 class="section-title">Website Code</h2>
                <p class="section-subtitle">Explore the source code of this portfolio website</p>
                
                <div class="code-tabs">
                    <button class="code-tab active" onclick="showCode('html')">HTML</button>
                    <button class="code-tab" onclick="showCode('css')">CSS</button>
                    <button class="code-tab" onclick="showCode('js')">JavaScript</button>
                </div>

                <div id="html-content" class="code-content active">
                    <div class="code-header">
                        <span>index.html</span>
                        <button class="copy-button" onclick="copyCode('html-code')">Copy Code</button>
                    </div>
                    <div class="code-block">
                        <pre id="html-code">[COMPLETE HTML CODE CONTENT]</pre>
                    </div>
                </div>

                <div id="css-content" class="code-content">
                    <div class="code-header">
                        <span>style.css</span>
                        <button class="copy-button" onclick="copyCode('css-code')">Copy Code</button>
                    </div>
                    <div class="code-block">
                        <pre id="css-code">[COMPLETE CSS CODE CONTENT]</pre>
                    </div>
                </div>

                <div id="js-content" class="code-content">
                    <div class="code-header">
                        <span>script.js</span>
                        <button class="copy-button" onclick="copyCode('js-code')">Copy Code</button>
                    </div>
                    <div class="code-block">
                        <pre id="js-code">[COMPLETE JAVASCRIPT CODE CONTENT]</pre>
                    </div>
                </div>

                <div style="text-align: center; margin-top: 3rem;">
                    <button id="downloadYouwareBtn" class="download-btn">
                        📁 Download YOUWARE.md
                    </button>
                </div>
            </div>
        </section>

        <!-- Contact Section -->
        <section id="contact" class="contact">
            <div class="container">
                <h2 class="section-title">Get In Touch</h2>
                <p class="section-subtitle">Connect with me for collaborations, projects, or opportunities</p>
                <div class="card-container">
                    <div class="card">
                        <h3>📧 Email</h3>
                        <p>For academic collaborations, robotics projects, music performances, or any professional opportunities, feel free to reach out via email.</p>
                        <div class="tags">
                            <span>eymen983@icloud.com</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>📱 Phone</h3>
                        <p>For urgent inquiries, team collaborations, or event bookings, you can contact me directly via mobile phone.</p>
                        <div class="tags">
                            <span>+905305826303</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>🌍 Location</h3>
                        <p>Based in Gülderen, Antakya/Hatay/Turkey. Currently studying at Hatay Bahçeşehir Science and Technology High School. Available for local collaborations and remote projects.</p>
                        <div class="tags">
                            <span>Antakya, Hatay</span>
                            <span>Turkey</span>
                            <span>Available for Collaboration</span>
                        </div>
                    </div>

                    <div class="card">
                        <h3>🎯 Collaboration Interests</h3>
                        <p>Always interested in robotics competitions, music collaborations, community service projects, STEM education initiatives, and Model UN conferences. Open to mentoring and knowledge sharing.</p>
                        <div class="tags">
                            <span>Robotics Projects</span>
                            <span>Music Collaborations</span>
                            <span>Community Service</span>
                            <span>STEM Education</span>
                            <span>Model UN</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- Project Detail Modal -->
    <div id="projectModal" class="modal-overlay">
        <div class="modal-content">
            <div class="modal-header">
                <h2 id="modalTitle">Project Details</h2>
                <button class="modal-close" onclick="closeProjectModal()">&times;</button>
            </div>
            <div class="modal-body">
                <div class="project-hero">
                    <div class="project-hero-content">
                        <h1 id="projectMainTitle">Project Title</h1>
                        <p id="projectSubtitle" class="project-subtitle">Project Category • Timeline</p>
                        <div id="projectDescription" class="project-description">
                            <p>Detailed project description will appear here. This section showcases the goals, challenges overcome, and key outcomes of the project. Future content will include comprehensive project documentation, process insights, and results achieved.</p>
                        </div>
                    </div>
                </div>

                <div class="project-content">
                    <section class="project-section">
                        <h3>Project Gallery</h3>
                        <div id="projectImages" class="project-gallery">
                            <div class="gallery-placeholder">
                                <span>📸</span>
                                <p>Project images will be displayed here</p>
                            </div>
                        </div>
                    </section>

                    <section class="project-section">
                        <h3>Video Demonstrations</h3>
                        <div id="projectVideos" class="project-videos">
                            <div class="video-placeholder">
                                <span>🎥</span>
                                <p>Project videos and demos will be displayed here</p>
                            </div>
                        </div>
                    </section>

                    <section class="project-section">
                        <h3>Technologies & Skills</h3>
                        <div id="projectSkills" class="project-skills">
                            <div class="skill-tag">JavaScript</div>
                            <div class="skill-tag">HTML5</div>
                            <div class="skill-tag">CSS3</div>
                            <div class="skill-tag">Responsive Design</div>
                        </div>
                    </section>

                    <section class="project-section">
                        <h3>Achievements & Recognition</h3>
                        <div id="projectAchievements" class="project-achievements">
                            <div class="achievement-card">
                                <h4>Achievement Title</h4>
                                <p>Awards, recognition, and notable outcomes will be displayed here with detailed descriptions and impact metrics.</p>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="modal-footer">
                <button class="modal-btn primary" onclick="closeProjectModal()">Close Project</button>
            </div>
        </div>
    </div>

    <div class="section-divider"></div>

    <footer>
        <div class="container">
            <p>&copy; 2024 Eymen BULANIK. All rights reserved. | Future Engineer & Innovator</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>
style.css
/* Modern Portfolio CSS */
:root {
    --primary-black: #000000;
    --secondary-black: #1a1a1a;
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --transition-smooth: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: #222;
}

header {
    background: var(--primary-black);
    color: white;
    padding: 1rem 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.hero {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    color: white;
    text-align: center;
    padding: 10rem 0 8rem;
}

.card {
    background: white;
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.05);
    transition: var(--transition-smooth);
    cursor: pointer;
}

.card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 80px rgba(0,0,0,0.1);
}
script.js
// Enhanced Portfolio JavaScript
document.addEventListener("DOMContentLoaded", function () {
    initializePortfolio();
});

function initializePortfolio() {
    setupSmoothScrolling();
    setupScrollEffects();
    setupCardInteractions();
}

function setupSmoothScrolling() {
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if (target) {
                target.scrollIntoView({ behavior: 'smooth' });
            }
        });
    });
}

function setupCardInteractions() {
    const cards = document.querySelectorAll('.card');
    
    cards.forEach(card => {
        card.addEventListener('click', function() {
            showProjectDetail(card);
        });
    });
}

function showProjectDetail(card) {
    // Create detailed project view
    console.log('Opening project detail for:', card);
}

Get In Touch

Connect with me for collaborations, projects, or opportunities

📧 Email

For academic collaborations, robotics projects, music performances, or any professional opportunities, feel free to reach out via email.

eymen983@icloud.com

📱 Phone

For urgent inquiries, team collaborations, or event bookings, you can contact me directly via mobile phone.

+905305826303

🌍 Location

Based in Gülderen, Antakya/Hatay/Turkey. Currently studying at Hatay Bahçeşehir Science and Technology High School. Available for local collaborations and remote projects.

Antakya, Hatay Turkey Available for Collaboration

🎯 Collaboration Interests

Always interested in robotics competitions, music collaborations, community service projects, STEM education initiatives, and Model UN conferences. Open to mentoring and knowledge sharing.

Robotics Projects Music Collaborations Community Service STEM Education Model UN