Complete Tesla Roadster Website Clone | HTML, CSS, JS

Learn how to build a full modern website clone with on scroll animations and responsive sidebars. Build a complete Tesla Roadster webpage clone using HTML, CSS, JS and AOS JS.

Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/...

Project Dependencies:
-----------------
Image Files:
https://drive.google.com/drive/folder...

Google Font:
https://fonts.google.com/specimen/Ope...
https://fonts.google.com/icons

AOS JS
https://michalsnik.github.io/aos/

Vimeo Roadster Unveil Video:
https://vimeo.com/249563752?embedded=...

What you will learn:
How to-
Build a full website clone with a responsive design
Implement the AOS library to make smooth on scroll animations
Use JS to add custom animations on scroll
Build a responsive navbar and collapsible sidebar
Add responsive videos to the website
Build advanced CSS flexbox layouts
And much more...

-----------------
Original Design:
https://www.tesla.com/roadster

I do not own any of the images used in this video. All images are simply used as placeholders for the design and belong to Tesla.

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.

Extra Links:
-----------------

Follow me on Instagram:
  / quickcodingtuts  

My Products:
https://www.buymeacoffee.com/webcode/...

Support Me To Keep Creating And Improving My Content:
https://www.buymeacoffee.com/webcode/

Tags:
-----------------
#car
#website
#html

car website javascript
html css car web design
full landing page frontend website design
tesla roadster website from scratch
aos animation library