Animated Portfolio Website Template in HTML CSS & JS | Personal Website with Text Typing Animation

Animated Portfolio Website Template in HTML CSS and JS, Personal Website with Text Typing Animation, Animated Portfolio Website HTML CSS, Animated Portfolio Website HTML CSS Javascript, Animated Portfolio Website Tutorial
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/c2c8aa9c31
🔔 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...
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/1X6Ii...
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.

[@node-]

Love your videos! Been learning so much just watching your videos, you are my favorite channel to learn to code from keep it up! 👍

[@codehal]

Hi, thanks! glad you like it 💚

[@TrashCoder1]

I love CSS, addicted is the right word and your channel is so much helpful...

[@karthick_124_3]

Just the best ..i cant even imagine we can use css upto this stage..Your js was easy and compact ..thanks for this amazing content bro

[@codehal]

It's my pleasure! 💚

[@theprettyede7057]

Thank you ,just tried this and I must say I learnt a lot ❤

[@codehal]

Hey, glad you like it. Keep going!

[@yeppycartoon]

Hy😊

[@sumandasccp7916]

Very awesome design and animation is also good And every single step mentioned I'm very thankful to you 😃

[@codehal]

Vamos 🔥😎

[@israelruas948]

That is the best CSS video I have seen so far. I learned stuff that I never knew was possible. Thank you :)

[@shanzshan5231]

its just awesomee....Thank you from Pakistan

[@webprogrammingtutorials-alo69]

Very Useful. Thanks

[@RikeFPS]

Amazing content!!!

[@Crawlerd01]

Thanks man, this was very helpful... i learn a lot from this video, and i was able to build my portfolio UI...

[@swarupgund4275]

Bro love this video ❤❤❤❤💕💕💕💕

[@panchireddyramakrishna1298]

Bro I lived it.i subscribed to your channel and it's my first watched video on your channel.

[@codehal]

Thank you 💚,,

[@khuraijamshitalsingh]

You live what

[@manosanti]

thx really good! congrats!

[@codehal]

Thank you!..

[@akhlaqakhlaq8969]

nice good work

[@hiimifranco2840]

Thank you so much!

[@masteryvilla]

Very creative 💪

[@Josselfx]

Excellent video, im new in this channel, but i go to suscribe you, i love the progamation! :)

[@codehal]

Hello Especifico, thank you so much

[@atikadewi1118]

Hey Halid, you're amazing!

[@codehal]

Thank you so much

[@raminjamal]

Nice job bro 👏

[@codehal]

Thank you brother 💚

[@MellstroyMemeSUS]

Bro you look lika a beast. Photo is 10/10

[@ashantiedits]

Thank you!!

[@professorxt]

It was realy helpful for me!

[@codehal]

Glad to help you 💚

[@gaming_with_raza7867]

broooo! you are awesome

[@rstrick8554]

Thank you Sir🙏 ❤❤

[@frantzleejuniorconstant5659]

i love u broh ❤️

[@elrhilanirachad5862]

Keep going bro

[@sibyoncloud]

This is awesome...Keep up the good work. Do you have a plan to develop a minimalistic blog site in this theme ?

[@laif9857]

really thanks for this amazing video

[@itz_xy_Rohh]

Thank You Very Much..😩♥️ All Your Contents are Awesome 🌹😎.. I just found your channel today.. and.. After Entering🔥, I checked all the Videos of this channel..✅ I feel very lucky that I found this Channel.. 😭Thank You So Much. 🙂✨

[@codehal]

Glad you like it bro 😎💚

[@Mael07]

I'm get confused when I you use to @import css file can't work well can you please help where are you doing that I'm sorry

[@bositxonsabitxanov9677]

THE BEST PORFOLIO BRO 👍👍👍

[@codehal]

Hey, thanks!

[@gioargueta4538]

Wow, simply amazing, is the first video that I saw from your channel and its awesome, i want to learn, but i have a question, whats the name of your theme on VSCode, i love it

[@nikolaristic368]

Good Halid

[@codehal]

Hey Nikola, thanks 💚

[@tamishverma2261]

Thanku

[@meronmichael3682]

nice animation i loved it. and as addition instead of using the style attributes in the anchor tags to lag the animation delay, it is better to target them from the css file like this .navbar a:nth-child(1) { --i:1 }

[@aalaeytb]

helpful :)

[@fun-with-me-1999]

Kindly teach us javascript . Make a playlist of javascript tutorials Thnkyou🥰

[@lance3681]

Thanks for the video it is great and easy to follow and I am about to upgrade my map from Big Sur to Ventura. What I am worried about is my data and my programs. Question 1: do I have to re-install my programs like MS Word and Acrobat, after upgrading to Ventura? I have a complete backup on an external disk and Question 2: If Ventura does not improve the performance or something goes wrong during installation, can I just go back to Big Sur using the time machine backup? I am running a MBP 15" mid 2012, i7, 16 GB, with Big Sur installed with the use of OCLP which is running fine. Could any one please advise me?

