Build A Responsive Website With Animations | HTML & CSS Tutorial

[@siphon3649]

Looks pretty good will try doing this after i’ve finished my exams and have time

[@sunhalosonia]

Thank you so much for this, I know nothing about html or css still been able to build my first website thanks to this video

[@rasiqtowsiqsakin7280]

You are truly a great help!!

[@juliocodes]

Awesome, thank you!

[@Ayydos]

love these videos brother, learn a lot from you! Please keep making more.

[@juliocodes]

Thanks! Will do!

[@Epikht]

Bro I love your channel, you’re the best ✨

[@jordansjourneythroughlife3587]

Always fantastic content Julio, thanks again bro!

[@juliocodes]

My pleasure!

[@aggressive_goose8679]

Great Video! I'm currently in a web dev boot camp and I will be using some of the techniques in my first portfolio mock up. This tutorial was very helpful.

[@juliocodes]

Glad it was helpful!

[@chantuff9377]

Great video, very thorough and easy to follow!

[@bearscarf1393]

youtube algo working great lol just what i needed! brilliant work bro thanks!

[@juliocodes]

Thanks. Great to hear!

[@tobiaspeters8902]

This site looks great, good job 👌 I will definitely recreate it with your tutorial!

[@juliocodes]

Awesome, thank you!

[@jumaelahmed9995]

you are awesome I hope your youtube subs will reach 1M so fast.

[@RishiKumar-zs4vj]

Your Contents are Awesome dude, while creating HTML keep the Actual page side by side it'll be more useful for us to visualize the design and it makes more sense instead of just seeing the raw HTML

[@kingleo429]

Yeah. Css does all the work in design. It makes the website more attractive.

[@kuldipthakkar1508]

Beautiful Website Sir 🥳 & A Request That Next Time Come With Responsive Portfolio Website Using HTML5, CSS3 & JS 🙇🤩

[@baliyachtservices7505]

Nice one! Earned my follow for this hard work.

[@juliocodes]

Welcome aboard!

[@mainaccount8181]

Thank you for the tutorial. I look forward to doing this project

[@juliocodes]

Hope you enjoy it!

[@phichau90]

Love it dude.

[@juliocodes]

Appreciate it!

[@zuhranahmed]

That's so great man! Thanks :)

[@juliocodes]

No problem!

[@choli5099]

Thanks so much for making this video!

[@juliocodes]

You are so welcome!

[@naveen9858]

Thanks for ur coaching ❣️👌

[@elizduarte6547]

My favorite channel

[@juliocodes]

Thanks!

[@80Vikram]

Thanks for the awesome efforts, god bless you

[@juliocodes]

My pleasure, thanks!

[@CrookzArtwork]

Great content bros when are u gonna drop videos on react???

[@juliocodes]

Thanks, and eventually I'll cover more things in the channel!

[@bimadiksatriadi4241]

thankyou for your tutorial, is very nice

[@HarryEland]

Very good video, learned a lot, great thanks.

[@juliocodes]

Glad it was helpful!

[@sonoftroy8572]

Bro you inspire me to start my KZbin channel! all I need to know is where to start

[@juliocodes]

Everything starts with posting the first video, whatever the subject may be :)

[@DEADLY_QUOTES]

Big fan bro. My humble request. Can you do short video in youtube like tik tok plzzzzz🥺🥺🥺🥺☺️☺️☺️☺️

[@luismeza6015]

Nice page bro! ty

[@fatemehshirafkan4155]

wonderful 🔥🔥🔥🔥👏👏❤️

[@AdityaSohal]

Given bro 0:48

[@mkkp]

will come handy

[@aannookhan2868]

super effective

[@gyasuddinansari6201]

Superb

[@manavlakhanpal759]

Soothing

[@LGBTQ-COMMUNITY]

Nice one dude

[@juliocodes]

Thanks ✌

[@bluefutbol1515]

