Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Responsive Personal Portfolio Website Tutorial - HTML, CSS, and JavaScript with Light-Dark Theme

EGATOR via YouTube

Overview

Learn to build a responsive personal portfolio website using HTML, CSS, and JavaScript in this comprehensive tutorial. Master modern web design techniques including light-dark theme toggle, mobile responsiveness, accordion-style FAQs, client testimonial carousels, and a functional contact form. Explore advanced features like floating navigation, animations, and transitions. Follow step-by-step instructions to create an impressive online portfolio, from initial setup to final deployment. Gain hands-on experience with popular web development tools and libraries such as Google Fonts, Iconscout, SwiperJS, Mixitup, and Animate on Scroll. By the end of this tutorial, you'll have the skills to showcase your work professionally on the internet.

Syllabus

Intro Project Demo
Hosting & FREE Domain
Projects CSS
Mixitup JS
Testimonials Slides/Carousels & Swiper JS
FAQs Accordion
Contact & Form Submit
Custom Scrollbar
Light/Dark Theme Toggle with JavaScript
Animate On Scroll
Media Queries Responsiveness
How to deploy or upload your website on the internet

Taught by

EGATOR

Reviews

Start your review of Responsive Personal Portfolio Website Tutorial - HTML, CSS, and JavaScript with Light-Dark Theme

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.