<template>
    <v-layout class="fill-height" column>
    <one-dialog-info :status="xinfo" :msg="xmsginfo"  @close-dialog-info="closeInfo()"></one-dialog-info>

            <v-toolbar  class="pa-1 mb-2" color="blue lighten-3" dark height="50px">
              <v-toolbar-title>DASHBOARD</v-toolbar-title>
              </v-toolbar>

     <v-card class="grow"   >
     <v-img
       src="/one-ui/apps/image/welcome.png" style =  "max-width: 40%; height: auto; display: block; margin-left: auto; margin-right: auto;  margin-top: 10px;"
     ></v-img>

     <v-container grid-list-md text-xs-center>
   <v-layout row wrap>


     <v-flex  xs4>
       <v-card color=" blue darken-1"  style="height: 500px" class="white--text">
         <v-card-title primary-title>
           <div>
               <div class="headline">Spesifikasi</div>
                   </br>
                       <v-list three-line style ="background-color: #1E88E5;" class="white--text">
                                    <v-list-tile>
                                      <v-list-tile-content>
                                        <v-list-tile-title>Content filtering</v-list-tile-title>
                                        <v-list-tile-sub-title class="white--text">Set the content filtering level to restrict appts that can be downloaded</v-list-tile-sub-title>
                                      </v-list-tile-content>
                                    </v-list-tile>

                                    <v-list-tile>
                                      <v-list-tile-content>
                                        <v-list-tile-title>Password</v-list-tile-title>
                                        <v-list-tile-sub-title class="white--text">Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
                                      </v-list-tile-content>
                                    </v-list-tile>
                     </v-list>
          </div>
        </v-card-title>

       </v-card>
     </v-flex>

     <v-flex  xs4>
     <v-card color="light-green lighten-1"  style="height: 500px" class="white--text">
       <v-card-title primary-title>
         <div>
             <div class="headline">Kelebihan</div>
                 </br>
                     <v-list three-line style ="background-color:#9CCC65;" class="white--text">
                                  <v-list-tile>
                                    <v-list-tile-content>
                                      <v-list-tile-title>Content filtering</v-list-tile-title>
                                      <v-list-tile-sub-title class="white--text">Set the content filtering level to restrict appts that can be downloaded</v-list-tile-sub-title>
                                    </v-list-tile-content>
                                  </v-list-tile>

                                  <v-list-tile>
                                    <v-list-tile-content>
                                      <v-list-tile-title>Password</v-list-tile-title>
                                      <v-list-tile-sub-title class="white--text">Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
                                    </v-list-tile-content>
                                  </v-list-tile>
                   </v-list>
        </div>
      </v-card-title>

     </v-card>
     </v-flex>

     <v-flex  xs4>
     <v-card color=" purple lighten-2"  style="height: 500px" class="white--text">
       <v-card-title primary-title>
         <div>
             <div class="headline">Cara Penggunaan</div>
                 </br>
                     <v-list three-line style ="background-color: #BA68C8;" class="white--text">
                                  <v-list-tile>
                                    <v-list-tile-content>
                                      <v-list-tile-title>Content filtering</v-list-tile-title>
                                      <v-list-tile-sub-title class="white--text">Set the content filtering level to restrict appts that can be downloaded</v-list-tile-sub-title>
                                    </v-list-tile-content>
                                  </v-list-tile>

                                  <v-list-tile>
                                    <v-list-tile-content>
                                      <v-list-tile-title>Password</v-list-tile-title>
                                      <v-list-tile-sub-title class="white--text">Require password for purchase or use password to restrict purchase</v-list-tile-sub-title>
                                    </v-list-tile-content>
                                  </v-list-tile>
                   </v-list>
        </div>
      </v-card-title>

     </v-card>
     </v-flex>


   </v-layout>
 </v-container>

 </v-card>






    </v-layout>

</template>

<style scoped>
.v-divider {
    border-color: rgba(90,114,246,1) !important;
    margin-top: 0.55rem !important;
    margin-bottom: 0.55rem !important;
}
</style>

<script>

</script>
