Hostinger Discount: https://www.hostg.xyz/SH8cs
Are you looking for a video tutorial that's going to teach you how to build and deploy a modern responsive personal portfolio website using HTML, CSS and JavaScript? Then this is the perfect tutorial for you!
In this step-by-step tutorial, you will learn how to create the most beautiful portfolio website on the internet! This projects comes with plenty of modern features such as: light-dark theme, mobile responsiveness, accordion for frequently asked questions, carousel for clients testimonials, fully functioning contact form, beautiful floating navigation, amazing animations and transitions, and more!


Source Code: https://buymeacoffee.com/egator/e/283325
Become a Patron: https://patreon.com/egator


part 2: https://youtu.be/fGT97ZYP-Hs


Google Fonts: https://fonts.google.com/
Iconscout: https://iconscout.com/unicons/free-line-icons
SwiperJS: https://swiperjs.com/
Mixitup: https://www.kunkalabs.com/mixitup/
Animate on scroll: https://michalsnik.github.io/aos/

Timestamps:
00:00 Intro (Project Demo)
08:25 Hosting & FREE Domain
12:14 Project Folder Structure
14:27 Top Navbar
18:20 General CSS Helper styles
34:20 Navbar CSS
38:40 Floating Navbar HTML & CSS
52:05 Header HTML & CSS
01:06:50 Resume HTML & CSS
01:21:40 Floating Navbar JavaScript
01:26:20 Resume JavaScript
01:43:40 Projects HTML


Starter files: https://github.com/egattor/res....ponsive-portfolio-st

#htmlcssjavascript #responsivewebsite #personalportfolio

Build & Deploy a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript, Personal Portfolio Website Tutorial HTML CSS JavaScript, HTML CSS JavaScript Personal Portfolio Website Full Tutorial, Best Personal Portfolio Website Tutorial HTML CSS and JavaScript

Hostinger Discount: https://www.hostg.xyz/SH8cs

2024 Responsive React Portfolio Website Tutorial: https://www.udemy.com/course/r....eact-js-portfolio-we

Source Code: https://www.buymeacoffee.com/egator/e/155558
Become a Patron: https://patreon.com/egator

In this in-depth step-by-step tutorial, I'm going to teach you how to build and deploy the best personal portfolio website on youtube using HTML, CSS, and JavaScript. We will be using modern methods of building websites, and along the way, you will learn some tips and tricks when it comes to web development. This video is perfect for everyone, from beginner to intermediate, as I will be explaining everything we do.
Learn how to use CSS Variables, CSS Animations and Keyframes, CSS Transitions, SwiperJS, Animate On Scroll, Mixitup, FormSubmit, Website Deployment, and more!

Thumbnails
00:00:00 Intro (Project Demo)
00:08:00 Hosting and Free Domain
00:11:48 Project Folder structure
00:15:35 Navbar HTML
00:21:50 CSS Variables & General CSS Styles
00:39:35 Navbar CSS
00:46:00 Header HTML
00:52:10 Header CSS
00:59:55 About Section HTML
01:05:00 About CSS
01:12:13 Services HTML
01:16:50 Services CSS
01:24:10 Services JavaScript
01:36:10 Projects HTML
01:40:40 Projects CSS
01:46:18 Mixitup (Filtering Projects)
01:55:40 Testimonials Section
02:07:45 Contact HTML & CSS
02:20:12 Form Submit
02:24:15 Footer HTML & CSS
02:30:07 Media Queries
02:36:36 Nav Toggle JavaScript
02:54:07 Theme Customization (Light & Dark Theme Toggle)
03:03:55 Animate On Scroll
03:13:46 Website Deployment


Assets: https://github.com/egattor/por....tfolio-html-css-java

#personalportfolio #website #htmlcssjavascript

Responsive Personal Portfolio Website Tutorial using HTML CSS & JavaScript with Light-Dark Theme
Hostinger Discount: https://www.hostg.xyz/SH8cs
Are you looking for a video tutorial that's going to teach you how to build and deploy a modern responsive personal portfolio website using HTML, CSS and Javascript? Then this is the perfect tutorial for you!
In this step-by-step tutorial, you will learn how to create the most beautiful portfolio website on the internet! This projects comes with plenty of modern features such as: light-dark theme, mobile responsiveness, accordion for frequently asked questions, carousel for clients testimonials, fully functioning contact form, beautiful floating navigation, amazing animations and transitions, and more!


Source Code: https://buymeacoffee.com/egator/e/283325
Become a Patron: https://patreon.com/egator


part 1: https://www.youtube.com/watch?v=ekAbxVNcy8Q


Google Fonts: https://fonts.google.com/
Iconscout: https://iconscout.com/unicons/free-line-icons
SwiperJS: https://swiperjs.com/
Mixitup: https://www.kunkalabs.com/mixitup/
Animate on scroll: https://michalsnik.github.io/aos/

Timestamps:
00:00 Intro (Project Demo)
08:25 Hosting & FREE Domain
12:52 Projects CSS
18:50 Mixitup JS
27:10 Testimonials Slides/Carousels & Swiper JS
41:20 FAQs Accordion
53:00 Contact & Form Submit
01:02:45 Custom Scrollbar
01:03:55 Light/Dark Theme Toggle with JavaScript
01:10:43 Animate On Scroll
01:20:00 Media Queries Responsiveness
01:30:37 How to deploy or upload your website on the internet



Starter files: https://github.com/egattor/res....ponsive-portfolio-st

#portfoliowebsite #responsivepersonalportfolio #htmlcssjavascript #responsivewebsitedesign