<template>
  <div class="row">
    <div class="col-xs-12 col-md-4 offset-md-2 q-pt-lg">
      <q-img src="http://placehold.it/720x480" ratio="4:3" />
    </div>
    <div class="col-xs-12 col-md-4">
      <q-card flat class="q-py-md text-grey-7 q-ma-md">
        <q-card-section>
          <div class="text-h4 text-teal-6">Upload your design, it's easy!</div>
        </q-card-section>
        <q-card-section>
          <p class="text-subtitle1">
            Watch our Tutorial to see how it works then start the Upload Wizard:
            it will guide you through the process step-by-step.
          </p>
        </q-card-section>
        <q-card-section>
          <div class="row no-wrap">
            <!-- <div class="col-auto">
          <q-btn class="bg-grey-1 q-mr-md">
            <q-icon left size="1em" name="fas fa-tv" />Watch Tutorial
          </q-btn>
            </div>-->
            <div class="col-auto">
              <q-btn class="bg-grey-1">
                <q-icon left size="1em" name="fas fa-magic" />Start wizard
              </q-btn>
            </div>
          </div>
        </q-card-section>
      </q-card>
    </div>
  </div>
</template>

<script>
export default {
  // name: 'ComponentName',
  data() {
    return {};
  }
};
</script>

<style>
</style>