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 ► https://bit.ly/2Q3pCiB

⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=juliocodes&utm_content=description-only

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


GitHub ► https://github.com/jlop007/the-rosa
ScrollReveal ► https://github.com/scrollreveal/scrollreveal/wiki/Configuration-(v3.x)
George Olaru ► https://dribbble.com/geolaru
Pixelgrade ► https://pixelgrade.com


Get exclusive Patreon perks.
Patreon ► https://www.patreon.com/juliocodes


Instagram ► https://www.instagram.com/juliocodes


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

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


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


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.


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!
Web design
Be the first to comment