You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

116 lines
4.3 KiB

<template>
<v-content>
<section>
<v-parallax src="/images/hero.jpeg" height="600">
<v-layout
column
align-center
justify-center
class="white--text"
>
<img src="/images/vuetify.png" alt="Vuetify.js" height="200">
<h1 class="white--text mb-2 display-1 text-xs-center">
Text Annotation for Human
</h1>
<div class="subheading mb-3 text-xs-center">
Just create project, upload data and start annotation. You can build dataset in hours.
</div>
<v-btn
class="blue lighten-2 mt-5"
dark
large
href="/pre-made-themes"
>
Get Started
</v-btn>
</v-layout>
</v-parallax>
</section>
<section>
<v-layout
column
wrap
class="my-5"
align-center
>
<v-flex xs12 sm4 class="my-3">
<div class="text-xs-center">
<h2 class="headline">
The best features
</h2>
</div>
</v-flex>
<v-flex xs12>
<v-container grid-list-xl>
<v-layout row wrap align-center>
<v-flex xs12 md4>
<v-card class="elevation-0 transparent">
<v-card-text class="text-xs-center">
<v-icon x-large class="blue--text text--lighten-2">
color_lens
</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline text-xs-center">
Team Collaboration
</div>
</v-card-title>
<v-card-text class="subheading">
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
<v-flex xs12 md4>
<v-card class="elevation-0 transparent">
<v-card-text class="text-xs-center">
<v-icon x-large class="blue--text text--lighten-2">
flash_on
</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline">
Multi Language
</div>
</v-card-title>
<v-card-text class="subheading">
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
<v-flex xs12 md4>
<v-card class="elevation-0 transparent">
<v-card-text class="text-xs-center">
<v-icon x-large class="blue--text text--lighten-2">
build
</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline text-xs-center">
Completely Open Sourced
</div>
</v-card-title>
<v-card-text class="subheading">
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
</v-layout>
</v-container>
</v-flex>
</v-layout>
</section>
</v-content>
</template>
<script>
export default {
components: {
}
}
</script>