<!DOCTYPE html>
<html lang="en">
 <head>
 </head>
 <body translate="no">
  <div id="app">
   <v-app id="inspire">
    <v-layout row="">
     <v-flex offset-sm3="" sm6="" xs12="">
      <v-card>
       <v-toolbar color="blue" dark="">
        <v-toolbar-title align-left="" class="headline" justify-left="">
         Joovo
        </v-toolbar-title>
        <v-spacer>
        </v-spacer>
        <v-toolbar-item class="title">
         {{ procedure }}
        </v-toolbar-item>
       </v-toolbar>
       <v-list two-line="">
        <v-list-tile :href="item.href" :key="item.title" @click="toggle(index)" avatar="" prominent="" ripple="">
         <v-list-tile-content class="headline">
          {{ item.title }}
         </v-list-tile-content>
         <v-icon :color="item.color" x-large="">
          {{ item.icon }}
         </v-icon>
        </v-list-tile>
        <v-divider :key="item.title" v-if="index + 1 &lt; items.length">
        </v-divider>
       </v-list>
      </v-card>
     </v-flex>
    </v-layout>
   </v-app>
  </div>
 </body>
</html>
