forked from uditbh/vuetify-material-dashboard
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9e9d362
commit dbcccea
Showing
4 changed files
with
99 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,90 @@ | ||
| <template> | ||
| <v-container> | ||
| <v-layout justify-center> | ||
| <v-flex | ||
| xs12 | ||
| sm10 | ||
| md8 | ||
| > | ||
| <material-card color="primary"> | ||
| <div | ||
| slot="header" | ||
| class="pa-3" | ||
| > | ||
| <div class="title font-weight-light mb-2">Vue Material Dashboard PRO</div> | ||
| <div class="subheading font-weight-thin grey--text text--lighten-3">Are you looking for more components? Please check our Premium Version of Vue Material Dashboard.</div> | ||
| </div> | ||
|
|
||
| <table class="v-table"> | ||
| <thead> | ||
| <tr> | ||
| <th/> | ||
| <th class="subheading font-weight-light">Free</th> | ||
| <th class="subheading font-weight-light">PRO</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody class="text-xs-center"> | ||
| <tr> | ||
| <th class="text-xs-left font-weight-light subheading">Components</th> | ||
| <td>60</td> | ||
| <td>200</td> | ||
| </tr> | ||
| <tr> | ||
| <th class="text-xs-left font-weight-light subheading">Plugins</th> | ||
| <td>2</td> | ||
| <td>15</td> | ||
| </tr> | ||
| <tr> | ||
| <th class="text-xs-left font-weight-light subheading">Example Pages</th> | ||
| <td>3</td> | ||
| <td>27</td> | ||
| </tr> | ||
| <tr> | ||
| <th class="text-xs-left font-weight-light subheading">Login, Register, Pricing, Lock Pages</th> | ||
| <td> | ||
| <v-icon color="error">mdi-close</v-icon> | ||
| </td> | ||
| <td> | ||
| <v-icon color="success">mdi-check</v-icon> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <th class="text-xs-left font-weight-light subheading">Premium Support</th> | ||
| <td> | ||
| <v-icon color="error">mdi-close</v-icon> | ||
| </td> | ||
| <td> | ||
| <v-icon color="success">mdi-check</v-icon> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <th/> | ||
| <td>Free</td> | ||
| <td>Just $59</td> | ||
| </tr> | ||
| <tr> | ||
| <th/> | ||
| <td> | ||
| <v-btn | ||
| class="subheading white--text font-weight-light" | ||
| round | ||
| large | ||
| color="grey" | ||
| >Current Version</v-btn> | ||
| </td> | ||
| <td> | ||
| <v-btn | ||
| class="subheading white--text font-weight-light" | ||
| round | ||
| large | ||
| color="cyan" | ||
| >Upgrade to Pro</v-btn> | ||
| </td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </material-card> | ||
| </v-flex> | ||
| </v-layout> | ||
| </v-container> | ||
| </template> |