Responsive Portfolio Website Using HTML CSS And JavaScript

  Рет қаралды 94,159

Bedimcode

Bedimcode

Күн бұрын

Пікірлер: 68
@jhaeberli
@jhaeberli 3 ай бұрын
Amazing work! it was a pleasure to follow you through this tutorial. Keep up the good work!
@kxppy610
@kxppy610 4 ай бұрын
holy shit dude, sick designs, huge thumbs up from me!
@DingamadjiPhilippe-fd3yq
@DingamadjiPhilippe-fd3yq Ай бұрын
Thanks is excellent work
@boysandra266
@boysandra266 3 ай бұрын
Awesome, thank you
@kuncaymuhammad5201
@kuncaymuhammad5201 3 ай бұрын
thank you I really appreciate it
@freeplayergaming2227
@freeplayergaming2227 Ай бұрын
38:37 cursor: pointer; if you like
@ttvmerrygfx
@ttvmerrygfx 6 ай бұрын
Followed everything on the blur-header, but nothing seems to work for to showcase it.
@Touka2121
@Touka2121 6 ай бұрын
did you get to fix it yet?
@ttvmerrygfx
@ttvmerrygfx 6 ай бұрын
@@Touka2121 Didn't get it fixed.
@jakyim4955
@jakyim4955 5 ай бұрын
@@ttvmerrygfx still not yet?
@songohanalengka8751
@songohanalengka8751 5 ай бұрын
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
@Bedimcode 5 ай бұрын
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
@WizInWeb 7 ай бұрын
Great job, you are the best
@fahadelahikhan
@fahadelahikhan 3 ай бұрын
Sir, after building this, will I be able to host it on GitHub Pages, or will I need a separate hosting service?
@Bedimcode
@Bedimcode 3 ай бұрын
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
@celianicolini4153 6 ай бұрын
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
@Bedimcode 6 ай бұрын
It should not reload the page, you must be missing the preventDefault() in the js code. const sendEmail = (e) => { e.preventDefault() }
@Angel-zr2qm
@Angel-zr2qm 7 ай бұрын
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
@ifyouwannawatchCOMEHERE 7 ай бұрын
¿Podrías traducir en Google como lo hago ahora para decir esto?
@Introvertart21
@Introvertart21 6 ай бұрын
No creo que sea de Peru, pero si tienes razon, aparece como si estuviera alli.
@Vision7-w
@Vision7-w 7 ай бұрын
Bro please where did you get the elements like picture from original template from dibble? Please tell me
@Bedimcode
@Bedimcode 7 ай бұрын
I did this project from scratch, I was not inspired by dribbble, greetings.
@Vision7-w
@Vision7-w 7 ай бұрын
@@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
@oliverp3464 7 ай бұрын
@@Vision7-w Please be quiet and use that thing in your head
@MamidalaManojj
@MamidalaManojj 6 ай бұрын
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
@jair-araujo 7 ай бұрын
Top
@Introvertart21
@Introvertart21 6 ай бұрын
Thanks a lot, for this videos, I subscribed. Where are you from? Are you really from Peru?
@Bedimcode
@Bedimcode 5 ай бұрын
Hello, thank you for the support, I am from Peru, greetings.
@snowbell6702
@snowbell6702 6 ай бұрын
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
@alfarabyindra 7 ай бұрын
nice, can i request how to make load more button for next portfolio responsive tutorial bro
@mdabu3331
@mdabu3331 7 ай бұрын
nicee
@thonivai
@thonivai 7 ай бұрын
Thx 😊
@mr.sniperxgaming2868
@mr.sniperxgaming2868 7 ай бұрын
bro make a full fill multi pages website and btw appreciate your work.... heads off
@Bedimcode
@Bedimcode 7 ай бұрын
Portfolio Liz has several pages, greetings.
@satyamtiwari3839
@satyamtiwari3839 7 ай бұрын
Thx man
@Life.Yeah.2025
@Life.Yeah.2025 3 ай бұрын
Hi! I want to buy the code source : Can i use it on WordPress or Blogger and edit my infos there?
@Bedimcode
@Bedimcode 3 ай бұрын
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
@siddharthmishra1224 3 ай бұрын
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
@Bedimcode 3 ай бұрын
In my BuyMeACoffee store, you can find more portfolio projects, the links are in the description. Greetings.
@hwapyongedouard
@hwapyongedouard 6 ай бұрын
how did you implement PayPal buy me coffee, so that when a user pay she/her gets the source code
@Bedimcode
@Bedimcode 6 ай бұрын
Payments are handled by the Buy Me a Coffee platform.
@MindexBouchlouch
@MindexBouchlouch 4 ай бұрын
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
@Bedimcode 4 ай бұрын
You have to better verify your email and password, greetings.
@PonosBabuina
@PonosBabuina 7 ай бұрын
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
@Bedimcode 7 ай бұрын
Hello, you can use it without any problem, greetings.
@nyenyee9766
@nyenyee9766 6 ай бұрын
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
@Bedimcode 6 ай бұрын
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
@RajiJohnsonomeiza 6 ай бұрын
As beautiful and exciting this video is , it would have been better and flawless if you can do the voice over....
@BetaBeta-x2q
@BetaBeta-x2q 4 күн бұрын
Why my media quarry isn't work 😭
@PratyushGautam-kh7nh
@PratyushGautam-kh7nh 3 ай бұрын
Hi can you please make achievement/awards section where we can show our important certification and awards
@Bedimcode
@Bedimcode 3 ай бұрын
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
@theonly_ashu 7 ай бұрын
10:22
@jemssho2402
@jemssho2402 7 ай бұрын
How can we connect to database?
@aliasgeranees8893
@aliasgeranees8893 7 ай бұрын
Learning firebase is very easy and they have built in services such as fire store which you can use
@jastrebb
@jastrebb 7 ай бұрын
Can you animate hamburger button? From 3 lines to cross
@Bedimcode
@Bedimcode 7 ай бұрын
Surely on KZbin there must be that type of menu, you can see it and integrate it into the portfolio.
@Sharath_028
@Sharath_028 5 ай бұрын
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
@songohanalengka8751 5 ай бұрын
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
@Bedimcode 5 ай бұрын
If you still don't solve the error, you can contact me on Facebook (Bedimcode) to help you, greetings.
@vaibhavsingh3324
@vaibhavsingh3324 6 ай бұрын
main.js this is no file in your github
@celianicolini4153
@celianicolini4153 6 ай бұрын
10$ to acess bro
@Abdullah-so3kd
@Abdullah-so3kd 4 ай бұрын
no animations in mine, after following every single thing in this video
@Sharath_028
@Sharath_028 5 ай бұрын
Can you please share the home source code mask image please
@Bedimcode
@Bedimcode 5 ай бұрын
.home__img { width: 220px; justify-self: center; mask-image: linear-gradient(to bottom, hsla(var(--hue), 40%, 16%) 60%, transparent 100%); }
@Sharath_028
@Sharath_028 5 ай бұрын
@@Bedimcode thank you so much
@EngFaisal101
@EngFaisal101 5 ай бұрын
Can you give me source code free
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 298 М.
黑天使只对C罗有感觉#short #angel #clown
00:39
Super Beauty team
Рет қаралды 36 МЛН
Tuna 🍣 ​⁠@patrickzeinali ​⁠@ChefRush
00:48
albert_cancook
Рет қаралды 148 МЛН
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 145 М.
How to Build a Responsive Website with HTML & CSS
31:43
Project Code with AJ
Рет қаралды 233
100+ Web Development Things you Should Know
13:18
Fireship
Рет қаралды 1,6 МЛН
Website Using HTML and CSS only - Easy Steps ✨
32:49
MrQbikCode
Рет қаралды 43
Create Crazy 3D Image Slider Effects Using CSS Only
14:07
Lun Dev
Рет қаралды 536 М.
How much HTML, CSS and JavaScript is Enough to get a Job 🔥
14:32
CodeWithHarry
Рет қаралды 392 М.
黑天使只对C罗有感觉#short #angel #clown
00:39
Super Beauty team
Рет қаралды 36 МЛН