Snowboards e-Commerce Website/Landing Page - HTML CSS JavaScript



Published
Snowboards e-Commerce Website/Landing Page - HTML CSS JavaScript

Source code: https://github.com/owentr1369/snowboards-ecommerce-website-youtube

00:00 - Intro
00:15 - HTML
08:25 - CSS
21:21 - JavaScript
25:11 - Outro

Images:
1. Hero-left:
http://pngimg.com/uploads/snowboard/snowboard_PNG8008.png
http://pngimg.com/uploads/snowboard/snowboard_PNG8006.png
http://pngimg.com/uploads/snowboard/snowboard_PNG7998.png
2. Hero-right:
- Photo-frame 1:
https://images.unsplash.com/photo-1495468286609-71018e87abc5?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=987c55a292efaa0adb9acfc26c06e22a&auto=format&fit=crop&w=670&q=80
https://images.unsplash.com/photo-1536099876051-79f4cbffeed1?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=451b9215ee8acc20d5d7ea354aab570e&auto=format&fit=crop&w=1350&q=80
https://images.unsplash.com/photo-1512821062947-6eda5253c3e2?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=305dedf0e09581de0ee68ab2c9523955&auto=format&fit=crop&w=1351&q=80
- Photo-frame 2:
https://images.unsplash.com/photo-1486335223442-a034129506f6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=564f090b8a99c189845f2ef71d4f620a&auto=format&fit=crop&w=1350&q=80
https://images.unsplash.com/photo-1522056615691-da7b8106c665?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4f51ed1121800f23da98176659ba7506&auto=format&fit=crop&w=1352&q=80
https://images.unsplash.com/photo-1478700485868-972b69dc3fc4?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=918195bdc5a37a2f412cf49234183427&auto=format&fit=crop&w=1350&q=80

If you have any other creative CSS examples with effects & animations, feel free to comment them below.

If you want to follow me along my coding journey, be sure to subscribe :3
https://www.youtube.com/channel/UCuUEqBnIa2AbCXqwMmspMNw

Thanks for watching
Category
Web design
Be the first to comment