Tesla Scrolling landing page is used for marketing and educational purposes while keeping users engaged. Using a scrolling feature the landing page automatically scrolls to the next component. A loading bar shows the status as well as bubbles showing the current model in view.
Link to project: https://billyrdz.github.io/Tesla-Scrolling-Landing-Page
Tech used:
- HTML
- CSS
- JavaScript
Working with the DOM to show progress bar and bubbles for current model in view. Using iFrame to play a video in the background as part of marketing efforts.
- How to retreive elements by class name.
- How to loop through classes to add/remove additional classes.
- How to set and change states.
- How to append/remove child nodes.
Take a look at these couple examples that I have in my own portfolio:
Simple Desk: https://github.com/BillyRdz/Simple-Desk
JavaScript Social Splash: https://github.com/BillyRdz/Javascript-Social-Splash
AngelList Newsletter Email: https://github.com/BillyRdz/angellist-newsletter