2018 Tesla Motors Landing Page

This project is a clone of the Tesla Motors landing page (04/2018) built with Vue JS.

A Tool used to aid the Front-End Design - Webflow.

Site Preview

Usage

A Vue.js project, built with the Vue CLI. This project was bootstrapped with vue-cli

Deployed

Deployed via Surge at https://tesla-motors-2018.surge.sh

Instructions

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn serve

# build for production with minification
yarn build

For a detailed explanation on how things work, consult the docs for vue-loader.

Note

Mobile & Tablet responsive designs have not been done yet.

Resources

• Global CSS Styling in Vue - https://badacadabra.github.io/Using-global-style-rules-in-a-Vue-js-app/
• Vue Font Awesome - https://github.com/Justineo/vue-awesome
• Vue Flag icons - https://www.npmjs.com/package/vue-flag-icon
• Animate CSS - https://daneden.github.io/animate.css/
• Video to gif converter - https://www.aconvert.com/video/