Hello, I'm

Pujan Mehta

Web Developer & AI Content Creator

Turning innovative ideas into powerful digital experiences. Passionate about building intelligent solutions.

Let's Connect

About Me

A Glimpse into My Journey

I am Pujan Mehta, a dedicated and enthusiastic Web Developer and aspiring AI Content Creator, currently pursuing my studies in Information Technology at L J University. I have a strong passion for building modern, responsive, and user-friendly websites that deliver a smooth and engaging user experience.

I have hands-on experience working with HTML, CSS, and JavaScript, and I continuously improve my skills by creating real-world projects. Along with web development, I also explore AI tools and techniques to create content efficiently, including generating ideas, writing content, and designing creative outputs.

My interest in AI content creation allows me to combine creativity with technology, helping me build smarter and more innovative digital solutions. I also have basic knowledge of Python and a growing interest in prompt engineering.

I enjoy learning new technologies, experimenting with modern designs, and solving real-world problems through code and AI tools. My goal is to secure a Web Development or AI-related internship where I can apply my skills, gain practical experience, and contribute to meaningful projects.

I am a quick learner, self-motivated, and always ready to take on new challenges that help me grow both technically and creatively.

My Skills

HTML5

Semantic structuring & modern web standards.

CSS3

Responsive design, animations & preprocessors.

JavaScript

Interactive experiences & dynamic content.

Python

Backend logic, scripting & AI content generation.

Web Design

UI/UX principles, modern aesthetics.

My Projects

Todo List App

Todo List App

A simple yet effective Todo List application built with HTML, CSS, and JavaScript, allowing users to add, delete, and mark tasks as complete.

Simple Calculator App

Simple Calculator App

A basic calculator application developed using HTML, CSS, and JavaScript, capable of performing standard arithmetic operations.

Get in Touch

Email: pujanm619@gmail.com

Phone: +91 9265852598

Location: Ahmedabad, Gujarat

}); // Close mobile menu if open const navLinks = document.querySelector('.nav-links'); const menuToggle = document.querySelector('.menu-toggle'); if (navLinks.classList.contains('active')) { navLinks.classList.remove('active'); menuToggle.classList.remove('active'); } }); }); // Mobile Menu Toggle const menuToggle = document.querySelector('.menu-toggle'); const navLinks = document.querySelector('.nav-links'); menuToggle.addEventListener('click', () => { navLinks.classList.toggle('active'); menuToggle.classList.toggle('active'); }); // Update copyright year document.getElementById('currentYear').textContent = new Date().getFullYear(); // Intersection Observer for Section Animations const sections = document.querySelectorAll('section'); const observerOptions = { root: null, rootMargin: '0px', threshold: 0.2 // Trigger when 20% of the section is visible }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); observer.unobserve(entry.target); // Stop observing once animated } }); }, observerOptions); sections.forEach(section => { observer.observe(section); }); // Intersection Observer for Skill Bars Animation const skillBars = document.querySelectorAll('.progress-bar'); const skillObserverOptions = { root: null, rootMargin: '0px', threshold: 0.5 // Trigger when 50% of the skill card is visible }; const skillObserver = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const progressBar = entry.target; const progress = progressBar.getAttribute('data-progress'); progressBar.style.width = progress + '%'; observer.unobserve(progressBar); } }); }, skillObserverOptions); skillBars.forEach(bar => { skillObserver.observe(bar); }); // Intersection Observer for Timeline Items const timelineItems = document.querySelectorAll('.timeline-item'); const timelineObserverOptions = { root: null, rootMargin: '0px', threshold: 0.3 }; const timelineObserver = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('is-visible'); observer.unobserve(entry.target); } }); }, timelineObserverOptions); timelineItems.forEach(item => { timelineObserver.observe(item); }); // Active nav link on scroll window.addEventListener('scroll', () => { let current = ''; sections.forEach(section => { const sectionTop = section.offsetTop; const sectionHeight = section.clientHeight; if (pageYOffset >= sectionTop - sectionHeight / 3) { current = section.getAttribute('id'); } }); navLinks.querySelectorAll('a').forEach(a => { a.classList.remove('active'); if (a.getAttribute('href').includes(current)) { a.classList.add('active'); } }); }); // Set initial active link for hero section document.querySelector('.nav-links a[href="#hero"]').classList.add('active'); });