Responsive Personal Portfolio Website using HTML CSS & Javascript

No video

Responsive Personal Portfolio Website using HTML CSS & Javascript

Рет қаралды 811,320

Жыл бұрын

Responsive Personal Portfolio Website using HTML CSS and Javascript, Responsive Personal Portfolio Website HTML CSS and Javascript, Responsive Personal Portfolio Website, Responsive Portfolio Website HTML CSS Javascript, Responsive Portfolio Website HTML CSS
Click For More: / @codehal
Website:
codehalweb.com/
-------------------------------------------------------------------
Get Source Code from here and support me ❤
www.buymeacoff...
Get Source Code by PayPal
ko-fi.com/s/24...
🔔 Subscribe Now!
/ @codehal
Related Videos:
1. Build a Complete Responsive Personal Portfolio Website using HTML CSS Javascript
• Build a Complete Respo...
2. Build a Complete Responsive Personal Portfolio Website using HTML CSS Javascript | Dark/Light Mode
• Build a Complete Respo...
3. How To Create A Personal Portfolio Website Using HTML and CSS Only | Step By Step Website Tutorial
• How To Create A Person...
4. Animated Portfolio Website Template in HTML CSS & JS | Personal Website with Text Typing Animation
• Animated Portfolio Web...
5. Animated Portfolio Website Template in HTML CSS and JS | Personal Website with Dark Light Mode
• Animated Portfolio Web...
6. Personal Portfolio Website using HTML & CSS
• Personal Portfolio Web...
Download Image & Start Project From Scratch:
drive.google.c...
Icons:
boxicons.com/
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.

Пікірлер: 304

@mayhrem Жыл бұрын

Amazing work! I really love your coding style and how you separate everything. The responsive website works amazing.

@ritikkumarsah7034 8 ай бұрын

Social media icon not showing now after 4 month later how can i fix it .please tell

@Ashok_Choudhary777 3 ай бұрын

**** USEFUL TIMESTAMPS *** 1. Sticky Header - 1:06:26 2. Navbar Active on scroll effect - 1:08:45 3. Toggle icon navbar - 1:16:03 4. Animation on load & scroll - 1:35:11 5. Footer animation - 1:57:05

@Richa_sharma_209 Жыл бұрын

I am seeing the tutorial just for practice..and it really helped me a lot But I will make my own portfolio one day without seeing any tutorial.

@aggarwa1 Жыл бұрын

amazing design ...big like to your work

@WebDevASMR Жыл бұрын

Beautiful work, I love the animations 🔥

@BG-xu8be 11 ай бұрын

It is kind of refreshing to see clean code like this nowadays, without the horror of divitis, classitis, tailwindiseases and framework overkills. And very beautiful and elegant too! Of course your css code could be a little more efficient (there are some unnecessary repetitions, which I suppose you do so to make it more understandable to beginners). I would also have used more css variables and apply to them the media-queries, to reduce the css code. But on the whole an awesome work, bravo!

@Strangelovesss 7 ай бұрын

Dude thank you. I haven't finished this one yet but i will now because of this comment. I get so tired of trying to watch tutorials and every one of them requires you to go through the process of installing libraries or frameworks or some random IDE that i'm 1000% not going to use. More tutorial guys should be aware that we aren't here to be talked at we are here to learn. Its no wonder web design across the board is so bland and awful looking everybody just wants to copy code and paste code now for some reason.

@kirwakelvinkering3122 10 ай бұрын

I learned bootrap for 1 month and after that Tailwind css came in , from that day i swore to learn pure css for my projects , amd now am at peace 😂 thanks bro.

@whytegamer01 Жыл бұрын

I wish you could talk in your videos

@christdolphin69 Жыл бұрын

Then we might find out he’s actually some Indian named Rajiv rather than a cool American dude named “jacob Aiden skyler iii”

@minecraftguy8652 11 ай бұрын

@@christdolphin69the name of the channel suggests he's Indian "Codehal", it's like Taj Mahal or sth indian

@sixtron 11 ай бұрын

Hi, ou est le code PHP pour recevoir les mails de la page contact. Je suis novice

@jobmoses4484 2 ай бұрын

