Create a Fully Functional & Responsive Portfolio Website in HMTL, CSS, JS
In this tutorial, I'm going to show you how to use modern HTML, CSS, and JavaScript to create a completely responsive Portfolio Design with Scroll To Element Functionally. We'll be using CSS Grid, CSS Flexbox, Media queries for our responsive design, and CSS transition for some cool animation effects.
📚 RESOURCE LINKS 📚
💯 Download Images ➜ https://drive.google.com/file/d/11L9w...
💯 JavaScript Code file➜ https://drive.google.com/file/d/10qLC...
💯 Download Template ➜ https://www.buymeacoffee.com/danstana...
⏱️ Timestamps ⏱️
00:00 - Intro
01:30 - Setting Up the Project Folder
2:39 - Creating Files
03:10 - Setting up the HTML
04:22 - External Icons (Boxicons)
04:33 - Importing Fonts
05:43 - Fundamental Styles
07:17 - CSS Variables
08:38 - Header Section
15:55 - Home Section
21:59 - About Section
27:24 - Services Section
32:31 - Portfolio Section
38:44 - Contact Section
47:59 - Footer Section
50:10 - Scroll to top
52:55 - Responsive Queries
