Complete Tesla Roadster Website Clone | HTML, CSS, JS



Published
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/posts

Project Dependencies:
-----------------
Image Files:
https://drive.google.com/drive/folders/1nRHyIWMM1lg6gM5QiXYjp9MD-gNyRYlv?usp=sharing

Google Font:
https://fonts.google.com/specimen/Open+Sans
https://fonts.google.com/icons

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

Vimeo Roadster Unveil Video:
https://vimeo.com/249563752?embedded=true&source=vimeo_logo&owner=128712855

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:
https://www.instagram.com/quickcodingtuts/

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

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