😂

@adventureswithjemmy 2 ай бұрын

😂😂

@bluecatbd Жыл бұрын

I made my portfolio by seeing this tutorial. same to same.😍😍🥰

@user-vo9lx8pk1z Жыл бұрын

Can you tell me the way you put your photo?(The dimensions and if you made it like the video with photoshop)

@houghtonabhi Жыл бұрын

is there any problem you have faced in this? and how much time does it take to complete this Project?

@devikapericherla2714 9 ай бұрын

From Java script I am not able to sync my portfolio.. Pls do help

@muhammadrobysyafalah5784 Жыл бұрын

this website is so perfectly, awesome.

@Developer8631 7 ай бұрын

plz can you give the souce code of this protfolio website🙂

@Vaulco Жыл бұрын

video stopped at 12, I wrote this comment as a reminder. Great vid btw!!!!

@WebLearningInstitute Жыл бұрын

amazing really good work thanks for sharing this project video and i am waiting for your next interesting porject videos

@abdulkareemsabdul3546 8 ай бұрын

Ya the best developer I've seen in my life..... Pls how about hosting the developed website?

@abdulkareemsabdul3546 8 ай бұрын

And again pls any community for web developers....so we can interact

@user-un6zi3wv9s 10 ай бұрын

I've finished doing it, according to the steps in this video. Thank you codehal. I want to use it on my own hosting, hopefully it's allowed. Now I have a good portfolio. Thank you, sir. 😊

@subhankardash6202 9 ай бұрын

bro i have a doubt in the skill section

@devikapericherla2714 9 ай бұрын

I have doubt in Java script

@Developer8631 7 ай бұрын

bro plz provide the souce code🙂

@nehap2-6 10 ай бұрын

Your work is amazing! I really like the way you have explained it to us. Thank you!

@vivianmingaud7942 Жыл бұрын

Very Nice work and good teaching also !

@ChristianWarrior1 10 ай бұрын

If i put a different sentence at .text-animate in html what should i change in css so that the cursor stops at the last letter?

@SaGaWisdom Жыл бұрын

love u from Pakistan dear sir

@DecodeReels Жыл бұрын

Love from India 🇮🇳

@samadsarkar1590 Жыл бұрын

Amazing work

@deboraino.6672 Жыл бұрын

Amazing 🎉

@vedic.108 9 ай бұрын

Attractive, simple and better than other websites. This simplicity is very good.🚩

@ritikkumarsah7034 8 ай бұрын

Social media icon not showing now after 4 month later how can i fix it .please tell

@Developer8631 7 ай бұрын

plz can you give the souce code of this protfolio website🙂

@ritikkumarsah7034 7 ай бұрын

@@Developer8631 i have, but not show thw social media icon and home image

@freecodebd8654 Жыл бұрын

Amazing work🥰🥰🥰🥰

@nyxpua Жыл бұрын

Awesome!

@ProgrammingSolutionsTeam Жыл бұрын

Nice Design 👍 😎

@CryptoZeidun Жыл бұрын

it's so satisfying when I'm watching it ! Great Job ! Keep it like that :D

@codehal Жыл бұрын

😎😅

@Yasin-m21. Жыл бұрын

@@codehal ❤

@ganeshgupta9692 Жыл бұрын

Very amazing brother ❤

@SagarKumar-tj6wc Жыл бұрын

Amazing Very beautiful

@stivomoses8882 6 ай бұрын

Amazingly styled...

@furqon_aluzaini707 2 ай бұрын

I'm from Indonesia, I find it cool !!! Nice bro

@atikadewi1118 Жыл бұрын

Thanks for portfolio responsive, I like it

@eroosyyy Жыл бұрын

thanks bro, with this video has reference I made a wonderful website

@agent97560 Жыл бұрын

your website name?

@chongyiliteruel6520 Ай бұрын

Gracias gracias mezcle las ideas de este video con el otro portafolio morado me estas salvando mucho un día antes del examen que es mañana gracias❤

@mr.editor7445 Жыл бұрын

Beautiful site ever.

@Thedrscooby Жыл бұрын

This is booooooooooombastic excellento dynomite with a side of chili red hot peppers....Amazing stuf!!

