https://github.com/virusold0607/webflow-landing-2018
https://github.com/virusold0607/webflow-landing-2018
css html5 vuejs2 webflow
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/virusold0607/webflow-landing-2018
- Owner: Virusold0607
- Created: 2023-04-22T21:33:56.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-04-22T21:34:57.000Z (about 3 years ago)
- Last Synced: 2025-02-13T15:27:37.707Z (over 1 year ago)
- Topics: css, html5, vuejs2, webflow
- Language: CSS
- Homepage: https://tesla-motors-2018.surge.sh/
- Size: 136 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 2018 Tesla Motors Landing Page
This project is a clone of the [Tesla Motors](https://tesla.com/) landing page (04/2018) built with [Vue JS](https://vuejs.org/).
A Tool used to aid the Front-End Design - [Webflow](https://webflow.com/).
## Site Preview
[](https://pasteboard.co/HgIxy5N.png)
## Usage
> A Vue.js project, built with the Vue CLI.
> This project was bootstrapped with [vue-cli](https://github.com/vuejs/vue-cli)
### Deployed
Deployed via [Surge](https://surge.sh/) at https://tesla-motors-2018.surge.sh
## Instructions
### Build Setup
``` bash
# 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](http://vuejs.github.io/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/