Responsive Portfolio Website Using HTML CSS And JavaScript

[@jhaeberli]

Amazing work! it was a pleasure to follow you through this tutorial. Keep up the good work!

[@kxppy610]

holy shit dude, sick designs, huge thumbs up from me!

[@DingamadjiPhilippe-fd3yq]

Thanks is excellent work

[@boysandra266]

Awesome, thank you

[@kuncaymuhammad5201]

thank you I really appreciate it

[@freeplayergaming2227]

38:37 cursor: pointer; if you like

[@ttvmerrygfx]

Followed everything on the blur-header, but nothing seems to work for to showcase it.

[@Touka2121]

did you get to fix it yet?

[@ttvmerrygfx]

@@Touka2121 Didn't get it fixed.

[@jakyim4955]

@@ttvmerrygfx still not yet?

[@songohanalengka8751]

Sorry, i try to found a problem in contact form to solve email can't sent. but i not found it, i try in live server and localhost but not still work. and the message sent successfully is not show. do you know what the problem?

[@Bedimcode]

const contactForm = document.getElementById('contact-form'), contactMessage = document.getElementById('contact-message') const sendEmail = (e) => { e.preventDefault() // serviceID - templateID - #form - publicKey emailjs.sendForm('service_8ii265v', 'template_85g6ftk', '#contact-form', 'VQaq6RG_bXgUd7BNm') .then(() => { // Show sent message contactMessage.textContent = 'Message sent successfully ✅' // Remove message after five seconds setTimeout(() => { contactMessage.textContent = '' }, 5000) // Clear input fields contactForm.reset() }, () => { // Show error message contactMessage.textContent = 'Message not sent (service error) ❌' }) } contactForm.addEventListener('submit', sendEmail)

[@WizInWeb]

Great job, you are the best

[@fahadelahikhan]

Sir, after building this, will I be able to host it on GitHub Pages, or will I need a separate hosting service?

[@Bedimcode]

Before staying on any hosting I recommend hosting it on GitHub Pages to see how it works, but it also depends on whether you can acquire any hosting, do it or otherwise stay on GitHub Pages, greetings.

[@celianicolini4153]

Hi I've a little question: I use the live server of visual code to develop my website and when I press "send message" on the contact form it does not send the message, instead it reloads the page, is that normal ?

[@Bedimcode]

It should not reload the page, you must be missing the preventDefault() in the js code. const sendEmail = (e) => { e.preventDefault() }

[@Angel-zr2qm]

Hola me gustan muchos tus vídeos y por lo que veo sale que eres de Perú. Asi mismo, me gustaria ver en tus próximos videos que dejes comentarios en español, saludos desde Perú.

[@ifyouwannawatchCOMEHERE]

¿Podrías traducir en Google como lo hago ahora para decir esto?

[@Introvertart21]

No creo que sea de Peru, pero si tienes razon, aparece como si estuviera alli.

[@Vision7-w]

Bro please where did you get the elements like picture from original template from dibble? Please tell me

[@Bedimcode]

I did this project from scratch, I was not inspired by dribbble, greetings.

[@Vision7-w]

@@Bedimcode bro I mean if you take a project from dibble than how will you download the pictures that are inside the design because dribble doesn't provide the elements like figma please tell me? thankyou

[@oliverp3464]

@@Vision7-w Please be quiet and use that thing in your head

[@MamidalaManojj]

Bro i am from india...how do i get your source codes...i couldn't pay through indian cards in the payment section..please help

[@jair-araujo]

Top

[@Introvertart21]

Thanks a lot, for this videos, I subscribed. Where are you from? Are you really from Peru?

[@Bedimcode]

Hello, thank you for the support, I am from Peru, greetings.

[@snowbell6702]

hello! the video is so easy to understand. thank you for your hardworking. I need help with emailjs no matter how many time I check and rewrite everything the contact form is not working for me. Could you tell me what should I do?

[@alfarabyindra]

nice, can i request how to make load more button for next portfolio responsive tutorial bro

[@mdabu3331]

nicee

[@thonivai]

Thx 😊

[@mr.sniperxgaming2868]

bro make a full fill multi pages website and btw appreciate your work.... heads off

[@Bedimcode]

Portfolio Liz has several pages, greetings.

[@satyamtiwari3839]

Thx man

[@Life.Yeah.2025]

Hi! I want to buy the code source : Can i use it on WordPress or Blogger and edit my infos there?

[@Bedimcode]

Hi, the website is developed with html, css and javascript. But I can't tell you if it works on wordpress or blogger. Regards.

[@siddharthmishra1224]

Hey I am a data scientist and I don't have much knowledge of CSS ,java or HTML . I need a portfolio website ,so where I can find a proper codes for the website

[@Bedimcode]

In my BuyMeACoffee store, you can find more portfolio projects, the links are in the description. Greetings.

[@hwapyongedouard]

how did you implement PayPal buy me coffee, so that when a user pay she/her gets the source code

[@Bedimcode]

Payments are handled by the Buy Me a Coffee platform.

[@MindexBouchlouch]

please the netify web don't work with me , if i sign in by my email ii enter the verification and don't enter

[@Bedimcode]

You have to better verify your email and password, greetings.

[@PonosBabuina]

Hi it looks super clean, so can I just rebuilt that and use it as my own? or what does this copyright thing mean?

[@Bedimcode]

Hello, you can use it without any problem, greetings.

[@nyenyee9766]

hai bedimcode, love your work. just want to ask why when i deploy the web email form didnt work, but when i send it via live server studio code it works. hopping get your respond thank you.

[@Bedimcode]

It should work even if you don't open it with live server, check the code. But if the code is correct and you can send the emails with liver server, there is no problem. You can use netlify to upload your website and check if it can send emails.

[@RajiJohnsonomeiza]

As beautiful and exciting this video is , it would have been better and flawless if you can do the voice over....

[@BetaBeta-x2q]

Why my media quarry isn't work 😭

[@PratyushGautam-kh7nh]

Hi can you please make achievement/awards section where we can show our important certification and awards

[@Bedimcode]

That is why there is a button to download CV, there are the achievements, certifications, etc., but it is a good recommendation, I will keep it in mind, greetings.

[@theonly_ashu]

10:22

[@jemssho2402]

How can we connect to database?

[@aliasgeranees8893]

Learning firebase is very easy and they have built in services such as fire store which you can use

[@jastrebb]

Can you animate hamburger button? From 3 lines to cross

[@Bedimcode]

Surely on KZbin there must be that type of menu, you can see it and integrate it into the portfolio.

[@Sharath_028]

Hello sir if you wouldn't mind can you please share the css code sir please it's my humble request to you. Because I have written css code but in a small device it's getting an error sir. Please kindly help me sir

[@songohanalengka8751]

in media screen you can adjust more bro, open dev tools or dev mode. and you can adjust more in there. with chat gpt it can more easier

[@Bedimcode]

If you still don't solve the error, you can contact me on Facebook (Bedimcode) to help you, greetings.

[@vaibhavsingh3324]

main.js this is no file in your github

[@celianicolini4153]

10$ to acess bro

[@Abdullah-so3kd]

no animations in mine, after following every single thing in this video

[@Sharath_028]

Can you please share the home source code mask image please

[@Bedimcode]

.home__img { width: 220px; justify-self: center; mask-image: linear-gradient(to bottom, hsla(var(--hue), 40%, 16%) 60%, transparent 100%); }

[@Sharath_028]

@@Bedimcode thank you so much

[@EngFaisal101]

Can you give me source code free