@maxscheel6083 Жыл бұрын

Super cool! Thanks for sharing!

@Compli1212 Жыл бұрын

Aesthetic and awesome 😳😳noice bro.

@m.anandh401 7 ай бұрын

Thank you so much sir, i can use this website design as my personal portfolio ❤

@Developer8631 7 ай бұрын

plz can you give the souce code of this protfolio website🙂

@ishandinuka590 Жыл бұрын

Great 👊

@AiGyT Жыл бұрын

Awesome ❤

@fabienbedogue527 10 ай бұрын

If all coding classes could be easy to follow as this one. Great Job

@rudilbertoneitzke2810 Ай бұрын

Very beautiful

@manojjaryal 6 ай бұрын

Amazing ❤

@nareshg196 6 ай бұрын

bro do you have the code

@intezarkhan889 Жыл бұрын

Good 👍

@jas-mw4fo Жыл бұрын

This is amazing 🔥🔥🔥. It's in another level.

@jasonSage94 Жыл бұрын

Thx 🔥🔥🔥🔥. I practice my skills in your channel.

@aakashyadav3351 Жыл бұрын

Thanks for the images❤

@Fallserkerg1 4 ай бұрын

Amazing!!!!

@abdulsametaybaz3321 Жыл бұрын

is there back-end side ?

@AymanRhzili Жыл бұрын

where I get the message if he contacts me :) ? - amazing work, thank you 💓🔥

@bulls_zapxx7132 Жыл бұрын

How do you choose color palettes for your website?

@swallowedinthesea11 Жыл бұрын

There are websites that list new and popular color palettes.

@abrahamsecoe87 Жыл бұрын

New subscriber here. Amazing Job thanks !!

@DINOCO_77 Жыл бұрын

Bro bahut acha he 🔥💯

@noorsabasafi6614 4 ай бұрын

Amazing!!!!!!!!!!!!!

@icarokiilermelo Жыл бұрын

What a beatiful work, Hi from Brazil

@user-wt1nw4dx7y 10 ай бұрын

amazing

@tejpalsinghsidhu Жыл бұрын

Brilliant!

@user-kh4ty7tg6y Жыл бұрын

kmalllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll broooooooooooooooooooooooo

@Niku1299 Жыл бұрын

Amazing Sir 😊. I'll give it 5/5.

@ritikkumarsah7034 8 ай бұрын

Social media icon not showing now after 4 month later how can i fix it .please tell

@sidykeita2107 Жыл бұрын

frome france, it's wonderful what you've done.

@trungvo7907 11 ай бұрын

good

@vujadinovicc Жыл бұрын

Nice bro ❤

@AndroidNewsBase 11 ай бұрын

You are best

@raksh8628 21 күн бұрын

I completed coding ….but the github and LinkedIn icons are creating overlaps in few browsers

@srii8530 Жыл бұрын

I made my portfolio by seeing ur videos tq🎉🎉🎉

@codehal Жыл бұрын

Awesome, keep going on 🔥

@agent97560 Жыл бұрын

your website name?

@BarbieBeat101 11 ай бұрын

@@codehal Bro... what's the dimensions of the images used in the home page?

@BarbieBeat101 11 ай бұрын

What are the dimensions your used for images bruh?

@rezafauzanadhima 10 ай бұрын

@@codehal hello codehal 👋 may i clone it and host the design on internet for my personal portfolio website? Thank You, Best Regards

@user-pr2di8xc2y Жыл бұрын

bon bon mon chef j'aime votre site c'est super super, j'aimerai apprendre aussi ça avec

@sixtron 11 ай бұрын

J'adore trop bien fait

@goutham7111 Жыл бұрын

Awesome work. Tried and get best results. Thank you so much

@Developer8631 7 ай бұрын

plz can you give the souce code of this protfolio website🙂

@sourcex-yl5kk 3 ай бұрын

yea, it ll be very helpful bro

@kindz3456 Жыл бұрын

Thanks Bhaiya , But bhaiya a general question comes in my mind , how to develop thinking of , how to design the website , i dont want to copy someone but i am also not able to develop my designing skills , i got confused what will be the layout of my website , please bhaiya tell me how these creative ideas comes in your mind to create masterpiece like website

