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 😉

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :

AKKO Youtube : @AkkoOfficial

source of all projects also will upload in AsmrProg github page :

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

Other Video's :

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

[AsmrProg]

We will have a Complete playlist for Portfolio Designs, Please support my channel with your LIKE 🙏 Your LIKES help my channel to suggest more ❤ Hope you enjoy it!

[kervaci]

Probably the best project ive followed and wrote with. I’ve learnt so much and i love the JS script you wrote its very smooth and satisfying when i press one of the features or about links so thank you so much will be watching more!

[davidson]

3:26 the code on line 21 just blew my mind. Recently getting into web dev seriously and have been writing out each href for the nav bar individually. I've never seen this before and will definitely save alot of time. Very exciting. Cheers!

[csc_espinosaromeomatthewr]

You dont know how much i need this bro, your a life saver. THANK

[devboy]

به به اقا رضا کارت درسته
راستی چطوری این کیبوردت انقدر خوش صدا هستش ؟

[Cuts-PrimeTv]

I have only one thing to say: It's Amazing! please, continue the good job

[cerr]

I doubted my knowledge but when i watched this the fact that I understood what you were doing gave me confidence, keep it up🫰🏻

[Jefpesos]

I'm so bad that I'm getting different results even with same codes wth

[zohidjonmarufov_]

Brother, You made me to keep in coding even if i do many fail, and the most impressive side is that you response to each comment, you are the first man bro for me bro, thank you bro so much for your work, i will remember you when i will work as a web developer, teacher!!!!

[tudgaming]

Thank you man for your time. I'm learning by you a lot of things.

[xbeast]

Your Programming Skills Are Incredible 🔥

[Crowmeir]

Can't believe I just learned a lot of shortcuts and some programming practices from someone who doesn't speak at all. Thank you so much!

[erni]

I love your content, it's to useful for newbies programmers. It would be awesome if you would do a course and video-tutorial focussed on one topic each of them. For example, a video about responsivness and everything that should be known as well as some tips and tricks, or also the whole wekbit!
Keep up the good work and thanks for your help

[Ali_Ahmed_Yousuf]

Bro you actually don't know that You are not only make me sleep but makes me a sleeper with the knowledge of Web development lol!!! Its so peaceful here. I want to make a video on MERN as well please!!! you are great. Just subscribed you.

[sairanoyt]

یا خدا باورم نمیشه که یک ایرانی صاحب این چنله ماشلا دمت گرم پسر

[ynrgo]

wow got to know 2 new features
background and glass effect of vs-code
thanks man

[aj.edits]

Bro 😭 the day I'll learn to code like you, I'll conqueror the world 😭 love you teacher 🙏👑😍

[конец]

Bro... You're insane thk u so much. Im learning coding and your videos is helping me.

[daivsonnatanaele]

Thank you very much, show the videos about front end programming, congratulations, 1000 points.

[GulfaamGaming]

Bro ye portfolio bna k bhot acha lga meri knowledge main b bhot azafa hoa hai thank u bro