I follow your tutorials since I don't like the ones in my Spanish language, I first observe your videos and then I go to practice, the question I want to ask you is how much I am doing on the web I always forget the properties as you do for memorize them? Greetings from Venezuela, thanks for your videos, you're great. !!!

[@juliocodes]

I've always had a great memory so that helps. Other than that, it all comes with lots of practice. The more you use CSS the more likely it is for you to remember the properties. At least the properties you use more often. There's nothing wrong with having to look them up though, it's part of the process. Thanks for watching!

[@rasheeqahamed599]

Amazing 😍

[@juliocodes]

Thanks 🤗

[@3runjosh]

Hey mate, just wondering something that everyone seems to do. How come you can't just put the class "container" on the tag and you instead put a div tag with the class inside the header? To me it seems like an unnecessary use of a div tag when you could put it on the header itself?

[@juliocodes]

I do that, but only when I'm not floating the header with position absolute. When that's the case, I would have to add extra styles to get the container where I want it so it's just easier to have it inside the header since it will behave normally as opposed to me adding the class itself to the header. Also, in other situations you might want a background color that stretches 100% of the screen, if you applied the class of container to a particular element then you won't be able to get that 100% stretch of the viewport. Situations vary. Otherwise, yes, adding the container inside the header is a bit unnecessary.

[@tahmidchowdhury3676]

i have a question i learned html css top to bottom still when i want to do a project by my self i cant !!!

[@juliocodes]

I will create a tutorial soon showing how I break down a design and then layout the markup and style it.

[@tahmidchowdhury3676]

@@juliocodes thanks a lot....

[@yordanstoyanov4759]

@@juliocodes +1 this would be really helpful for beginners. Looking forward to seeing it! ❤️✌️

[@shahabzafarinobari4156]

i enjoy it

[@cdey3886]

I would just change the menu's breakpoint to be a little sooner.

[@gv13511]

What IDE or Editor is being used? Love the tutorial.

[@Harish-nh8rm]

Its VS Code I believe

[@gv13511]

@@Harish-nh8rm no in previous videos I found out that he is using WebStorm. Thanks for letting me know though.

[@juliocodes]

Correct, it's WebStorm.

[@wopwopwopwopwopwop]

somehow the hue animation is not working for me, do you have any ideas why it might not work? I copied the one from your instagram

[@stpengineering]

thanks

[@developerschannel8332]

Julio doesn't have to tell me, I know he's dominican

[@gszegedy]

What program do you use to write HTML & CSS ? THANKS

[@juliocodes]

I mainly use WebStorm

[@chikuchiku5172]

What plugin you used for giving html class suggestion in css file.

[@juliocodes]

This is a feature built into my WebStorm IDE

[@riyateri810]

How did you get the images used for animations from the design you chose?

[@architpandey4506]

there's a github link in the description, go on that you'll get those images

[@christopheredeh2975]

My style.css code does not make any changes to the website. But I'm using notepad++

[@jonasjaggerj9947]

Hi Julio, Can i use your code into a work project?

[@juliocodes]

Sure!

[@mohlaiden5181]

I've been watching the video and following the steps for 6 hours and I still can't find the issue!!!

[@mohlaiden5181]

Help 💔

[@mohlaiden5181]

@juliocodes

[@WorldPain4]

At line 10 I noticed your link started with a https. So am I able to add the https then the file url? I’m new to this I just need some clarification. I always see KZbinrs adding there html file url on the css but it always starts with https. Then a random url that doesn’t match the html file url. Hopefully that made sense to someone

[@juliocodes]

Are you referring to the css file link? If so, that one is linking to an external source (a CDN in this case) so that I am able to use the fontawesome icons

[@WorldPain4]

@@juliocodes My bad I was referring at the beginning of the video.

[@sumitsarkar858]

Brother share the source code for preference

[@sakanano7547]

Why i can't make it work ?

[@debjitmondal5281]

can i get the source code ?

[@KartikSharma-sk8iw]

sir code plz plz plz plz