Hello... This is amazing! Honestly this is one of the best web design tutorials I've ever seen. Really thank you very much friend, it is helping me a lot because at the moment I am working as a Freelancer and it will also help me for my professional career. God bless you bro, I will see your other videos with high quality projects. A hug bro! . Now you have one more subscriber.

This is just too good, you made me love front end. Thank you so much.

thank you very much, i watched and do follow in two weeks to complete this tutorial.

I am not finding any words How do I explain my happiness! it's a great great tutorial. Thank you so much.

wow!!! Sir Amazing Portfolio website...i like it

It looks awesome! Brilliant!

This is cool bro! Finally done.... love it.

This makes me more crazy towards front-end 🔥🔥too good website 😯

5 Stars and Many Thumbs up this was very intuitive. I built a similar portfolio and understood how I can customize it. Thanks many much

@swapniludapure5926

2 жыл бұрын

bro plzz give me source code

@joshcastillo7905

Жыл бұрын

​@@swapniludapure5926 bro can u send me to?

Amazing what a gift you made for us and what I could learn from your video tutorial°° Thank you so much Cryptical Coder^^

I really like this, thank you so much, you give me some motivation to be web developer

Love it bro! Those theme effects are amazing 👌

@CrypticalCoder

2 жыл бұрын

Thanks

@parth.choudhary

2 жыл бұрын

@@CrypticalCoder That was a wonderful tutorial. Thanks for this video But, I think you forgot to include js for form in contact page If possible then pls provide that part also

I want to use this medium to thank you, your videos have been helpful. Please, create video on courier full video using html, css JavaScript etc. Thank you very much

Thank you for this ! You must save more than one dev back end haha

Incredible skills. great Job, keep making solid and real world projects like this.

Have a bug with $(window).scroll to hidden switcher-toggler after setting the section "position: fixed", you can take a look for it again. But it's still a good topic and a good tutorial!! Thank you so much

@kouzokiodin3623

Жыл бұрын

you can change scroll to mousewheel

@4rzky536

Жыл бұрын

@@kouzokiodin3623 thank u bro, it fixed 😁

@kevinmonsalve1187

11 ай бұрын

What did you do to fix it?

@user-fb2og5kh1f

5 ай бұрын

Bro How you fix that error

@user-fb2og5kh1f

5 ай бұрын

Please can anyone reply how to fix that error

Hey, thank you so much for such an informative, interesting video. Personal promotions to you.

thanks for video, snagat membantuu😍😍😍😍😍😍😍😍

Thank you soo much. I am done with this finally with no errors

@user-rn8ed7vx5r

23 күн бұрын

Hii

Awesome video 👌👌👌👌

Helpful video love from india

Boht awla yar..dono parts daikh k portfolio website bn gyi...first personal portfolio website boht shhukriya aisy tutorials ka 3 days lagy bnaaty huay aur is website k base py jobs k liya apply krna 😄

@iqra9360

4 ай бұрын

is ki js ha ap k pass?

thank you very much .

Thank you bro

Thank you sir...btw you missed hiding switcher on scroll cuz u set position fixed .....i found a solution: i changed the scroll event to mousewheel event Great Design sir

@Kobayashi0034

11 ай бұрын

Tell me the solution i didn't understand bro

Thank you ,You are Men

awesome

hi sir its me again haha ....thankyou so much finally im done with this one.....il try to practice your other tutorials....its really a big help....

Thanks

nice

thanks for this...[solution to style switcher hide on scrolling]. window scrolling event is not working at the end. I replaced window with .section class and it is working.

i have some issue from toggler switcher, when i click dark mode, the background still white, how to fix it

mene a project complete kiya ....lekin ak problem h .. ham kya karne ja rahe h a pata nahi hota h to samaj ne mai dikat hoga ... so isiliye audio jaruri h fit bhi complete kiya project bohat aacha tha bohat niya concept sikne ko mila

