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

YouTube

Complete Responsive Personal Portfolio Website Using HTML, CSS & JavaScript - Full Tutorial

EGATOR via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This project-based tutorial guides learners through building and deploying a responsive personal portfolio website with HTML, CSS, and JavaScript. It covers page structure, styling, responsive layouts, interactive navigation and content, testimonial slides, contact form submission, and deployment.

Syllabus

Course Introduction Project Overview
Buying our Hosting & claming our free Domain Name
Project Folder Structure & extensions
Navbar HTML
Adding Material Icons CDN
General CSS Styles CSS Variables and more
Navbar CSS
Landing Animation Area HTML
Landing Animation Area CSS
About HTML
About CSS
Skills HTML
Skills CSS
Services HTML
Services CSS
Portfolio Recent Work HTML
Portfolio Recent Work CSS
Testimonial HTML
Testimonial CSS
Swiper JS for testimonial slides
Contact HTML
Contact CSS
FORMSPREE for Contact Form Submission
Footer HTML
Footer CSS
Responsive Design on small screens CSS Media Queries
Nav Menu / Sidebar Toggle using JavaScript
Nav Items Active Class Toggle in JavaScript
Show more / SHow Less Description Toggle using JavaScript
Skills Items Toggle using JavaScript
Box Shadow on Navbar on scroll
Scrollbar Customization
Website Deployment Uploading our website to the internet

Taught by

EGATOR

Reviews

Start your review of Complete Responsive Personal Portfolio Website Using HTML, CSS & JavaScript - Full Tutorial

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.