<template>
  <v-container fluid>
    <v-layout 
      row 
      wrap>
      <v-flex xs12>
        <v-card 
          flat 
          light>
          <v-container fluid>
            <v-layout 
              row 
              wrap>
              <v-flex 
                xs12 
                text-xs-center>
                <blockquote v-html="testimonial"/>
              </v-flex>
              <v-flex 
                xs12 
                text-xs-right>
                <v-chip color="accent">
                  <v-avatar>
                    <img 
                      :src="avatar" 
                      :alt="name">
                  </v-avatar>
                  <span 
                    class="white--text title" 
                    v-text="name"/>
                </v-chip>
              </v-flex>
            </v-layout>
          </v-container>
        </v-card>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  data: () => ({
    avatar: "/svg/employee-svgrepo-com.svg",
    name: "-Happy User",
    testimonial:
      '<h1 class="primary--text">With Vuetified I can Easily Start My New Big Idea</h1><h1 class="accent--text"> <strong>Using Laravel and Vue To Build Single Page Apps</strong></h1>'
  })
};
</script>