Hi, Could you please help me? I want a solution, I completed your whole portfolio website but I'm facing some problems with your website which is always shown as the mobile version. If I wanted to scroll I can't. It's good for the mobile version, if anyone wanted to see it on a PC or Laptop they can't scroll it, they have to see this section by section as we have shown this on mobile. Please give me a proper solution & I'm waiting for your awesome feedback... There is another problem I'm facing when we scroll down then the aside menu also scrolls downwards. It's not fixed as the menubar...

hello bro plz help me when I delete main-content and add 270 px in section my responsiveness is not after 500px

I am facing 2 problems please help me out 1-> nav-toolbar is not showing in full screen mode (aside bar already being opened when I open this in full screen mode. 2->Dark mode is enabled 1st by just opening the website. I want to to do mode by click on dark mode.

That was a wonderful tutorial. Thanks for this video But, I think you forgot to include js for form in contact page If possible then pls provide that part also

@tulasiyadav283

2 жыл бұрын

i think that i'm making mistake that hire me doesn't land in contact page. have you done it no bro ?

@parth.choudhary

2 жыл бұрын

@@tulasiyadav283 Yup bro

@technocadd

Жыл бұрын

@@tulasiyadav283 Yes bro, you need to remove hire me button from the home section. Then it will definitely work.

Bro I'm click, about, service,portfolio, contact, section but skin color not active please tell me the problem

@sasmitadas8241

Жыл бұрын

Have you got the solution???

awesome thank you so much! i have completed to this portfolio. within 3 days now i'm fresher but easily understandable every line for also others. again thank you Bro!

@Romanticlovekdrama

Жыл бұрын

Show section ka ilaj btao error a rha hai

Hi, excelent work! one question: the default page is contact. Can go to home, but default when i enter, is contact. Why? ty

Great code. I learned a lot from this tutorial. I am facing some issue while showing the nav-toggle bar. If you can make me understand how that part works? I coded all the same way but when I click on toggle bar, I am not able to see the options

@wisdarmawan

Жыл бұрын

Same as me, did u solved it?

Hello, I bought your code, but the form does not work for me. how can i make it work?

Hello! How to add a footer section or social links sections?

21:25 I can't fix the animation. I want a solution.

my webpage is done. but right now i have getting one bug. when i scrolling my open class not removing

I can't find any images... could you help me with that please?

Hello bro this is an amazing template,but at the time of placing a slideshow if I will add an attribute position to fixed then all sections shown on each other

Man.. I've spent 3 weeks on my porfolio and it looks like a 5 year old did it compared to this... my imposter syndrome is at a strong 12/10 right now lmao!

hello sir i can't get that slider icon on my screen 31.34 how to fix

hello sir, just a question. My aside part/navigation tab is not being covered by the dark mode. It is the only part not being covered by the dark mode and it remains white. The texts(home,about,services,etc) and the logo are also gone whenever dark mode is being activated. It will go back eventually when the dark mode is off. Any idea how to fix this?

@tanujathakar624

Жыл бұрын

hey, I'm also facing this problem.

On 50:14 you can see contacts page before home page animation completes even if you were not in contacts page previously. How do you fix that? Is there a way to complete skip the first onload animation?

@kapilbhatia1012

Жыл бұрын

same issue

@henriux22

Жыл бұрын

@kapilbhatia3738 eeh, I remember I fixed it, can't remember what I did tho, once I get back from work I'll try to look at it if u want

@datnguyenquy2386

5 ай бұрын

@@henriux22 help meeee

@henriux22

5 ай бұрын

@@datnguyenquy2386 If I remember correctly the OP missed something with javascript, you have to write some extra code to fix the issue

@shaikhmuhammadshafeen3455

Ай бұрын

Just add "section.home{z-index:1;}" in your css file and remove "active" class from section.home from your html file.

Muuuuito Foda !!!

Sir help me .aside bar is not showing at pc laptop resolution at left side as attached to home-page as shown in ur previous video, all other everything is fine!!

@CrypticalCoder

2 жыл бұрын

Share your files with me

@knowledgeisthesuccesspath739

2 жыл бұрын

@@CrypticalCoder thnk u so much for your response , my problem is solved just recently !!!!! Once again thnk u so much ♥️♥️♥️ always ur big fan for ur awesome designs

Hello guys I've get a problem There is no scrolling in pages He is only take height 100vh what ever the page height is Any solutions please?

in this line , document.querySelector("#" + target).classList.add("active") i got error why??? Failed to execute 'querySelector' on 'Document': '#' is not a valid selector.

@kevinmonsalve1187

11 ай бұрын

I have the same problem and I really don't know how to solve it

function showSection(element){ const target = element.getAttribute("href").split(("#")[1]); document.querySelector("#" + target).classList.add("active") } no other section is showing how to fix this

@Romanticlovekdrama

Жыл бұрын

Solution mila bro

@Romanticlovekdrama

Жыл бұрын

Use section.active in style file

i like this but want in react

32:12 In this section I can't get same result. Toggler and all section not adjust. Bro please help me.

@wisdarmawan

Жыл бұрын

Same as me, did u find a way to solved it?

can we see our Projects in Portfolio ?

Hi friends, I could not find the link for the source code of this fantastic application. Someone, please send it in reply to this.

I'm Mexican I hope you understand me I have problem with to hide the style-switcher when scrolling if I remove the fixed property works but the design breaks down as I can solve it. Thanks a lot

@algertitajeanbajo7478

Жыл бұрын

Look into the style-switcher.js file and change window.addEventListener("scroll" into window.addEventListener("mousewheel"

Hi, excellent work! one question: the default page is contact. Can go home, but the default is when I enter in contact. Why?

@CrypticalCoder

Жыл бұрын

You did some mistake, any error in console?

@maggieli4116

Жыл бұрын

@@CrypticalCoder no

@Romanticlovekdrama

Жыл бұрын

Apko mila solution

@user-rn8ed7vx5r

23 күн бұрын

Same problem brother

@user-rn8ed7vx5r

23 күн бұрын

​@@CrypticalCoderplease provide atleast js file brother

I am facing a problem in the contact section

💓💓💓💓💓💓💓

Very amazing and helpful but one question how can i make my image like your

@CrypticalCoder

Жыл бұрын

i got this image from internet

@CrypticalCoder

Жыл бұрын

But these side lines are made using css

Nowhere in the html code you have mentioned .open class but its working because of JavaScript?

@CrypticalCoder

2 жыл бұрын

Yes

my nav-toggler is not working I'm not able to close/open my sidebar what to do?

@CrypticalCoder

2 жыл бұрын

don't give space between .sidebar.open class

Hey, little problem when you go to the page you see the contact in first before the home arrived, any idee to repair this?

@CrypticalCoder

2 жыл бұрын

You did some mistake, check your code again, if you still get problem than contact me

@AlexanderTVEducation

2 жыл бұрын

@@CrypticalCoder I don't think that is a code mistake, I get that problem too, and you did too if you check on 50:16 when you refresh the page the contact page shows first, that happens when you visit the page for the first time too. Any idea how to fix it? Other than that the website looks amazing.

@AlexanderTVEducation

2 жыл бұрын

Hey I found a solution, paste these two lines after the end of the contact section : . It is as if we added two more sections, so when the code loads it will just load two empty pages before the main section. One also works but sometimes when the page loads slowly it shows the contact page still, so I figured two would be better. I hope this helps.

@shaikhmuhammadshafeen3455

Ай бұрын

Just add "section.home{z-index:1;}" in your css file and remove "active" class from section.home from your html file.

Can you share source code

Bro please help this to this situation

can you provide the full code of script.js??

It includes mail id's also work

@CrypticalCoder

2 жыл бұрын

No

Hello. I:m korean thank you for uploading this video but. 17:57 function showSection(element) { const target = element.getAttribute("href").split("#")[1]; document.querySelector("#" + target).classList.add("active") } result: error code; error reason : Uncaught TypeError: Cannot read properties of null (reading 'classList') What should I do?

@Ahmadjon02

Жыл бұрын

hello!! did you watch part-1?

@kevinmonsalve1187

11 ай бұрын

I have the same problem and I really don't know how to solve it

plz i want template

Best portfolio website I have ever seen. Respect boss. Take love...🖤🧑‍💻🛸🥷🖤

where can i find the source code?

Can not scroll the window

I spent 2 days to complete it but finally I'm getting errors i don't know y please anyone help me to solve it. Problem is script.js Typed is not defined and web page not scrolling it shows only contact page not other content

@CrypticalCoder

2 жыл бұрын

I think you didn't declared typing class for text animation in html

Hi, thanks for the tutorial, it's great! I've a problem: when I'm in contact section I can't back to other section. Can you help me? I

@CrypticalCoder

2 жыл бұрын

Yes, check the code again, if you still have a problem than contact me

@arifpatel4528

2 жыл бұрын

@@CrypticalCoder I've same problem

@CrypticalCoder

2 жыл бұрын

@@arifpatel4528 yes, what's your issue

@programming-with-suraj

Жыл бұрын

@@CrypticalCoder bro give me js part sorce code

@shavezkhan9995

Жыл бұрын

im also facing same issue not able to open other section

I have a confusion that Is this a active contact section or just a Design? Becuase i dont seen all the vedio so kindly tell me ....!

@CrypticalCoder

2 жыл бұрын

a complete website, this is second part, first part link is in description

bro I'm not getting style-switcher toggler. Can you help me bro

@joshua1680

2 жыл бұрын

please bro

@CrypticalCoder

2 жыл бұрын

@@joshua1680 don't give space in .style-switcher.open, if you still get problem contact me on Instagram i am as CrypticalCoder

The JavaScript file is not running, there is no with JavaScript file

@CrypticalCoder

Жыл бұрын

You mean JavaScript is not running in your browser?

Where to download images used in this

@CrypticalCoder

Жыл бұрын

drive.google.com/file/d/1KbQexYchydwLbQmTt6jX8foR11nPVrxY/view

Can you give me the css file. Please 😔 Itne mehnat sy Bnaye or delete hogye Dobara Kon bnayega

hola cree que pueda compartir las imagenes por favor, excelente contenido

please give the js files at least please please

where is the source code bhayya,pls keep on the "SOURCE CODE"

is portfolio ki j.s ho gi kesi k pass plz help kar dn ya send kar dn?

@CrypticalCoder

4 ай бұрын

Contact on Instagram

My typed.js do not work

@CrypticalCoder

2 жыл бұрын

what's error

@md.sabbirahmed4131

2 жыл бұрын

@@CrypticalCoder Only type the Web Designer... Then type the default

@CrypticalCoder

2 жыл бұрын

@Md Neyaz Mahmud snd your files on my email codercryptical@gmail.com in a zip folder

@CrypticalCoder

2 жыл бұрын

@Md Neyaz Mahmud have you included these files to your main file index.html?

@CrypticalCoder

2 жыл бұрын

@Md Neyaz Mahmud ok

Bro plz give me source code

@CrypticalCoder

2 жыл бұрын

Link is in description

@wisdarmawan

Жыл бұрын

​@@CrypticalCoder I've some issue, can I contact you to see my file?

can you sell me this project?

@CrypticalCoder

Жыл бұрын

You can buy a source code, link is in description

I have two scrolls, helppppppppppp

@CrypticalCoder

Жыл бұрын

Getting scrollbar horizontally or vertically

@barbaracassiram1286

Жыл бұрын

@@CrypticalCoder two vertically

@CrypticalCoder

Жыл бұрын

@@barbaracassiram1286 I think you have given height to something and also applied overflow property that's why vertically scrollbar is coming

@barbaracassiram1286

Жыл бұрын

@@CrypticalCoder I have in style.css this ".section { background: var(--bg-black-900); height: 100vh; display: block; padding: 0 30px; opacity: 1; position: fixed; left: 270px; top: 0; right: 0; bottom: 0; z-index: 0; overflow-y: auto; overflow-x: hidden; transition: all 0.3 ease; }" which is how you did it.

@CrypticalCoder

Жыл бұрын

@@barbaracassiram1286 give min-height instead of height, scrollbar will be removed automatically

haw to downlod acode