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 and Also Scroll To Top. We'll be using CSS Flexbox, Media queries for our responsive design and CSS transition for some cool animation effects. Also we have a pulse animation in this code!
Source Code : [ Ссылка ]
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
[ Ссылка ]
Keyboard Link : [ Ссылка ]
IQUNIX Youtube : @IQUNIX
Web Design Coding Bootcamp Playlist : [ Ссылка ]
source of all projects also will upload in AsmrProg github page :
[ Ссылка ]
Video Contents :
00:00 - Intro (Portfolio Design #2)
00:55 - Warming hands
01:01 - Main codes
01:22 - Adding dependencies
03:00 - Html coding
08:13 - Main styles
08:45 - Header styles
12:07 - Pulse animation
12:46 - Sections styles
21:02 - Scroll top styles
22:15 - Responsive codes
24:32 - Particles config
28:52 - Fix a bug
29:32 - scrollToTop()
29:57 - Event listener
31:46 - Final Result
Asmr Game Coding Playlist : [ Ссылка ]
Other Video's :
Coding IOS (Iphone) Calendar : [ Ссылка ]
Coding IOS (IPhone) Dynamic Music : [ Ссылка ]
Coding a Snake Game : [ Ссылка ]
Movie Guide App Coding : [ Ссылка ]
Coding IOS (IPhone) Dynamic Music : [ Ссылка ]
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
![](https://s2.save4k.ru/pic/b5s55FzPTac/maxresdefault.jpg)