73 lines
2.7 KiB
Vue
73 lines
2.7 KiB
Vue
<template>
|
|
<div>
|
|
<v-container>
|
|
<div style="padding: 50px;">
|
|
<v-row>
|
|
<v-col v-for="card in gallery" :key="card.title" :cols="card.flex">
|
|
<v-card>
|
|
<v-img :src="card.src" class="white--text align-end" height="400px">
|
|
<v-card-title v-text="card.title"></v-card-title>
|
|
</v-img>
|
|
<v-card-actions>
|
|
<v-btn icon :href="card.src">
|
|
<v-icon>mdi-bookmark</v-icon>
|
|
</v-btn>
|
|
<v-btn
|
|
icon
|
|
:href="`https://wa.me/?text=Gita Enterprise.%20https://gita-enterprise.com/products`"
|
|
>
|
|
<v-icon>mdi-share-variant</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<div
|
|
class="fb-like"
|
|
data-href="https://gita-enterprise.com/products"
|
|
data-width
|
|
data-layout="standard"
|
|
data-action="like"
|
|
data-size="small"
|
|
data-share="true"
|
|
></div>
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
</v-container>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
slider: [
|
|
{
|
|
src: '/img/cake-close-up.jpg',
|
|
},
|
|
{
|
|
src: '/Assets/gallery/bakery-products.jpg',
|
|
},
|
|
{
|
|
src: '/Assets/gallery/7.jpeg',
|
|
},
|
|
{
|
|
src: '/Assets/gallery/2.jpeg'
|
|
},
|
|
],
|
|
gallery: [
|
|
{ src: '/Assets/gallery/3.jpeg', title: 'Main1' },
|
|
{ src: '/Assets/gallery/4.jpeg', title: 'Main2' },
|
|
{ src: '/Assets/gallery/5.jpeg', title: 'Stock Rack 1 & 2' },
|
|
{ src: '/Assets/gallery/6.jpeg', title: 'Natural colour stock' },
|
|
{ src: '/Assets/gallery/7.jpeg', title: 'Main5' },
|
|
{ src: '/Assets/gallery/8.jpeg', title: 'Main6' },
|
|
{ src: '/Assets/gallery/9.jpeg', title: 'Main8' },
|
|
{ src: '/Assets/gallery/10.jpeg', title: 'Main9' }
|
|
|
|
]
|
|
}
|
|
},
|
|
}
|
|
</script>
|