@wiz8058 Жыл бұрын

creatives are someones work. coding is someones work. Mostly they purchase the design which comes in images sand they code it into a working website. you copy and use it. just woerk along because working along makes you good at it. if you decide to stay off then you can't learn anything.

@Raju-cc8tm Жыл бұрын

Brother apko pehle copy hi krna hoga then after u will become a web designer..isi mai pehle copy krta hu phir bina dekhe then apna ek banata hu😅😊

@gwolojulius4135 2 ай бұрын

I love your vs code customisation! Which theme and font type do you use?

@rallfsilva6626 Жыл бұрын

perfect 🔥

@ecebal1957 Жыл бұрын

I liked it very much and it was great. 💝

@Developer8631 7 ай бұрын

plz can you give the souce code of this protfolio website🙂

@user-md6um6oh6s 11 ай бұрын

Am making one using this tutorial

@rodriguezlopezgael4878 Жыл бұрын

Excellent video, thank you so much. I could use your template and upload it to the internet with a hosting service?

@vikasbhagat6911 6 ай бұрын

Amazing design but project section needs to be there

@akimsalou 9 ай бұрын

it is a good job bro

@jorgexavier7588 3 ай бұрын

Hello, I’m doing your tutorial, and I’m having a problem when inserting the home image, it doesn’t appear in the preview. Can you help me?

@aarshthakur591 Ай бұрын

Same issue

@Billionaire-Odyssey 9 ай бұрын

Amazing work bro need help with the image as I can't use my own image as the bg on home page

@spanel8561 Жыл бұрын

Thank you very much brother

@LoreCraftForge Жыл бұрын

I’m curious, what’s the size of your background image, I notice when recharging screen size, the background image doesn’t change relative to the screen size so the fading opacity container doesn’t work properly unless it’s full screen

@anthonyfadel7353 Жыл бұрын

hello if you mean that the background color is overlapping the image and the image is not changing relative to the screen at under 991px in the inspect view, i am having the same issue, did you solve it? also in full screen without inspect, it is working correctly.

@ramazanagamaliyev7395 Жыл бұрын

Hello dude , Can u solve this?

@emanuelazevedo5904 11 ай бұрын

@@ramazanagamaliyev7395 Of course he defined that image as a background-image, size: cover, background-repeat: no-reapet and also position: right

@mastermindarc Жыл бұрын

Awesome Dude

@sarath_s7492 Жыл бұрын

hey bro, where're you from? I'm also a front-end developer and for only that reason I'm unable to find a job. people here only need back-end or full-stack dev's. and I'm from Kerala. can you suggest me some tips to get settled easily..

@ganeshgupta9692 Жыл бұрын

🥵🤤🤤The more times you see the less it is, you have made it very well , one day I will also make it like this, now I am still learning

@benaliissameddine5697 Жыл бұрын

me also still learning , this work inspired me !!

@ganeshgupta9692 Жыл бұрын

@@benaliissameddine5697 Yes bro

@swallowedinthesea11 Жыл бұрын

@@ganeshgupta9692 How's it going? I hope you're well!

@dayanmoreira25 Жыл бұрын

awesome !!

@codehal Жыл бұрын

Hey, thanks! 💚

@FavourDuke-qk9hf 11 ай бұрын

@@codehal Pls help out

@ariele305 Жыл бұрын

Very beautiful, hello from Brazil

@chhappri1648 Жыл бұрын

❤❤❤❤

@SomtyUba Жыл бұрын

wow

@shivanshigupta4459 Ай бұрын

😊

@lexo0135 9 ай бұрын

Hello, I have a small problem that I can't solve. When I click on "home", it redirects me to the home page, but when I click on the other buttons, it doesn't work. Thank you for your reply.

@larryhull2752 8 ай бұрын

I am only 25 minutes in so I don’t know whether he makes the other pages, but essentially you’ll want to link those buttons to pages in your computer’s folder. For skills, you would need another html page for example. And then link it to the right button Skills Now when you click on the button, it should take you to whatever you have put into skills.html. Make sense?