Learn how to create and deploy a fully responsive personal portfolio website using HTML, CSS, and JavaScript in this comprehensive tutorial. Master modern web development techniques including CSS Flexbox, Grid, and Variables while building a functional and visually appealing online portfolio. Follow along step-by-step to set up hosting, structure your project, design the user interface, implement interactive features, and optimize for various screen sizes. By the end of this hands-on guide, you'll have the skills to showcase your work effectively with a custom domain and professional web presence.
Complete Responsive Personal Portfolio Website Using HTML, CSS & JavaScript - Full Tutorial
Overview
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
