retailer-vue/src/routes/retailer/personalized-products-order...

94 lines
2.3 KiB
Vue

<template>
<v-container>
<div class="h3 my-5 py-5 body-font1">Personalized Products & Ordering</div>
<div class="padding-space">
<v-hover v-slot:default="{ hover }">
<router-link
class="text-decoration-none whyteTmin10-font "
:to="{ name: '' }"
>
<div
:class="hover ? 'primary--text' : 'black--text'"
class="subheading "
>
Personalized Albums
</div>
</router-link>
</v-hover>
</div>
<div class="padding-space1">
<v-hover v-slot:default="{ hover }">
<router-link
class="text-decoration-none whyteTmin10-font"
:to="{ name: '' }"
>
<div
:class="hover ? 'primary--text' : 'black--text'"
class="subheading"
>
Concierge Services
</div>
</router-link>
</v-hover>
</div>
<div class="padding-space1">
<v-hover v-slot:default="{ hover }">
<router-link
class="text-decoration-none whyteTmin10-font"
:to="{ name: '' }"
>
<div
:class="hover ? 'primary--text' : 'black--text'"
class="subheading"
>
Crane Stationery Design Elements
</div>
</router-link>
</v-hover>
</div>
<div class="padding-space1">
<v-hover v-slot:default="{ hover }">
<router-link
class="text-decoration-none whyteTmin10-font"
:to="{ name: '' }"
>
<div
:class="hover ? 'primary--text' : 'black--text'"
class="subheading"
>
Engraving Die Form
</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="{ name: 'ResourcesPage' }"
>
<div
:class="hover ? 'primary--text' : 'black--text'"
class="subheading"
>
Back to Resources
</div>
</router-link>
</v-hover>
</div>
</v-container>
</template>
<script>
export default {
name: "PersonalizedProductsOrdering",
};
</script>
<style src="./personalized-products-ordering.scss" lang="scss" scoped/>