retailer-vue/src/routes/retailer/imagery_logos.vue

<template>
  <v-container>
    <div class="h3 my-5 py-10 body-font1">Imagery & Logos</div>
    <div class="pb-5"><b>Crane & Co. Album Imagery</b></div>
   
    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/d2aeogtlsby0gee/AAA3jzGfe5Z8GTMvteqhai6va?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
      Crane & Co. Business Essentials
          </div>
        </router-link>
      </v-hover>
    </div>

<div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/9wr2f5xhin3j4wk/AAAF6E8uM13XoQGmazoRZAEoa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     Crane & Co. Collection I
          </div>
        </router-link>
      </v-hover>
    </div>

<div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/hefr3rjvm93k15b/AAA60S01KZqsaPWvwPKMx_3Da?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     Crane & Co. Collection II
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="pt-10 pb-5"><b>Holiday 2021</b></div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/xlbplrg290552oh/AAD8k5QCic3a45GWmKuBeSZpa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     Boxed
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/xlbplrg290552oh/AAD8k5QCic3a45GWmKuBeSZpa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     Personalized
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="pt-10 pb-5"><b>Brand Logos</b></div>


    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/njpvrfc0yjvysyr/AAAaHmEded75XOo3Cvf39hEva?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     Hi Res Brand Logos
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/j5fqicnp6c12j49/AABFKE1PAD4VOfidmwQbEAdCa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     JPEG Brand Logos
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="pt-10 pb-5"><b>William Arthur Album Imagery</b></div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/1idvf0bp9k2y4zk/AAAVtCgkYOkD1MwhoIj-c7H7a?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     NEW William Arthur Weddings Volume I
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/nljbpmr8ieiil4g/AADP6MpJUcZN8nTHuu_66wHJa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     NEW William Arthur Weddings Volume I (Detail Shots)
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/jpvxv2ns60azzb2/AAA2e_VsAd0CoEvcUZ4At2EFa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     William Arthur Invitations & Announcements, Volume II
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/aemgss1o857719f/AADBoxO3t-kRDCXaRcr9Yik0a?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     NEW William Arthur Social Stationery & Occassions
          </div>
        </router-link>
      </v-hover>
    </div>


   <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/ftr9xd0b58hu9e0/AACuJGSnyJfsbLPAO_fRvUvsa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     William Arthur Weddings, Volume II
          </div>
        </router-link>
      </v-hover>
    </div>

  <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/nlkdmqvsg7s2iy9/AABJOA6W7L4PlN9x0hBbq_Rra?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
     William Arthur Weddings, Volume II Insert
          </div>
        </router-link>
      </v-hover>
    </div>


  <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          to
          @click.native="
            goToLink(
              'https://www.dropbox.com/sh/2rie5nzxg7be8r8/AABlMW1ihlCO4ua44_PavXfYa?dl=0'
            )
          "
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
    William Arthur Weddings, Volume III
          </div>
        </router-link>
      </v-hover>
    </div>


    <div class="py-10">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          :to="{ name: 'MarketingToolsPromotions' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
          Back to Marketing Tools & Promotions
          </div>
        </router-link>
      </v-hover>
    </div>
  </v-container>
</template>
<script>
export default {
  name: "ImageryLogos",
  methods: {
    goToLink(pageLink) {
      window.open(pageLink, "_blank");
    },
  },
};
</script>

<style src="./imagery_logos.scss" lang="scss" scoped/>