ASMR Programming - Complete Responsive Portfolio Design - No Talking

Create a Responsive Portfolio Design using HTML, CSS, and JavaScript.

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.

After we upload second Personal Portfolio Design video we will create a separate playlist for it 😉

Source Code : https://github.com/AsmrProg-YT/Personal-Portfolios

Join the full “100 Days Of JavaScript Code – Web Development Bootcamp” course :

Keyboard Link : https://en.akkogear.com/product/dracula-castle-5075b-plus-mechanical-keyboard/

AKKO Youtube : @AkkoOfficial

Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH

source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT

Video Contents :

00:00 – Intro (Portfolio Design #1)
01:10 – Warming hands
01:15 – Main codes
02:10 – Google fonts
02:45 – Nav
04:31 – Main styles
05:23 – Nav styles
09:28 – Header
11:00 – Header styles
15:28 – Features
19:20 – Features styles
23:13 – Pricing plans
26:35 – Pricing plans styles
31:41 – Footer
35:02 – Footer styles
38:25 – Copyright styles
39:32 – Responsive codes
42:38 – Responsive result
43:17 – scrollToElement()
44:38 – JS codes
46:49 – Final Result

Asmr Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9