Portfolio

🚀 Explore the Simplicity of HTML, CSS, and a Touch of JS in Building Your Unique Showcase. Let's Elevate Your Portfolio Game Together! 💼❤

Website is Live: baivabsarkar.pages.dev

Key Feature

Welcome Message Pre-Loader

334515436-c97f5c52-aa05-46b6-ad40-a4b3b162d367.mp4

Input the <SCRIPT> in index.html:

constmessages=["Hello","Bonjour","स्वागत हे","Ciao","Olá","おい","Hallå","Guten tag","Hallo"];constpreloader=document.getElementById('preloader');constcontent=document.getElementById('content');letcurrentMessage=0;functionshowNextMessage(){if(currentMessage<messages.length){constmessageElement=document.createElement('div');messageElement.className='message';messageElement.textContent=messages[currentMessage];if(currentMessage===0){messageElement.classList.add('fade-in');}preloader.innerHTML='';preloader.appendChild(messageElement);letdisplayTime=150;if(currentMessage===0){displayTime=800;}currentMessage++;setTimeout(showNextMessage,displayTime);}else{content.classList.add('show-content');content.style.borderBottomLeftRadius='0';content.style.borderBottomRightRadius='0';setTimeout(()=>{preloader.classList.add('slide-out');setTimeout(()=>{preloader.style.display='none';},400);},400);}}

UI 📈

Landing Page

Projects Page