67 lines
3.0 KiB
Vue
67 lines
3.0 KiB
Vue
<template>
|
|
<div>
|
|
<v-card class="mx-auto my-12" md="4">
|
|
<v-row justify="center">
|
|
<h1 style="padding: 5px;">Products sold by GITA ENTERPRISE</h1>
|
|
</v-row>
|
|
</v-card>
|
|
|
|
<div style="padding: 0 40px;">
|
|
<v-row>
|
|
<v-col v-for="card in products" :key="card.title" sm2 md2 lg1>
|
|
<v-card>
|
|
<v-img :src="card.src" class="white--text align-end" height="300px">
|
|
<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-whatsapp</v-icon>
|
|
</v-btn>
|
|
<v-btn>
|
|
<ShareNetwork
|
|
network="facebook"
|
|
url="https://gita-enterprise.com/products"
|
|
title="Gita Enterprise"
|
|
description="Bakery equipments ingredients"
|
|
quote="All products and item related to bakery"
|
|
hashtags="bakery"
|
|
> <v-icon>mdi-facebook</v-icon> </ShareNetwork>
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data: () => ({
|
|
products: [
|
|
{ title: 'BAKING SODA', src: '/gita/bakingsoda.jpg', flex: 3 },
|
|
{ title: 'GEL-COLOUR', src: '/gita/cake gel.jpeg', flex: 3 },
|
|
{ title: 'CAKE MOULD', src: 'gita/cake mould.jpg', flex: 3 },
|
|
|
|
{ title: 'FRUIT CRUSH', src: 'gita/fruit crush.jpeg', flex: 3 },
|
|
{ title: 'GEL_COLOUR', src: 'gita/gel colour.jpg', flex: 3 },
|
|
{ title: 'IEIN NOZZLE', src: 'gita/iein nozzles.jpg', flex: 3 },
|
|
{ title: 'NEUTRAL GEL', src: 'gita/neutral gel.jpg', flex: 3 },
|
|
{ title: 'SUGAR PASTE', src: 'gita/sugarpaste.jpg', flex: 3 },
|
|
{ title: 'TURNING TABLE', src: 'gita/caketurning table.jpg', flex: 3 },
|
|
{ title: 'COCOA POWDER', src: '/gita/cocoa powder.jpg', flex: 3 },
|
|
{ title: 'COLOUR SPALASH', src: '/gita/colour splash.jpg', flex: 3 },
|
|
{ title: 'COLOUR MIST', src: '/gita/colourmist.jpg', flex: 3 },
|
|
{ title: 'CREAM CHEESE', src: 'gita/cream cheese.jpg', flex: 3 },
|
|
{ title: 'DARK COMPOUND SLAB', src: 'gita/dark compound slab.png', flex: 3 },
|
|
|
|
],
|
|
}),
|
|
}
|
|
</script>
|