Responsive Website Design with scroll animations | HTML and CSS Tutorial

Published: 23 April 2020
on channel: Design Medium
39,511
1.5k

Hey Guys, in this video we are going to be coding a Health Care website UI with Flat Illustrations using HTML and CSS. This is also to spread awareness and show the importance of Staying Home and keeping ourselves safe and healthy during this Pandemic. Stay In and Stay Safe everyone!

Source Code: https://github.com/TheDesignMedium/he...

Stay Home and code #WithMe

If you enjoyed this video, don't forget to hit that like button and subscribe for more videos like these!

Landing page illustration: https://pngtree.com/freepng/hand-draw...

Other Illustrations from:
https://www.drawkit.io/

Animate on Scroll:
https://michalsnik.github.io/aos/

Editor Used:
Visual Studio Code

Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram:   / thedesignmedium  

Timestamps:
00:00 Website Intro
00:51 Website UI Coding
12:34 Adding Scroll Animations to Website
15:04 Adding Responsiveness to website

#webdesign #html #css #designmedium

Music:
Echo by Broken Elegance   / brokenelegance  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/_echo
Music promoted by Audio Library    • Echo – Broken Elegance (No Copyright Music)  


On this page of the site you can watch the video online Responsive Website Design with scroll animations | HTML and CSS Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Design Medium 23 April 2020, share the link with friends and acquaintances, this video has already been watched 39,511 times on youtube and it was liked by 1.5 thousand viewers. Enjoy your viewing!