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, and JavaScript

CODE4EDUCATION via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create a responsive personal portfolio website using HTML, CSS, and JavaScript in this comprehensive tutorial. Build a professional-looking portfolio from scratch, including sections for a header, hero banner, about, skills, services, contact form, and footer. Master responsive design techniques with media queries and implement interactive features like a sticky navbar and mobile menu using JavaScript. Follow along step-by-step to construct each component, style it with CSS, and make it fully responsive for all devices. By the end, you'll have the skills to showcase your work effectively online with a custom-built portfolio website.

Syllabus

Intro
Project Setup
Portfolio Website Header HTML
Portfolio Website Header CSS
Portfolio Website Hero Banner HTML
Portfolio Website Hero Banner CSS
Portfolio Website About HTML
Portfolio Website About CSS
Portfolio Website Skills HTML
Portfolio Website Skills CSS
Portfolio Website Services HTML
Portfolio Website Services CSS
Portfolio Website Contact HTML
Portfolio Website Contact CSS
Portfolio Website Footer HTML
Portfolio Website Footer CSS
Scroll Top HTML
Scroll Top CSS
Media Query In CSS
Responsive Portfolio Website Navbar Sticky JavaScript
Responsive Portfolio Website Mobile Navbar JavaScript
Responsive Portfolio Website Design Completed

Taught by

CODE4EDUCATION

Reviews

Start your review of Complete Responsive Personal Portfolio Website Using HTML, CSS, and JavaScript

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.