kar/swarnamath
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Kar
2022-09-21 22:06:36 +05:30
commit 7a790d9211
31 changed files with 11874 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
components/Footer.vue Normal file
View File

@@ -0,0 +1,95 @@
<template>
<div class="mt-10">
<div class="footer black grey--text black--text py-10">
<v-container>
<v-row class="justify-center pb-10">
<v-btn color="transparent grey--text">
<v-icon x-large>mdi-facebook</v-icon>
</v-btn>
<v-btn color="transparent grey--text">
<v-icon x-large>mdi-twitter</v-icon>
</v-btn>
<v-btn color="transparent grey--text">
<v-icon x-large>mdi-share</v-icon>
</v-btn>
</v-row>
<hr />
<div class="pt-5">
<v-row>
<v-col col="12" sm="12" lg="3" md="6">
<div class="f_sec_1">
<div class="f_sec_1_logo">
</div>
<p color="grey--text">
We are a delivery company Serving in thakurnagar area.
Now we deliver Fruits, vegetables, cosmetics, grocery and many daily needs.
Along with delivery we provide various services for home and small offices like electrician, plumber etc...
</p>
</div>
</v-col>
<!-- <v-col col="12" sm="6" lg="3" md="6">
<div class="f_sec_3 sampleID">
<h3 style="padding-left:10px">QUICK LINKS</h3>
<ul
style="padding:0;list-style:none"
v-for="item in linkk"
:key="item.link"
:to="item.linkk"
>
<v-btn
color="transparent grey--text"
depressed
:to="`${item.link}`"
>
<span>
<v-icon class="text-h6 mr-1">{{ item.icon }}</v-icon>
{{ item.title }}
</span>
</v-btn>
</ul>
</div>
</v-col> -->
<v-col col="12" lg="3" sm="6" md="6">
<h3>GET IN TOUCH</h3>
<div>
<p> Thakurnagar Area, west bengal </p>
<p> email@swarnamath.com </p>
<p> call 8597894293 (8.00 AM — 6.00 PM) </p>
</div>
</v-col>
<!-- <v-col col="12" lg="3" sm="12" md="6">
<div>
<h3>STAY CONNECTED</h3>
<p>
We are a delivery company Serving in thakurnagar area.
</p>
<v-row class="pl-3 mt-7">
<v-text-field tile label="Input Mail" solo dense></v-text-field>
<v-btn
id="inner_input"
width="100"
height="40"
depressed
color="grey"
>Submit</v-btn>
</v-row>
</div>
</v-col> -->
</v-row>
</div>
</v-container>
</div>
<h4 style="text-align:center;padding:15px 0;"> Powered by DWD CONSULTANCY SERVICES</h4>
</div>
</template>
<script>
export default {
data() {
return {
}
},
}
</script>

115
components/Header.vue Normal file
View File

@@ -0,0 +1,115 @@
<template>
<div id="head">
<v-app-bar class="hidden-sm-and-down" color="green" fixed>
<NuxtLink class="py-4 black--text" to="/">
<img style="width:70px; padding:10px 5px 5px 5px" src="/icon.png" alt />
</NuxtLink>
<v-spacer></v-spacer>
<v-toolbar-items class="hidden-sm-and-down" color="pink">
<v-row align="center">
<NuxtLink
class="black--text"
v-for="item in links"
:key="item.icon"
:to="item.link"
>
<!-- <v-icon>{{ item.img }}</v-icon> -->
{{ item.title }}
</NuxtLink>
</v-row>
</v-toolbar-items>
</v-app-bar>
<div class="hidden-md-and-up">
<v-app-bar color="orange" style="position: fixed;top: 0;right:0;z-index:1">
<NuxtLink class="py-4 black--text" to="/">
<img
style="width:70px; padding:10px 5px 5px 5px"
src="/icon.png"
alt
/>
</NuxtLink>
<v-spacer></v-spacer>
<v-bottom-sheet v-model="mobileMenu">
<template v-slot:activator="{ on, attrs }">
<v-btn color="pink" v-bind="attrs" v-on="on">menu</v-btn>
</template>
<v-list>
<v-list-item
v-for="link in links"
:key="link.title"
:to="link.link"
@click="mobileMenu = false"
>
<v-list-item-avatar>
<v-icon>{{ link.img }}</v-icon>
</v-list-item-avatar>
<v-list-item-title>{{ link.title }}</v-list-item-title>
</v-list-item>
<v-list-item @click="mobileMenu = false"> <v-icon> mdi-close-box </v-icon> close this menu</v-list-item>
</v-list>
</v-bottom-sheet>
</v-app-bar>
</div>
</div>
</template>
<script>
export default {
data: () => ({
mobileMenu: false,
shoppingCart:[],
links: [
{ img: 'mdi-account', link: "/category/services", title: 'পরিসেবা ' },
{ img: 'mdi-corn', link: "/category/vegetables", title: 'সবজি ' },
{ img: 'mdi-apple', link: "/category/fruits", title: 'ফল ' },
{ img: 'mdi-apple', link: "/category/cloths", title: 'পরিধান ' },
{ img: 'mdi-diamond', link: "/category/jewlry", title: 'গয়না ' },
{ img: 'mdi-spray', link: "/category/cosmetics", title: 'প্রসাধন ' },
{ img: 'mdi-tag', link: "/category/grocery", title: 'মুদি ' },
{ img: 'mdi-basket', link: "/bag", title: 'ব্যাগ ' },
{ img: 'mdi-cellphone-basic', link: "/contact", title: 'যোগাযোগ ' },
],
}),
// mounted() {
// /// Retrieves cart from local storage when user first loads
// this.shoppingCart = JSON.parse(localStorage.getItem('shoppingCart') || "[]")
// },
// watch: {
// shoppingCart: {
// handler(newValue) {
// /// Updates the item in local storage
// localStorage.setItem(
// 'shoppingCart', JSON.stringify(newValue));
// }, deep: true
// }
// }
}
</script>
<style scoped>
a {
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
padding: 0px 5px;
margin: 0 2px;
font-weight: 500;
letter-spacing: 1px;
}
#head {
min-height: 90px;
}
@media screen and (max-width: 760px) {
#head {
min-height: 60px;
}
}
</style>

2
components/Menu.vue Normal file
View File

@@ -0,0 +1,2 @@
<template>
</template>