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
Other Video’s :
Coding IOS (Iphone) Calendar : https://youtu.be/uy4f2Pn9FaY
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
Coding a Snake Game : https://youtu.be/wM7eMJ26kc8
Movie Guide App Coding : https://youtu.be/J6uam9jEmDU
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
Subscriptions, good comments and likes are great support for me 😍
Don’t re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming