Build a Complete Responsive Personal Portfolio Website using HTML CSS Javascript

  Рет қаралды 972,247

Codehal

Codehal

Жыл бұрын

Build a Complete Responsive Personal Portfolio Website using HTML CSS and Javascript, Build a Complete Responsive Personal Portfolio Website, Complete Responsive Personal Portfolio Website, Complete Personal Portfolio Website, Responsive Personal Portfolio Website HTML CSS and Javascript
Click For More: / @codehal
Website:
codehalweb.com/
-------------------------------------------------------------------
Get Source Code from here and support me ❤
www.buymeacoffee.com/codehalY...
Get Source Code by PayPal
ko-fi.com/s/80cefa6536
🔔 Subscribe Now!
/ @codehal
Related Videos:
How To Create A Personal Portfolio Website Using HTML and CSS Only | Step By Step Website Tutorial
• How To Create A Person...
Animated Portfolio Website Template in HTML CSS & JS | Personal Website with Text Typing Animation
• Animated Portfolio Web...
How to Make a Website with Text Animation Effects using Only HTML & CSS
• How to Make a Website ...
Responsive Website Landing Page Design HTML CSS and JavaScript
• Responsive Website Lan...
CSS Parallax Scrolling Website | How to Make Website using HTML CSS and Javascript
• CSS Parallax Scrolling...
Download Image & Start Project From Scratch:
drive.google.com/file/d/1JQ_Z...
Assets
Icons: boxicons.com/
Font: fonts.google.com/
Typed JS: github.com/mattboldt/typed.js/
Scroll Reveal: scrollrevealjs.org/
Image Sources:
unsplash.com/
Codehal
-------------------------------------------------------------------
#css #cssanimation #csseffect #codehal
-------------------------------------------------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

Пікірлер: 392
@-elektrostahl_1338
@-elektrostahl_1338 Жыл бұрын
I love that you only use rem and never leave out any semicolon :) There is so much usefull content in this video. It's a pleasure coding with you !!
@islamiclifestyle1114
@islamiclifestyle1114 Жыл бұрын
Its my dream one day i shall work insensibly and successful inshallah
@user-be4vw5eb6w
@user-be4vw5eb6w Жыл бұрын
Never lose your Hope to Allah, and you will reach everything what you want in your life.
@codehal
@codehal Жыл бұрын
💚💚💚
@islamiclifestyle1114
@islamiclifestyle1114 Жыл бұрын
@@user-be4vw5eb6w inshallah, Thanks...
@messiah5592
@messiah5592 Жыл бұрын
Inshallah, One day!
@passionrecord7474
@passionrecord7474 Жыл бұрын
Lord rama may make all your wishes come true 😊
@bailaguisse3143
@bailaguisse3143 Жыл бұрын
I don't have the words to thank you. Thank you 1000 times Teacher. From Senegal Africa.
@oaddou83
@oaddou83 Жыл бұрын
Nice work! I learned a lot from this about HTML, CSS and JS. Keep up the good work!
@brajeshkumar2499
@brajeshkumar2499 8 ай бұрын
I tried many of KZbin videos for it but now I can truly say that this one is very simple, clear, and in a proper way to make the req portfolio for yourself. Just try it once. && Thank you very much for this valuable content. 😘👍
@CodeWithSubhajit
@CodeWithSubhajit Жыл бұрын
One of the perfect portfolio website till now. Thanks I have watched and understood each line ❤ from Kolkata, India
@codehal
@codehal Жыл бұрын
My pleasure brother! 💚
@ajayjadhav9133
@ajayjadhav9133 Жыл бұрын
@@25kailaspinjari5 😊
@__Koustav__
@__Koustav__ 10 ай бұрын
i also from Kolkata bro
@CodeWithSubhajit
@CodeWithSubhajit 10 ай бұрын
@@__Koustav__ That's great. Bengal people are everywhere 😊
@__Koustav__
@__Koustav__ 10 ай бұрын
Ha, bhai 😅😅😅😅@@CodeWithSubhajit
@mdghulamrabbani8774
@mdghulamrabbani8774 11 ай бұрын
Awesome job! This is one of the most impressive websites and tutorials for personal portfolios. Thanks 💯
@SufiyanKhan-mt9dm
@SufiyanKhan-mt9dm Жыл бұрын
Really amazing project sir 🙌🏻 We want more videos like this tutorial
@codehal
@codehal Жыл бұрын
Thanks for your support bro 💚
@user-ky4bp9et9c
@user-ky4bp9et9c Жыл бұрын
One of the best tutorial to learn and amazing explanation . Thanks a lot.
@husnainmazhar3718
@husnainmazhar3718 Жыл бұрын
One of the best portfolio website and tutorial, I had ever seen in my life. Take a bow Man
@guillermovazquezdelara7623
@guillermovazquezdelara7623 20 күн бұрын
Hello There!!.... I just finished this beatiful tutorial. It shows that there is a graphic designer with grate taste, behind this great web developer, Many Thanks!!!
@esasrl3384
@esasrl3384 Жыл бұрын
Truly an excellent tutorial and website! Great work and very kind of you to share it with us! Are you able to do a video for the contact form using php for a hosted website (no Gmail, no PHPMailer)? That would be great if you can. Thank you. Greetings from Italy 🇮🇹
@CodexMO
@CodexMO Жыл бұрын
Very good project, thanks for sharing.
@samrusselcanillo127
@samrusselcanillo127 5 ай бұрын
I really like this thankyou so muchhh. I'm a student making a website without teaching in my school. Hays thankyou so much❤
@templatesjungle
@templatesjungle Жыл бұрын
Wow, great designed template. 😍
@user-qb6es6kv3o
@user-qb6es6kv3o Жыл бұрын
this is the best video of portfolio design, respect MAN 😎😎
@atulyadav993
@atulyadav993 Жыл бұрын
Your portfolio website are amazing and very very thank you for this video
@d3.finance
@d3.finance 3 ай бұрын
These designs are so badass. Thank you for the video Codehal. Learned so much. Running through this a few times at least.
@SchastyeZ
@SchastyeZ Жыл бұрын
omg this project was exciting! I learned so much using css and js))) What an amazing audio less tutorial! Your skills are top!:)) Thank You!
@IllIIIIIIllll
@IllIIIIIIllll Жыл бұрын
did you built one?
@SchastyeZ
@SchastyeZ Жыл бұрын
@@IllIIIIIIllll yes i followed the video and built a portfolio
@onethmeraj3893
@onethmeraj3893 10 ай бұрын
Thank you Very Much sir Giving These Kind of tutorials for Us Free Thank you Sir Please do more and God bless you Sir..!❤
@user-fb2hv9ks2z
@user-fb2hv9ks2z Жыл бұрын
This portfolio is so good and simple indeed... liked the box icons so easy to use👍
@GamingWith07728
@GamingWith07728 Ай бұрын
If you have source code of that please send me because I am not able to purchase that code
@lilianamilano3707
@lilianamilano3707 Жыл бұрын
Awesome, thanks! I did my sister's architecture portfolio with this design in a neutral palette. It looks amazing. You are a master! 🤍
@black_bird_guitar7505
@black_bird_guitar7505 Жыл бұрын
Bro, it's your best video😀 Make more for your youtube channel👏
@__Koustav__
@__Koustav__ 10 ай бұрын
You had made awesome portfolio websites I had ever seen bro Just love it 😍😍😍😍😍🤩🤩🤩
@Techvirologist
@Techvirologist Жыл бұрын
Superb UI ❤, Loved it
@user-nf2hs8bw4e
@user-nf2hs8bw4e 11 ай бұрын
One of the best portfolio website tutorial. Thanks
@asmfiroz6557
@asmfiroz6557 5 ай бұрын
I love your coding. There is so much usefull content in this video. It's a pleasure coding with you !!
@anadreynahztyes960
@anadreynahztyes960 Жыл бұрын
Awesome job! Thanks for the video ❤
@adeoluwa_adeoye
@adeoluwa_adeoye Жыл бұрын
Superb. Nice work ❤
@adityarajvermaa
@adityarajvermaa Жыл бұрын
A perfect one...i understood everything..one of the best projects out there ....i usually dont comment...but this was worthy of it ...tnx ❤
@codehal
@codehal Жыл бұрын
Awesome, glad to help 💚
@user-dd4yc7bk6g
@user-dd4yc7bk6g 7 ай бұрын
@@codehal pls tell me about how to edit home profile picture used in portfolio??how to give background effects??
@hw7727
@hw7727 9 ай бұрын
Excellent Tutorial. I really appreciated that you could walk us step by step without having to say a word, just by pointing and highlighting. I learned a lot. I will be revising my approach to upcoming projects. Impressive. Thank you!
@GamingWith07728
@GamingWith07728 Ай бұрын
If you have source code of that please send me because I am not able to purchase that code
@danielsolano6997
@danielsolano6997 4 ай бұрын
Very good, I have learned more than at the university, thank you
@mb-techmedia8494
@mb-techmedia8494 11 ай бұрын
Wow, one of the best. Thank you for sharing your ideas
@moonsun3658
@moonsun3658 10 ай бұрын
Amazing work , thank you Codehal ⭐⭐⭐⭐⭐
@akib_zaved7169
@akib_zaved7169 Жыл бұрын
Awesome Project bro Thank you
@abdulshaikh5952
@abdulshaikh5952 7 ай бұрын
Perfect and very cool portfolio thank you for tutorial
@yogeshchaudhary1201
@yogeshchaudhary1201 Жыл бұрын
Fantastic project brother ❤️ Keep growing up ✨
@codehal
@codehal Жыл бұрын
Hi Yogesh, thanks a lot
@shreyaakaranjkar8459
@shreyaakaranjkar8459 9 ай бұрын
MOST Amazing Tutorial, I am so so happy, thanks so much..
@clairemartin1925
@clairemartin1925 10 ай бұрын
Thank you very much for this tutorial, I learned a lot !
@igorthelight
@igorthelight 7 ай бұрын
Very helpful video! I would give it 9/10! It would be 10/10 if "Download SV" and "Send Message" buttons would actually work ;-) That way, site would be 100% functional
@shivakesava1298
@shivakesava1298 Жыл бұрын
tq bro 😁😁😃👏👏👏 compare to audio the audio less is much better😁😁
@imAlexisdzn
@imAlexisdzn Жыл бұрын
Great tutorial! Thanks for sharing this.
@Rob-mg6jp
@Rob-mg6jp Жыл бұрын
Absolutely awesome portfolio. I have just graduated from a Web development bootcamp and need to create a portfolio. May I ask permission to use your code as a template for me to use?
@Haileyesus274
@Haileyesus274 Ай бұрын
I don't have the words to thank you.
@ndifrekeudofia5869
@ndifrekeudofia5869 Жыл бұрын
wow!!! great job Codehal. you were detailed and very direct. i love the video.
@hiimifranco2840
@hiimifranco2840 Жыл бұрын
For anyone who wants this part: responsive menu bar and etc min 52:20
@thecryptocap7097
@thecryptocap7097 9 ай бұрын
Yes
@sohamprajapati7669
@sohamprajapati7669 8 ай бұрын
how that three lines are added? please bro solve this problem.
@coolcodeofficial
@coolcodeofficial Жыл бұрын
ok, you convinced me, I'll start working in this, wish me luck!
@tarifulislam775
@tarifulislam775 Жыл бұрын
we want more video like this lovely project. hope you will give more video in future..take love from Heart brother❤️❤️❤️🥰🥰🥰
@codehal
@codehal Жыл бұрын
Hi bro.. Yaaps, thanks for your support💚
@yasserfoutia5550
@yasserfoutia5550 7 ай бұрын
​@@codehal How can I link the page to Facebook and WhatsApp?
@oprearazvan72
@oprearazvan72 Жыл бұрын
wow in need to learn to do this type of portofolio amazing UI
@franklinventura-pb3qs
@franklinventura-pb3qs 8 ай бұрын
🤩hermoso portafolio😍...gracias.👏👏
@return0212
@return0212 Жыл бұрын
😊😊😊good my friend thanks for you
@magellanicclouds9879
@magellanicclouds9879 4 ай бұрын
Thankyou Verymuch... It helped to build a portfolio very fast.
@faithcouture9497
@faithcouture9497 Жыл бұрын
Thank you very much for this video, I just created my portfolio
@indianarmy-mo1vz
@indianarmy-mo1vz Жыл бұрын
good
@rizalramadhan7190
@rizalramadhan7190 6 ай бұрын
Thankyou for share your knowledge your amazing 🎉
@azzel4563
@azzel4563 7 ай бұрын
46:40 mulai masuk js 50:30 masuk ke css 1:09:44 buat animasi gambar di Home 1:10:37 buat multiple text (just ignore this comment, this is my personal timestamp, hehe😅)
@tanzeelkhan2402
@tanzeelkhan2402 Жыл бұрын
This video deserve million of views❤ Amazing portfolio work literally i felt too good after making it on my web index😊
@codehal
@codehal Жыл бұрын
Thank you so much, that's very kind of you..💚
@tanzeelkhan2402
@tanzeelkhan2402 Жыл бұрын
@@codehal That's all pleasure goes to You Sir😍
@alizafeer2325
@alizafeer2325 Жыл бұрын
Awesome project bro.
@edwardcaceres8164
@edwardcaceres8164 10 ай бұрын
It is admirable the work you do and especially the fact of sharing your knowledge. Thank you very much Codehal. Greetings from Peru.
@GamingWith07728
@GamingWith07728 Ай бұрын
If you have source code of that please send me because I am not able to purchase that code
@AinooJoseph
@AinooJoseph Жыл бұрын
Nice portfolio Keep it up
@purnenduachary
@purnenduachary 11 ай бұрын
Thank you, it helped me in creating mine👍🏻
@editorHumanRights
@editorHumanRights Жыл бұрын
Pretty awesome portfolio design. Though I liked the music a lot, a bit of explanation of important points may have been useful. Thanks a lot for sharing.
@DJReeRee
@DJReeRee Жыл бұрын
There is no need for him to explain. If you did this project correctly and downloaded all source code, you should be able to follow along. Further more, explaining andtalking through the video makes it confusing. This is a learning project you can google what you dont understand, That is most helpful.
@amtech3901
@amtech3901 11 ай бұрын
Easy but creative 🔥🔥🔥🔥
@Alex-bc3xe
@Alex-bc3xe Жыл бұрын
Nice one
@d.h.a3244
@d.h.a3244 Жыл бұрын
Thanks for sharing this is absolutely amezing Deserve to subscribe 🎉
@codehal
@codehal Жыл бұрын
Thank you so much .. 💚
@jasperguerrero2205
@jasperguerrero2205 Ай бұрын
Awsome Tutorial
@ayodejiakinola4505
@ayodejiakinola4505 Жыл бұрын
kudos brother..this is amazing..
@codehal
@codehal Жыл бұрын
Merci 💚
@RajuanOfficial
@RajuanOfficial Жыл бұрын
Awesome project. 💝
@codehal
@codehal Жыл бұрын
Thank you
@deilsonaraujo4922
@deilsonaraujo4922 Ай бұрын
obrigado ao canal codehal pelo conteudo, sou estudante de analise e Desenvolvimento de sistemas moro no Brasil , passei uma semana para redigitar o codigo mais consegui com sucesso no final aprendi muitas coisas novas na programação web com este video, quero ser um futuro desenvolvedor web . Gratidão
@Daniel-Perdomo
@Daniel-Perdomo Жыл бұрын
Excelente video justo lo que necesitaba
@Yeii_Gonsalez
@Yeii_Gonsalez Жыл бұрын
Me dejas ver tu resultado
@jasurbekramazonov1638
@jasurbekramazonov1638 Жыл бұрын
Fantastic💣💣💣
@dhanvanthreddyyerramreddy5457
@dhanvanthreddyyerramreddy5457 Жыл бұрын
Hatsoff...This is the best....
@dhanvanthreddyyerramreddy5457
@dhanvanthreddyyerramreddy5457 Жыл бұрын
Where did you do that photo editing part
@DanielMartinez-dl9pd
@DanielMartinez-dl9pd Жыл бұрын
awesome tutorial!!!! you're te best!!!
@codehal
@codehal Жыл бұрын
Hi Daniel, thanks a lot ..
@corazon.2524
@corazon.2524 11 ай бұрын
I love it so keep doing it. From Laos
@prodbybarn
@prodbybarn 11 ай бұрын
Awesome content
@israelmontenegro8792
@israelmontenegro8792 5 ай бұрын
thanks sir. Flawless tutorial
@chauhankaran5867
@chauhankaran5867 11 ай бұрын
Thanks you so much for givinng amazing web site
@LoveCintaAmour
@LoveCintaAmour 3 ай бұрын
Thanks for your bright course bro
@atikadewi1118
@atikadewi1118 Жыл бұрын
You're amazing brother, I like it..
@codehal
@codehal Жыл бұрын
Cheers!
@yashwanthchary6167
@yashwanthchary6167 3 ай бұрын
Thanks a lot bro it helped me...❤❤❤
@rejuanulislam5026
@rejuanulislam5026 7 ай бұрын
I really loved this portfolio website tutorials. Thank you for making this. I have an questions. Can you kindly suggest some sites, like from where did you edit those portfolio pictures? Thanks
@Josselfx
@Josselfx Жыл бұрын
thats very good bro! thanks for do this proyect complet, i need this, thanks you ! :)
@codehal
@codehal Жыл бұрын
Glad you like it. Keep supporting.
@thomasjefferson2357
@thomasjefferson2357 Жыл бұрын
Perfect web site very good the combination of colors and details. if you were asked to make an exclusive for a company, what value would it be?
@heffe-gq6sv
@heffe-gq6sv 11 ай бұрын
Beautiful. merci!!!
@tarifulislam775
@tarifulislam775 Жыл бұрын
love you brother❤️❤️❤️
@M_Zubair5017
@M_Zubair5017 10 ай бұрын
Very good work..apriciated.
@sandunjayasekara131
@sandunjayasekara131 7 ай бұрын
nice work bro , thanks ❤❤
@prashantanayak6061
@prashantanayak6061 Жыл бұрын
Really..it's awesome 👌
@codehal
@codehal Жыл бұрын
Thank you!
@user-mh9wj9ve3b
@user-mh9wj9ve3b Жыл бұрын
Thank you Sir ❤️
@garuuntech
@garuuntech Жыл бұрын
Very cool
@RamJi-mc6pu
@RamJi-mc6pu 5 ай бұрын
Thank You Brother 🥰
@darkcobra5096
@darkcobra5096 Жыл бұрын
amazing sir🔥 this is great video i found want more video
@codehal
@codehal Жыл бұрын
Keep support 💚
@biologyfacts2760
@biologyfacts2760 6 ай бұрын
Thanks Brother really awesome
@joseguillermomartinezmunoz3506
@joseguillermomartinezmunoz3506 Жыл бұрын
Que genial video, 😁 prontamente lo dejaré a mi manera y con mis colores favoritos, tuve problemas con la transición de los nombres en la página principal pero use otra técnica y resultó, exelente trabajo!!.
@kevinpizarro3
@kevinpizarro3 Жыл бұрын
Hola bro, consulta como solucionaste el tema del menu responsivo? a mi no me permitio hacerlo, el boton no funciona :/
@janp-c
@janp-c 11 ай бұрын
@@kevinpizarro3 Estoy en las mismas.
@kevinpizarro3
@kevinpizarro3 11 ай бұрын
@@janp-c Despues de analizar el codigo tiene un par de problemas en esa parte. Ya pude solucionarlo :D
@user-sh2bq2bt8g
@user-sh2bq2bt8g 11 ай бұрын
Multiple_Text Animation is Amazing .
@jefersonoliveira855
@jefersonoliveira855 Жыл бұрын
Obrigado por compartilhar seus conhecimentos, me ajudou muito!
@NewApproachEducation
@NewApproachEducation Жыл бұрын
GREAT REALLY LOVE
@magicday5286
@magicday5286 9 ай бұрын
thanks you very much!🤩
@ness2450
@ness2450 Жыл бұрын
mashaAllah thank you brother !
@mdraselhossain4856
@mdraselhossain4856 Жыл бұрын
amazing
@user-nw8ih7qn4x
@user-nw8ih7qn4x 7 ай бұрын
Great!!🙊❤️ Keep going ❤️❤️❤️❤️✨
Тяжелые будни жены
00:46
К-Media
Рет қаралды 5 МЛН
ELE QUEBROU A TAÇA DE FUTEBOL
00:45
Matheus Kriwat
Рет қаралды 20 МЛН
How many pencils can hold me up?
00:40
A4
Рет қаралды 18 МЛН
Css Animation Effects Tutorial  | HTML | CSS
0:53
Code Styling
Рет қаралды 637 М.
Personal Portfolio Website using HTML & CSS
26:32
Codehal
Рет қаралды 932 М.
Beginning Flutter - Intermediate - Using Common Widgets
4:44
JediPixels
Рет қаралды 69 М.
we were 1 game away from 13,000 ranked points... | Road to #1 Global
30:02
Drage - Brawl Stars
Рет қаралды 25 М.
Timeline Design using HTML & CSS
13:48
Codehal
Рет қаралды 7 М.
7 Portfolio Websites That Will Make You Jealous
10:07
Andres The Designer
Рет қаралды 738 М.
NEW GOBLIN EVOLUTION! FIRST GAMEPLAY - Clash Royale
17:39
Surgical Goblin [ENG]
Рет қаралды 32 М.
personal portfolio webpage || Html+Css+Js🥰🥰
0:32
Maansa Goyal
Рет қаралды 110
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,4 МЛН