[@eufrocinabarcarse4005]

Hi I am really amazed by your work. I really learn a lot through the process. Can I ask if I can use this for my personal portfolio? I am just starting to learn web development. I hope I can use this for the mean time 😊

[@codehal]

Yups, you are free to use for anything 💚

[@apdikaremismail8095]

What version of visual software are you using?

[@abdalkhalekchamkha3622]

nice

[@codehal]

Thank you ...

[@user-sw3op5ll6i]

awsome video man,how do you open the white page where you can see how it looks the whole time when you edit and code the main page

[@carloshenriqueeltz2401]

👏👏👏👏👏👏

[@themforxd6011]

🎉🎉🎉

[@asianmtl]

Ok, i think i found my soulmate....Just right there

[@user-hz3oi1ex4t]

I live in 🇺🇦 , you very good! Thank you ❤

[@abhishekrautela4384]

Wonder full but without voice video koi knowledge milna muskil upr sey speed bhi typing

[@MdAbdurrahaman-rk5xh]

can i learn html and css and from where to learn or how to start..please replay 😊😊

[@SelmaOfficial]

is it responsive ? like for mobiles and stuff ?

[@PratikJain-lb8sn]

how did you get that man image

[@waleedswati3587]

Nice 😇😇but it's mobile-friendly or not

[@tarifulislam775]

sir can you make responsive this site for us.. if you do it will be very helpful for us

[@codehal]

Yaps, in progress, I will make a video soon

[@unitedtechzoon556]

6:31

[@cooking_chefs22]

Assalomu Alaykum Rasmlarni qayerdan olaman bu saytda u rasmlar yuqku

[@Arccanist]

Eyy need help... about the home.png how can i put it on a rightside? my .home-img img is located below the text it, was not even attach to .Home justify-content with space-between

[@fringe_minority]

Have a div with display: flex property. Inside that div every div you have will be displayed in the same row. So one div will be the text and the other is the image. Learn flex and grid, very important stuff and not hard

[@Arccanist]

@@fringe_minority I got it, sorry for that matter, i just did not use lang="en" xD that is why it didnt work

[@muhammadobaid6365]

link to this portfolio ?

[@saimuthaiya.s337]

What software did you use for coding

[@codehal]

VS Code

[@muhammadhossain7620]

My client loves this design and now I have to make it. Can anyone provide me the other pages design? Because I am not a designer, I am a developer.

[@guyevaristebade5157]

How do you begin like that

[@mikimiki7638]

hi,how you make to open file on the side in visual studio code?

[@codehal]

Press windows + arrow (left or right whatever you want)

[@satydiv]

Is this responsive portfolio Website?

[@satyapirghosh1816]

The Script tag not working on my computer what is do sir pls help.

[@e-guerrero]

Is it also responsive?

[@codehal]

For complete responsive portfolio website watch here : kzbin.info/www/bejne/ipzTZHl6nLSom68

[@ranjanmishra1158]

How did you edit your pic??

[@codehal]

Using photoshop

[@vujadinovicc]

and how is this bro? 😅 it looks great ❤

[@codehal]

Hello Hans, Hvala 💚 It's not as hard as clearing the snow in your front yard hahaha😂

[@vujadinovicc]

@@codehal better stick to the frontend 😁❤

[@codehal]

@@vujadinovicc 😅😅

[@FyynChyo_]

Please, the image source cannot be opened🙏🙏

[@osamaayub6004]

whre is the fullcode link

[@bishal.dangol]

how to bring this website in internet?

[@codehal]

You need hosting and a domain, or the free way, you can learn about it

[@bishal.dangol]

@@codehal can you help me in it?

[@luismosquea8035]

That portfolio is standard. Write the response in Spanish for me to understand it.

[@Exotic_Coding216]

Bro js ka animation cdn link do please 😊

[@ahsankhan-md9yk]

it can be better if it was responsive

[@yobrogamerz3651]

where is the script I couln't find it.

[@2pingu937]

Did you really pose like jobs lmao

[@0neAl0neRPubg]

no mob versioN?

[@codehal]

In my other videos, you can check 💚

[@user-mi8bx2zl1f]

Учите мат часть в Seo. Тег H3 не должен быть выше тега H1!!!

[@sasindurathsara935]

What is a portfolio 🤔

[@onlinework1222]

nonsense

[@Derek_2024]

18:50

[@Derek_2024]

20:30

[@ShubhamKumar-he9we]

Can I get code

[@codehal]

On description 💚

[@valenciawalker6498]

Thank you!!

[@priyanshunegi2286]

Love the video bro, but where do you have made other pages?

[@codehal]

Stay tuned