<template>
  
    <v-footer class="py-sm-0 px-sm-0 pb-0 px-0 my-4" >
      <v-row>
        <v-col
          class="footer-background-color "
          cols="12"
          md="12"
          sm="12"
          lg="12"
          xl="12"
          
        >
          <v-container class="text-center">
            <div class="pt-2" v-html="customerService"></div>
            <div class="pt-2" v-html="stayInTouch"></div>
            <div class="pt-2" v-html="copyrightString"></div>
          </v-container>
        </v-col>
      </v-row>
    </v-footer>

</template>

<script>
export default {
  name: "FooterComponent",
  data() {
    return {
      customerService:
        "<div class='fontsize-16 title-color-black whyte-book-font' >Retail Customer Service <a href='tel:1-877-478-4849' class=' fontsize-16 text-decoration-none title-color-black whyte-book-font'> 1-877-478-4849 </a></div>",
      stayInTouch:
        " <a href='mailto:retailerportal@crane.com' class=' fontsize-16 text-decoration-none title-color-black whyte-book-font'>  FEEDBACK OR QUESTIONS? </a> ",
      copyrightString: "<div class='fontsize-16 title-color-black whyte-book-font'  >© 2021 Crane Stationery</div>",
    };
  },
};
</script>
<style src="./FooterComponent.scss" lang="scss"    />

