Build a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial

In this video tutorial we will build a responsive website from start to finish using HTML 5, CSS 3, and a little bit of Vanilla JavaScript. We will also learn how to use keyframes and hover effect animations as well as a new tool to animate on scroll called Scroll Reveal. Finally we will use media queries to make this web design responsive! The Rosa is a premium WordPress theme you can purchase. Links below.

Don't forget to leave a thumbs up if you found the video useful. Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.

#webdesign #responsivewebsite #juliocodes

***Design and images used for educational purposes only***

[ PROJECT FILES ]

[ SOCIAL MEDIA ]

[ HOSTGATOR ]

Get affordable domain and web hosting with HostGator. Save up to 60% off of your entire purchase with the coupon code below.

Coupon code ► JULIOCODES60

[ MY GEAR ]

Programming/Video editing laptop Specs & extras

Laptop: Dell XPS 15 7590
Processor: 9th Generation Intel Core i7-9750h
RAM: 32GB (Upgraded)
Graphics Card: Nvidia GeForce GTX 1650 4GB GDDR5
Storage: 500GB M. 2 PCIe NVMe SSD (Upgraded)
--- Extras ---
Monitor: Dell Ultrasharp 27"
Keyboard: Logitech MX Keys
Mouse: Logitech MX Master 3
Microphone: Blue Yeti

[ DISCLAIMER No. 1 ]

In order to speed up the development process CSS prefix are not used. In order to ensure cross browser compatibility please use prefixes where necessary.

[ DISCLAIMER No. 2 ]

This video description contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for the support!

[noone-zzfe]

i'm a simple man i see tutorial without bootstrap i press like :D

[tebogomabusela]

What a hit🏌🏾‍♂️. I followed the tutorial, in 12 hours I was done. Everything works PERFECT. Great job bro. I am now glued to your channel🤞😊

[Neil_Jordan]

Thank you Julio! I completed this proyect :D I think I´m going to do all your tutorials with html css to interiorize your method :)

[a_basic_beach]

You've really come so far it was nice seeing you go from lessons that had no talking, to going full blown with explanations and your process when it comes to making designs/implementing the code. Your channel has seriously made me better with design and structuring my code better. Thank you so much Julio.

[codeinswahili]

This is one of the best tutorials I have ever seen. You are so articulate. Ever step is explained step-by-step so well. I have learned a lot here. A big THANK YOU. I can't find you on Twitter though

[pedrogarcia]

First tutorial I have followed and everything worked smoothly, you are a living legend bro

[fonteconservadora]

There's only one bad thing in the video, it ends!
Without a doubt the best youtube video. First video of 2:30 hours that I watch complete and still replaying.

[damianodamian]

Nice tutorial, finally someone with nice explanations and a good pace not too fast not too slow 👏
My suggestion: from time to time show the final website / result you're trying to achieve....that would help

[Zabookee]

This is honestly one of the best tutorials I've come across. The amount of detail you share is awesome.

[dotsonred]

20 minutes in, and I love this tutorial. Thank you so much for the detailed explanations, I learn so much with you!

[PeterSchmuttermaier]

Awesome. Plain and simple. I'm a complete rookie when it comes to coding, I try to learn via tutorials like these instead of the usual basics. This is my second tutorial and I learned so much here! I was able to replicate the complete website - it took me a couple of days, but it's done and it's beautiful! Thanks!

[Sammandanu]

Finally I found you!!, A tutorial without bootsrap, Awesome and Thank You

[PaulCade]

Another masterful tutorial Julio, I learn a little more each time, thank you so much and keep up the good work, your followers greatly appreciate it.

[joseincer]

Thank you so much Julio. You are a fantastic Instructor. The way you explained every step helps a lot; I learned a ton of new concepts from this one video. 🙏

[thatwizkidgaming]

Love how you explain bro & break everything down. Makes me feel engaged & fully educated on what I'm doing from start to finish

[jessica-tvep]

This is one of the most awesome tutorials! Love everything about it! Thanks, Julio! You did a great job!

[zackalcaina]

This tutorial was the best and most inmmersive one i have received. I felt flowing with the code. :D thanks so much Julio!

[yehdaniel]

OMG!!!I love how you explain everything step by step, really easy to understand! I've learnt so much from this tutorial !!Nice work

[sherrywang]

This tutorial is the best one I've really helps me a lot and inspired me with my graduation project which is important for me.Thanks a lot!!!!

[clash]

This is amazing design!!! Finished the whole tutorial and it was challenging and yet worth it at the same time!!!