<!DOCTYPE html><html lang="bn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>তানজিদ আহমেদ বাঁধন</title><script src="https://cdn.tailwindcss.com"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"><style>@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');body{font-family:'Poppins', sans-serif;background:#0a0a0a;color:#e5e5e5;overflow-x:hidden;position:relative;}body::before{content:'';position:fixed;top:50%;left:50%;width:80vh;height:80vh;background:radial-gradient(circle, rgba(230, 81, 0, 0.15) 0%, rgba(230, 81, 0, 0) 70%);transform:translate(-50%, -50%);border-radius:50%;z-index:-1;animation:pulse 10s infinite cubic-bezier(0.4, 0, 0.6, 1);}@keyframes pulse{0%, 100%{transform:translate(-50%, -50%) scale(1);opacity:1;}50%{transform:translate(-50%, -50%) scale(1.1);opacity:0.8;}}.container{max-width:1000px;margin:0 auto;padding:2rem;}.accent-color{color:#e65100;}.bg-card{background-color:#1a1a1a;border:1px solid #333;}.card{padding:1.5rem;border-radius:0.75rem;transition:transform 0.3s ease, box-shadow 0.3s ease;box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(230, 81, 0, 0.4);}.section-title{font-size:2.5rem;font-weight:700;border-bottom:2px solid #e65100;display:inline-block;padding-bottom:0.5rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(230, 81, 0, 0.5);}.sub-heading{color:#e65100;}.profile-pic-container{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid #e65100;margin:0 auto 2rem;box-shadow:0 0 20px rgba(230, 81, 0, 0.5);animation:fadeIn 2s ease-in-out;}.profile-pic{width:100%;height:100%;object-fit:cover;}.gallery-container{position:relative;overflow:hidden;border-radius:0.75rem;margin-top:2rem;margin-bottom:2rem;height:300px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.3);}.gallery-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out, transform 0.5s ease;border-radius:0.75rem;}.gallery-image.active{opacity:1;animation:fadeInZoom 1s forwards;}.gallery-image:hover{transform:scale(1.05) rotate(2deg);}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInZoom{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}@keyframes slideUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}.animated-section{opacity:0;animation:slideUp 1s forwards;}#about.animated-section{animation-delay:0.2s;}#education.animated-section{animation-delay:0.4s;}#interests.animated-section{animation-delay:0.6s;}#dream.animated-section{animation-delay:0.8s;}#lang-switch{background-color:#e65100;color:white;padding:0.5rem 1rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:background-color 0.3s, transform 0.2s;}#lang-switch:hover{background-color:#bf360c;transform:scale(1.05);}.social-link{transition:color 0.3s, transform 0.3s;}.social-link:hover{transform:scale(1.2) rotate(5deg);color:#e65100;}.language-content{transition:opacity 0.5s ease-in-out;}.language-content.hidden{display:none;opacity:0;}#music-button{position:fixed;bottom:1.5rem;right:1.5rem;background-color:rgba(230, 81, 0, 0.7);color:white;padding:0.75rem;border-radius:50%;box-shadow:0 4px 15px rgba(0, 0, 0, 0.3);transition:background-color 0.3s, transform 0.3s;cursor:pointer;z-index:10;}#music-button:hover{background-color:rgba(230, 81, 0, 1);transform:scale(1.1);}</style></head><body class="p-4"><!-- Music Player --><audio id="bg-music" loop><source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio><!-- Music Play/Pause Button --><button id="music-button"><i class="fas fa-play"></i></button><div class="container min-h-screen relative"><!-- Language Switch Button --><div class="flex justify-end mb-4"><button id="lang-switch" class="text-white">English</button></div><!-- Bangla Content --><div id="bangla-content" class="language-content"><header class="flex flex-col items-center justify-betweenmb-16"><div class="profile-pic-container"><img src="https://known-moccasin-tpabou7amc.edgeone.app/IMG_20250909_002210.jpg" alt="তানজিদ আহমেদ বাঁধন" class="profile-pic"></div><div class="text-center"><h1 class="text-5xl font-bold">তানজিদ আহমেদ বাঁধন</h1><p class="text-xl mt-2 text-gray-400">ᗯᗩKE ᑌᑭ TO ᖇEᗩᒪITY</p><div class="mt-8"><h2 class="text-2xl font-semibold mb-4 accent-color">সোশ্যাল মিডিয়া</h2><div class="flex justify-center space-x-8 text-white"><a href="https://www.facebook.com/share/19HRg4AgUB/" target="_blank" class="social-link"><i class="fab fa-facebook-f text-4xl"></i></a><a href="https://www.instagram.com/tanjidahamedbadhon1?igsh=MTRsYm84MXVucDZmYQ==" target="_blank" class="social-link"><i class="fab fa-instagram text-4xl"></i></a><a href="https://www.threads.com/@tanjidahamedbadhon1" target="_blank" class="social-link"><i class="fab fa-threads text-4xl"></i></a></div></div></div></header><section id="about" class="mb-16 animated-section"><h2 class="section-title accent-color">আমার সম্পর্কে</h2><div class="card bg-card"><p class="text-gray-300 leading-relaxed">আমি তানজিদ আহমেদ বাঁধন, ২৬শে ডিসেম্বর ২০০৭ সালে আলমডাঙ্গা উপজেলা, চুয়াডাঙ্গা জেলায় জন্মগ্রহণ করি। বর্তমানে দর্শনা সরকারি কলেজে বিজ্ঞান বিভাগে অধ্যয়নরত আছি। আমার মূল আগ্রহের ক্ষেত্র হলো বিজ্ঞান ও প্রযুক্তি, তাছারা আমি টেকনোলজি নিয়ে অনেক আগ্রহী।</p></div></section><div class="gallery-container"><img src="https://sad-crimson-jbrhvnkpos.edgeone.app/Gemini_Generated_Image_r17urer17urer17u.png" alt="Image 1" class="gallery-image active"><img src="https://consistent-apricot-hevc3yw75b.edgeone.app/IMG_20250905_123249.png" alt="Image 2" class="gallery-image"><img src="https://pleasant-blush-a56m6tqeum.edgeone.app/IMG_6929~2.jpg" alt="Image 3" class="gallery-image"><img src="https://full-crimson-qpoyscqtaz.edgeone.app/1748340557425.jpg" alt="Image 6" class="gallery-image"></div><section id="education" class="mb-16 animated-section"><h2 class="section-title accent-color">শিক্ষাগত যোগ্যতা</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card bg-card"><h3 class="text-xl font-semibold sub-heading">বর্তমান শিক্ষা</h3><p class="mt-2 text-gray-300">বর্তমানে দর্শনা সরকারি কলেজে বিজ্ঞান বিভাগে পড়ছি।</p></div><div class="card bg-card"><h3 class="text-xl font-semibold sub-heading">মাধ্যমিক শিক্ষা (এসএসসি)</h3><p class="mt-2 text-gray-300">মুন্সিগঞ্জ একাডেমি থেকে মাধ্যমিক শিক্ষা সম্পন্ন করেছি।</p></div><div class="card bg-card"><h3 class="text-xl font-semibold sub-heading">প্রাথমিক শিক্ষা</h3><p class="mt-2 text-gray-300">নাতিদাঙ্গা সরকারি প্রাথমিক বিদ্যালয়ে আমার শিক্ষাজীবন শুরু হয়।</p></div></div></section><section id="interests" class="mb-16 animated-section"><h2 class="section-title accent-color">আগ্রহ</h2><div class="card bg-card"><p class="text-xl font-medium text-gray-300 text-center">আমার প্রধান আগ্রহ হলো **প্রযুক্তি ও ইন্টারনেট**।</p></div></section><section id="dream" class="animated-section"><h2 class="section-title accent-color">স্বপ্ন</h2><div class="card bg-card"><p class="text-gray-300 leading-relaxed text-center">আমার লক্ষ্য হলো নিজেকে প্রতিষ্ঠিত করা, সমাজের মাঝে নিজেকে তুলে ধরা। নিজেকে ভালো মানুষ হিসেবে গড়ে তোলা।</p></div></section></div><!-- English Content (Initially hidden) --><div id="english-content" class="language-content hidden"><header class="flex flex-col items-center justify-betweenmb-16"><div class="profile-pic-container"><img src="https://known-moccasin-tpabou7amc.edgeone.app/IMG_20250909_002210.jpg" alt="Tanjid Ahmed Badhon" class="profile-pic"></div><div class="text-center"><h1 class="text-5xl font-bold">Tanjid Ahmed Badhon</h1><p class="text-xl mt-2 text-gray-400">ᗯᗩKE ᑌᑭ TO ᖇEᗩᒪITY</p><div class="mt-8"><h2 class="text-2xl font-semibold mb-4 accent-color">Social Media</h2><div class="flex justify-center space-x-8 text-white"><a href="https://www.facebook.com/share/19HRg4AgUB/" target="_blank" class="social-link"><i class="fab fa-facebook-f text-4xl"></i></a><a href="https://www.instagram.com/tanjidahamedbadhon1?igsh=MTRsYm84MXVucDZmYQ==" target="_blank" class="social-link"><i class="fab fa-instagram text-4xl"></i></a><a href="https://www.threads.com/@tanjidahamedbadhon1" target="_blank" class="social-link"><i class="fab fa-threads text-4xl"></i></a></div></div></div></header><section id="about-en" class="mb-16 animated-section"><h2 class="section-title accent-color">About Me</h2><div class="card bg-card"><p class="text-gray-300 leading-relaxed">I am Tanjid Ahmed Badhon, born on December 26, 2007, in Alamdanga Upazila, Chuadanga district. I am currently studying in the science department at Darshana Government College. My main area of interest is science and technology, and I am also very keen on technology.</p></div></section><div class="gallery-container"><img src="https://sad-crimson-jbrhvnkpos.edgeone.app/Gemini_Generated_Image_r17urer17urer17u.png" alt="Image 1" class="gallery-image active"><img src="https://consistent-apricot-hevc3yw75b.edgeone.app/IMG_20250905_123249.png" alt="Image 2" class="gallery-image"><img src="https://pleasant-blush-a56m6tqeum.edgeone.app/IMG_6929~2.jpg" alt="Image 3" class="gallery-image"><img src="https://full-crimson-qpoyscqtaz.edgeone.app/1748340557425.jpg" alt="Image 6" class="gallery-image"></div><section id="education-en" class="mb-16 animated-section"><h2 class="section-title accent-color">Education</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="card bg-card"><h3 class="text-xl font-semibold sub-heading">Current Education</h3><p class="mt-2 text-gray-300">Currently studying in the science department at Darshana Government College.</p></div><div class="card bg-card"><h3 class="text-xl font-semibold sub-heading">Secondary Education (SSC)</h3><p class="mt-2 text-gray-300">Completed my secondary education from Munsiganj Academy.</p></div><div class="card bg-card"><h3 class="text-xl font-semibold sub-heading">Primary Education</h3><p class="mt-2 text-gray-300">My academic journey began at Natidanga Government Primary School.</p></div></div></section><section id="interests-en" class="mb-16 animated-section"><h2 class="section-title accent-color">Interests</h2><div class="card bg-card"><p class="text-xl font-medium text-gray-300 text-center">My main interests are **technology and the internet**.</p></div></section><section id="dream-en" class="animated-section"><h2 class="section-title accent-color">Dream</h2><div class="card bg-card"><p class="text-gray-300 leading-relaxed text-center">My goal is to establish myself and make a mark in society. My dream is to become a good person.</p></div></section></div></div><script>document.addEventListener('DOMContentLoaded', () =>{const banglaContent = document.getElementById('bangla-content');const englishContent = document.getElementById('english-content');const langSwitchButton = document.getElementById('lang-switch');let isBangla = true;function switchLanguage(){isBangla = !isBangla;if (isBangla){banglaContent.classList.remove('hidden');englishContent.classList.add('hidden');langSwitchButton.textContent = 'English';} else{banglaContent.classList.add('hidden');englishContent.classList.remove('hidden');langSwitchButton.textContent = 'বাংলা';}}langSwitchButton.addEventListener('click', switchLanguage);const galleryImages = document.querySelectorAll('.gallery-image');let currentImageIndex = 0;function showNextImage(){galleryImages.forEach(img => img.classList.remove('active'));currentImageIndex = (currentImageIndex + 1) % galleryImages.length;galleryImages[currentImageIndex].classList.add('active');}setInterval(showNextImage, 5000);// Music Player Logicconst music = document.getElementById('bg-music');const musicButton = document.getElementById('music-button');music.volume = 0.5;// Set a default volumewindow.addEventListener('load', () =>{music.play().then(() =>{musicButton.innerHTML = '<i class="fas fa-pause"></i>';}).catch(error =>{musicButton.innerHTML = '<i class="fas fa-play"></i>';});});musicButton.addEventListener('click', () =>{if (music.paused){music.play();musicButton.innerHTML = '<i class="fas fa-pause"></i>';} else{music.pause();musicButton.innerHTML = '<i class="fas fa-play"></i>';}});});</script></body></html>}