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

Subscribe ► bit.ly/2Q3pCiB

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

[ PROJECT FILES ]

GitHub ► github.com/jlop007/the-rosa
ScrollReveal ► github.com/scrollreveal/scrollreveal/wiki/Confi…)
George Olaru ► dribbble.com/geolaru
Pixelgrade ► pixelgrade.com

[ SOCIAL MEDIA ]

Instagram ► instagram.com/juliocodes

[ HOSTGATOR ]

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

HostGator ► bit.ly/2ZfR0u3
Coupon code ► JULIOCODES60
Video tutorial ► youtu.be/5B_LQqR0zsE

[ 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!