').load(d),a('
').load(d),a('
').load(d)}function e(c,d,e){if(this.$element=a(c),"string"==typeof d&&(d=b(d)),e?"string"==typeof e&&(e=b(e)):e={},"string"==typeof d)d=d.replace(/\.\w*$/,"");else if("object"==typeof d)for(var f in d)d.hasOwnProperty(f)&&(d[f]=d[f].replace(/\.\w*$/,""));this.settings=a.extend({},g,e),this.path=d,this.init()}var f="vide",g={volume:1,playbackRate:1,muted:!0,loop:!0,autoplay:!0,position:"50% 50%",posterType:"detect",resizing:!0};e.prototype.init=function(){var b,e=this,g=c(e.settings.position),h="";e.$wrapper=a("
26 |
28 |
45 |
46 |
47 |
18 |
19 |
20 |
23 |
24 |
25 |
8 | {/*banner*/}
9 |
43 |
44 | )
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/src/components/auth/register/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | export default class Register extends Component {
4 | render() {
5 | return (
6 |
10 |
16 | {/*login*/}
17 |
11 |
14 |
15 | Login
12 |HomeLogin
13 |
18 |
42 |
19 |
41 |
20 |
35 | Login
21 | 34 |
36 | Forgot Password
37 | Register
38 |
39 |
40 |
7 |
46 |
47 | )
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/components/nomatch/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import notfound from './notfound.jpg';
3 | export default class NoMatch extends Component {
4 | render() {
5 | return (
6 |
8 |
13 |
14 | {/*login*/}
15 |
16 |
45 |
17 |
44 |
18 |
43 | Register
19 | 42 |
7 | 
8 |
9 | );
10 | }
11 | }
--------------------------------------------------------------------------------
/src/components/nomatch/notfound.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Abhinash1994/grocery-ecommerce-website/7535d9f78a98fac6873d3eb8c4e3755224331059/src/components/nomatch/notfound.jpg
--------------------------------------------------------------------------------
/src/components/web/cart/cart.css:
--------------------------------------------------------------------------------
1 | .shopping_cart{
2 | padding-top: 15rem;
3 | padding-bottom: 3rem;
4 | }
5 | .price_details_bk .title{
6 | display: block;
7 | text-transform: uppercase;
8 | padding: 13px 24px;
9 | font-weight: 500;
10 | color: #878787;
11 | min-height: 47px;
12 | border-radius: 2px 2px 0 0;
13 | border-bottom: 1px solid #f0f0f0;
14 | font-size: 16px;
15 | }
16 | ._2twTWD {
17 | padding: 0 24px;
18 | border-bottom: 1px solid #f0f0f0;
19 | font-size: 16px;
20 | }
21 | .hJYgKM {
22 | display: -webkit-flex;
23 | display: -ms-flexbox;
24 | display: flex;
25 | -webkit-justify-content: space-between;
26 | -ms-flex-pack: justify;
27 | justify-content: space-between;
28 | margin: 20px 0;
29 | -webkit-align-items: flex-start;
30 | -ms-flex-align: start;
31 | align-items: flex-start;
32 | }
33 | .hJYgKM ._10vVqD {
34 | max-width: 60%;
35 | }
36 | ._3xFQAD {
37 | border-top: 1px dashed #e0e0e0;
38 | font-weight: 500;
39 | font-size: 18px;
40 | }
41 | ._22vQVX {
42 | border-top: 1px dashed #e0e0e0;
43 | padding: 12px 0;
44 | font-size: 16px;
45 | display: -webkit-flex;
46 | display: -ms-flexbox;
47 | display: flex;
48 | -webkit-justify-content: space-between;
49 | -ms-flex-pack: justify;
50 | justify-content: space-between;
51 | border-radius: 2px;
52 | color: #388e3c;
53 | font-weight: 500;
54 | }
55 | .process_checkout_bk {
56 | background: #fb641b;
57 | box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
58 | border: none;
59 | color: #fff;
60 | text-align: center;
61 | padding: 1rem;
62 | cursor: pointer;
63 | }
64 | .process_checkout_bk a{
65 | color:#fff;
66 | }
67 | .process_checkout_bk span{
68 | font-size: 18px;
69 | }
70 | .process_checkout_bk:hover{
71 | background: #cc5014;
72 | cursor: pointer;
73 | color: #fff;
74 | text-decoration: none;
75 |
76 | }
--------------------------------------------------------------------------------
/src/components/web/cart/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Grid, Card } from '@material-ui/core/';
3 | import { Link } from 'react-router-dom';
4 | import { connect } from 'react-redux';
5 | import { productQuantity, clearProduct } from '../../../actions/productQuantity'
6 | import './cart.css';
7 |
8 | function Cart({ cartProps, productQuantity, clearProduct }) {
9 | let productsInCart = [];
10 | Object.keys(cartProps.products).forEach(function (item) {
11 | if (cartProps.products[item].inCart) {
12 | productsInCart.push(cartProps.products[item])
13 | }
14 | })
15 | // console.log("cart number", cartProps)
16 | return (
17 |
18 |
19 |
21 |
30 |
31 |
32 |
67 |
68 |
69 |
70 | Price details
71 |
98 |
99 |
100 |
101 | {/*
103 |
104 |
105 | )
106 | }
107 | const mapStateToProps = (state) => ({
108 | cartProps: state.cartState
109 | });
110 |
111 | export default connect(mapStateToProps, { productQuantity, clearProduct })(Cart);
--------------------------------------------------------------------------------
/src/components/web/category-mobile/category.css:
--------------------------------------------------------------------------------
1 | .categories-wrapper {
2 | position: relative;
3 | top: 102px;
4 | padding-bottom: 70px;
5 | }
6 | .store-categories-list__item {
7 | -ms-flex-align: center;
8 | align-items: center;
9 | background-color: #fff;
10 | border-radius: 3px;
11 | border: 1px solid #eee;
12 | box-sizing: border-box;
13 | cursor: pointer;
14 | display: -ms-flexbox;
15 | display: flex;
16 | margin: 5px 15px;
17 | padding: 8px 0;
18 | position: relative;
19 | -webkit-tap-highlight-color: transparent;
20 | }
21 |
22 | .store-categories-list__item {
23 | border-bottom: 1px solid #dbdbdb;
24 | border-top: 1px solid #dbdbdb;
25 | border-radius: 0;
26 | margin: 8px 0;
27 | min-height: 140px;
28 | }
29 | .store-categories-list__item .category-image {
30 | background-position: 50%;
31 | background-repeat: no-repeat;
32 | }
33 | .store-categories-list__item .category-image {
34 | height: 120px;
35 | width: 40%;
36 | }
37 | .store-categories-list__item .category-image>div {
38 | height: 100%;
39 | }
40 | .img-loader__wrapper {
41 | height: 100%;
42 | position: relative;
43 | }
44 | .img-loader__img {
45 | position: absolute;
46 | left: 50%;
47 | top: 50%;
48 | transform: translate(-50%,-50%);
49 | transition: opacity .4s ease-in-out;
50 | max-width: 100%;
51 | max-height: 100%;
52 | }
53 | .img-loader__img--shown {
54 | opacity: 1;
55 | }
56 | .img-loader__placeholder--category-card {
57 | height: 90px;
58 | width: 90px;
59 | }
60 | .store-categories-list__item .category-name {
61 | box-sizing: border-box;
62 | font-size: 16px;
63 | margin: 0;
64 | padding: 0 56px 0 12px;
65 | width: 60%;
66 | }
67 | .store-categories-list__item .category-name__discount {
68 | color: #54b226;
69 | font-size: 12px;
70 | font-weight: 700;
71 | margin-bottom: 12px;
72 | text-transform: uppercase;
73 | }
74 | .store-categories-list__item .category-name__name {
75 | color: #333;
76 | font-weight: 500;
77 | margin-bottom: 4px;
78 | }
79 | .store-categories-list__item .category-name__description {
80 | color: #888;
81 | font-size: 10px;
82 | line-height: 1.6;
83 | max-height: 3.2em;
84 | overflow: hidden;
85 |
86 | text-overflow: ellipsis;
87 | -webkit-box-orient: vertical;
88 | display: -webkit-box;
89 | -webkit-line-clamp: 2;
90 | }
91 |
92 | .store-categories-list__item .category-icon {
93 | -ms-flex-align: center;
94 | align-items: center;
95 | display: -ms-flexbox;
96 | display: flex;
97 | font-size: 30px;
98 | height: 100%;
99 | -ms-flex-pack: center;
100 | justify-content: center;
101 | margin: 0;
102 | position: absolute;
103 | right: 0;
104 | top: 0;
105 |
106 | border-left: 1px solid #f8f8f8;
107 | color: #e96125;
108 | width: 40px;
109 | }
110 |
--------------------------------------------------------------------------------
/src/components/web/category-mobile/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | // import { Paper, Grid } from '@material-ui/core';
3 | import './category.css';
4 |
5 | export default class Category extends Component {
6 | render() {
7 | return (
8 |
22 |
29 | Shopping Cart
23 |
24 |
25 |
26 |
27 |
28 | | Products | 34 |Price | 35 |Quantity | 36 |Total | 37 |
|---|---|---|---|
43 | 
44 |
45 |
47 | {product.name}46 | clearProduct(product.tagName)}>
49 | |
50 | {product.price} | 51 |
52 |
58 |
53 |
57 | productQuantity('decrease', product.tagName)}>
54 | {product.numbers}
55 | productQuantity('increase', product.tagName)}>
56 | |
59 | {product.price * product.numbers} | 60 |
72 |
92 |
93 |
73 |
76 | Price ({cartProps.cart} item)
74 | ₹{cartProps.cartPrice}
75 |
77 |
80 | Delivery Fee
78 | Free
79 |
81 |
90 |
82 |
89 | Total Amount
83 |
84 |
85 | ₹{cartProps.cartPrice}
86 |
87 |
88 | You will save ₹210 on this order
91 |
94 | Proceed to Checkout
95 |
96 |
97 |
9 |
132 | )
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/src/components/web/checkout/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Grid, Paper } from '@material-ui/core/';
3 | import Summarycart from './summarycart';
4 | import { connect } from 'react-redux';
5 | import { productQuantity, clearProduct } from '../../../actions/productQuantity'
6 | import { Link } from 'react-router-dom';
7 |
8 | class Checkout extends Component {
9 | render() {
10 | return (
11 |
10 |
131 |
11 |
17 |
26 | {/* //2nd div */}
27 |
12 | 
13 |
14 |
15 |
16 | 
13 |
14 |
18 |
22 | Up to 71% off
19 | Grocery & Staples
20 | Pulses, Atta & Other Flours, Rice & Other Grains, Dry Fruits & Nuts, Edible Oils, Ghee & Vanaspati, Spices, Salt & Sugar, Organic Staples
21 |
23 |
24 |
25 |
28 |
34 |
43 |
44 | {/* //3rd div */}
45 |
29 | 
30 |
31 |
32 |
33 | 
30 |
31 |
35 |
39 | Up to 33% off
36 | Vegetables & Fruits
37 | Fruits, Mangoes, Vegetables
38 |
40 |
41 |
42 |
46 |
52 |
61 | {/* 4th div */}
62 |
47 | 
48 |
49 |
50 |
51 | 
48 |
49 |
53 |
57 | Up to 69% off
54 | Personal Care
55 | Personal Care Best offers, Safety Must Haves, Bath & Body, Hair Care, Skin Care, Oral Care, Fragrances, Face Care, Feminine Hygiene, Men's Grooming, Health And Wellness, Cosmetics
56 |
58 |
59 |
60 |
63 |
69 |
78 | {/* 5th div */}
79 |
64 | 
65 |
66 |
67 |
68 | 
65 |
66 |
70 |
74 | Up to 69% off
71 | Household Items
72 | Buy 1 Get 1 Free, Household Best Offers, Laundry Detergents, Dishwashers, Cleaners, Pooja Needs, Repellents, Home & Car Fresheners, Tissues & Disposables, Shoe Care
73 |
75 |
76 |
77 |
80 |
86 |
95 | {/* 6th div */}
96 |
81 | 
82 |
83 |
84 |
85 | 
82 |
83 |
87 |
91 | Up to 80% off
88 | Home & Kitchen
89 | Best Deals & Offers, Cookware, Storage & Containers, Kitchen Tools & Accessories, Dining & Serving, Bags & Travel Accessories, Bathroom Essentials, Cleaning Equipment, Electrical Goods & Accessories, Gas Stoves
90 |
92 |
93 |
94 |
97 |
103 |
112 | {/* 7th div */}
113 |
98 | 
99 |
100 |
101 |
102 | 
99 |
100 |
104 |
108 | Up to 50% off
105 | Beverages
106 | Best Offers, Cold Drinks, Juices & Drinks, Tea & Coffee, Health & Energy Drinks, Water & Soda, Milk Drinks
107 |
109 |
110 |
111 |
114 |
120 |
129 |
130 |
115 | 
116 |
117 |
118 |
119 | 
116 |
117 |
121 |
125 | Up to 39% off
122 | Breakfast & Dairy
123 | Breakfast & Dairy Best Offers, Milk & Milk Products, Bread & Eggs, Breakfast Cereal & Mixes, Jams, Honey & Spreads
124 |
126 |
127 |
128 |
12 |
13 |
19 |
20 |
22 |
23 |
24 |
25 |
29 |
30 |
51 |
52 |
54 |
55 | {/* 2nd block address */}
56 |
57 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
103 |
104 |
105 | {/* 2nd end block address */}
106 |
109 |
110 |
111 | Price details
112 |
134 |
135 |
136 |
137 |
139 |
140 | )
141 | }
142 | }
143 |
144 | const mapStateToProps = (state) => ({
145 | cartProps: state.cartState
146 | });
147 |
148 | export default connect(mapStateToProps, { productQuantity, clearProduct })(Checkout);
--------------------------------------------------------------------------------
/src/components/web/checkout/summarycart.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Grid, Paper, ExpansionPanel, ExpansionPanelSummary, ExpansionPanelDetails } from '@material-ui/core/';
3 | import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
4 |
5 | export default class Summarycart extends Component {
6 | render() {
7 | return (
8 |
14 |
18 | 100% Replacement Guarantee
15 | 100% Genuine Products
16 | Secure Payments
17 |
26 |
28 | 1Login or Signup
27 |2Delivery Address
58 |
82 |
97 |
98 | Address Type
83 |
84 |
96 |
85 |
89 |
94 |
95 |
99 |
100 |
101 |
102 |
113 |
133 |
114 |
117 | Price ({this.props.cartProps.cart} item)
115 | ₹{this.props.cartProps.cartPrice}
116 |
118 |
121 | Delivery Fee
119 | Free
120 |
122 |
131 |
123 |
130 | Total Amount
124 |
125 |
126 | ₹{this.props.cartProps.cartPrice}
127 |
128 |
129 | You will save ₹210 on this order
132 |
9 |
10 |
14 |
15 |
16 |
17 |
29 |
30 |
38 |
39 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
150 |
151 | )
152 | }
153 | }
154 |
--------------------------------------------------------------------------------
/src/components/web/contact/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Link } from 'react-router-dom';
3 |
4 | export default class Contact extends Component {
5 | render() {
6 | return (
7 |
11 |
13 | 3Order Summary
12 |
18 | 
19 |
20 |
19 |
21 |
27 |
28 |
22 |
23 |
25 |
26 |
31 |
37 | Miss & Chief Bed Protector Sheet- Waterproof & Reusable
32 | Seller: RetailNet
33 |
34 |
36 | ₹151
35 |
40 |
42 | Delivery by Sat May 23 | Free₹40
41 | Order confirmation email will be sent to pandit.bechu@gmail.com
60 |
62 |
70 |
134 |
135 |
136 |
144 |
145 |
146 |
147 |
148 |
149 | 4Payment Options
61 |1. Credit / Debit / ATM Card
68 | 69 |
71 |
72 |
73 |
131 |
132 |
133 |
74 |
130 |
75 |
82 |
76 |
81 | Payment Details
77 |
78 | 
79 |
80 |
79 |
83 |
128 |
129 | 2. Cash on Delivery
142 | 143 |You can pay in cash to our courier when you receive the goods at your doorstep.
8 | {/*banner*/}
9 |
80 |
81 | )
82 | }
83 | }
84 |
--------------------------------------------------------------------------------
/src/components/web/customer/desclaimer/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | export default class Desclaimer extends Component {
4 | render() {
5 | return (
6 |
10 |
16 | {/* contact */}
17 |
11 |
14 |
15 | Contact
12 |HomeContact
13 |
18 |
19 |
20 |
27 | Contact
21 |
22 |
23 |
24 |
25 |
26 |
28 |
29 | 
30 |
31 |
30 |
32 |
Contact Information
33 |Nemo enim ipsam voluptatem quia voluptas sit aspernatur 34 | aut odit aut fugit, sed quia consequuntur magni dolores eos 35 | qui ratione voluptatem sequi nesciunt. Neque porro quisquam 36 | est, qui dolorem ipsum quia dolor sit amet, consectetur
37 |-
38 |
- Saket,New-Delhi, India. 39 |
- pandit.bechu@gmail.com 40 |
- +91 8375893352 41 |
43 | {/*Horizontal Tab*/}
44 |
79 |
45 |
78 | -
46 |
- 47 |
- 48 |
- 49 |
51 |
77 |
52 |
58 |
59 |
60 |
67 |
61 |
66 | Our Branches
62 |-
63 |
- Saket, New Delhi, India. 64 |
68 |
76 |
69 |
75 | Contact Me Through
70 |-
71 |
- Mobile No : +91 8375893352 72 |
- Phone No : +91 7065334953 73 |
7 |
35 | )
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/components/web/customer/faq/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Link } from 'react-router-dom';
3 |
4 | export default class Faq extends Component {
5 | render() {
6 | return (
7 |
8 |
13 |
9 |
11 |
12 | Desclaimer
10 |
14 |
34 |
15 |
33 |
16 |
23 | Desclaimer
17 |
18 |
19 |
20 |
21 |
22 |
24 |
31 |
32 | 1.Important Points
25 |-
26 |
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.it has a more-or-less normal distribution of letters, as opposed Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 27 |
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 28 |
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.it has a more-or-less normal distribution of letters, as opposed Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 29 |
8 |
174 |
175 | )
176 | }
177 | }
178 |
--------------------------------------------------------------------------------
/src/components/web/customer/privacy-policy/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | export default class Privacypolicy extends Component {
4 | render() {
5 | return (
6 |
9 |
15 | {/* faqs */}
16 |
10 |
13 |
14 | Faqs
11 |HomeFaqs
12 |
17 |
173 |
18 |
172 |
19 |
26 | Faqs
20 |
21 |
22 |
23 |
24 |
25 |
27 | {/* First Panel */}
28 |
171 |
29 |
41 | {/* Second Panel */}
42 |
30 |
34 | 31 | 1. It is a long established fact that a reader will be distracted ? 32 |
33 |
35 |
40 |
36 |
39 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. .
37 |There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage.
38 |
43 |
56 | {/* Third Panel */}
57 |
44 |
48 | 45 | 2. Lorem Ipsum is simply dummy text of the printing ? 46 |
47 |
49 |
55 |
50 |
54 | There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage.
51 |Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
52 |It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.
53 |
58 |
69 | {/* Fourth Panel */}
70 |
59 |
63 | 60 | 3. Sed ut perspiciatis unde omnis iste natus error sit ? 61 |
62 |
64 |
68 |
65 |
67 | Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
66 |
71 |
84 | {/* Fifth Panel */}
85 |
72 |
76 | 73 | 4. At vero eos et accusamus et iusto odio dignissimos ? 74 |
75 |
77 |
83 |
78 |
82 | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
79 |Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
80 |Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.
81 |
86 |
98 | {/* Sixth Panel */}
99 |
87 |
91 | 88 | 5. On the other hand, we denounce with ? 89 |
90 |
92 |
97 |
93 |
96 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
94 |There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage.
95 |
100 |
113 | {/* Seventh Panel */}
114 |
101 |
105 | 102 | 6.Lorem ipsum dolor sit amet, consectetur ? 103 |
104 |
106 |
112 |
107 |
111 | There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage.
108 |Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
109 |It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing.
110 |
115 |
126 | {/* Eight Panel */}
127 |
116 |
120 | 117 | 7. There are many variations of passages ? 118 |
119 |
121 |
125 |
122 |
124 | Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.
123 |
128 |
140 | {/* Ninth Panel */}
141 |
129 |
133 | 130 | 8. It is a long established fact that a reader ? 131 |
132 |
134 |
139 |
135 |
138 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
136 |There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage.
137 |
142 |
153 | {/* Tenth Panel */}
154 |
143 |
147 | 144 | 9.The standard chunk of Lorem Ipsum ? 145 |
146 |
148 |
152 |
149 |
151 | Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.
150 |
155 |
170 |
156 |
160 | 157 | 10. Nor again is there anyone who loves or pursues ? 158 |
159 |
161 |
169 |
162 |
168 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 163 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 164 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
165 |Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 166 | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
167 |
7 |
64 | )
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/components/web/customer/term/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Link } from 'react-router-dom';
3 |
4 | export default class Term extends Component {
5 | render() {
6 | return (
7 |
8 |
13 |
9 |
11 |
12 | Privacy & Policy
10 |
14 |
63 |
15 |
62 |
16 |
23 | Privacy and Policy
17 |
18 |
19 |
20 |
21 |
22 |
24 |
31 | 1.Important Points
25 |-
26 |
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.it has a more-or-less normal distribution of letters, as opposed Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 27 |
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 28 |
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.it has a more-or-less normal distribution of letters, as opposed Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 29 |
32 |
37 | 2.Exclusions and Limitations
33 |It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
34 |Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.
35 |Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance
36 |
38 |
42 | 3.Payment
39 |If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary
40 |first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour
41 |
43 |
48 | 4.Cancellation Policy
44 |Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
45 |Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum"
46 |This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
47 |
49 |
53 | 5.Modifications & Refunds
50 |Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
51 |Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
52 |
54 |
57 | 6.Availability
55 |There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
56 |
58 |
61 | 7.Copyright Notice
59 |you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures
60 |
8 | {/*banner*/}
9 |
68 |
69 |
70 | )
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/src/components/web/footer/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Link } from 'react-router-dom';
3 |
4 | export default class Footer extends Component {
5 | render() {
6 | return (
7 |
10 |
16 | {/*- terms --*/}
17 |
11 |
14 |
15 | Terms
12 |HomeTerms
13 |
18 |
67 |
19 |
66 |
20 |
27 | Terms and Conditions
21 |
22 |
23 |
24 |
25 |
26 |
28 |
35 | 1.Important Points
29 |-
30 |
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.it has a more-or-less normal distribution of letters, as opposed Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 31 |
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores 32 |
- Lorem Ipsum is simply dummy text of the printing and typesetting industry.it has a more-or-less normal distribution of letters, as opposed Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 33 |
36 |
41 | 2.Exclusions and Limitations
37 |It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
38 |Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.
39 |Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance
40 |
42 |
46 | 3.Payment
43 |If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary
44 |first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour
45 |
47 |
52 | 4.Cancellation Policy
48 |Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
49 |Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum"
50 |This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
51 |
53 |
57 | 5.Modifications & Refunds
54 |Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
55 |Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
56 |
58 |
61 | 6.Availability
59 |There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
60 |
62 |
65 | 7.Copyright Notice
63 |you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures
64 |
8 |
68 |
69 | )
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/src/components/web/header/mobile-header.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Grid, Button } from '@material-ui/core';
3 | import Sidebar from '../sidebar';
4 | import { Link } from 'react-router-dom';
5 | import { connect } from 'react-redux';
6 | import { getCartNumbers } from '../../../actions/productActions';
7 | class Mobileheader extends Component {
8 | render() {
9 | return (
10 |
9 |
67 |
10 |
13 | About Us
11 |This is Abhinash kumar. I am full stack developer . I am working on Nodejs,sequelize(ORM),Express, mongoDB,& Reactjs since 2years .so, if you want make any kind of website/software please freely contact with us.
12 |
14 |
23 | Menu
15 |-
16 |
- Home 17 |
- Kitchen 18 |
- Personal Care 19 |
- Household 20 |
- Contact 21 |
24 |
32 | Customer Services
25 |-
26 |
- Disclaimer 27 |
- Faqs 28 |
- Privacy & Policy 29 |
- Terms & Conditions 30 |
33 |
40 |
41 | My Account
34 |-
35 |
- Login 36 |
- Register 37 | {/*
- Wishlist */} 38 |
42 | T
43 |
63 | T
H
EBig StoreThe Best Supermarket
43 | This is Abhinash kumar. I am full stack developer . I am working on Nodejs,sequelize(ORM),Express, mongoDB,& Reactjs since 2years .so, if you want make any kind of website/software please freely contact with us.
44 |-
45 |
- 46 |
- 47 |
- 48 |
- 49 |
51 |
62 |
52 |
54 | New Delhi , Saket, India.
53 |
55 |
57 | +91 8375893352
56 |
58 |
60 |
61 | pandit.bechu@gmail.com
59 |
64 |
66 | © 2020 Big store. All Rights Reserved | Design by Abhinash kumar
65 |
11 |
12 |
13 |
15 |
16 |
20 |
21 |
22 |
26 |
27 |
28 | {/*
29 |
32 | */}
33 |
34 |
41 |
42 |
43 |
44 | )
45 | }
46 | }
47 |
48 | const mapStateToProps = (state) => ({
49 | cartProps: state.cartState
50 | });
51 |
52 | export default connect(mapStateToProps, { getCartNumbers })(Mobileheader);
--------------------------------------------------------------------------------
/src/components/web/home/Carousel/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Grid } from '@material-ui/core';
3 | import Slider from "react-slick";
4 | import "slick-carousel/slick/slick.css";
5 | import "slick-carousel/slick/slick-theme.css";
6 |
7 | export default class Carousel extends Component {
8 | render() {
9 | var settings = {
10 | dots: false,
11 | infinite: true,
12 | autoplay: true,
13 | speed: 2000,
14 | autoplaySpeed: 2000,
15 | slidesToShow: 1,
16 | slidesToScroll: 1
17 | };
18 | return (
19 |
17 | T
18 |
19 | T
H
EBig Store
18 |
35 |
39 |
40 |
23 | 
24 |
25 |
24 |
26 | 
27 |
28 |
27 |
29 | 
30 |
31 |
30 |
9 |
12 | )
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/web/home/kitechen-info/kitechen.css:
--------------------------------------------------------------------------------
1 | .slider-bk .slick-arrow{
2 | background: #fab005 !important;
3 | border-radius: 30px;
4 | height: 30px;
5 | width: 30px;
6 | }
7 | .slider-bk .slick-arrow:hover{
8 | background: red !important;
9 | }
--------------------------------------------------------------------------------
/src/components/web/household/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Link } from 'react-router-dom';
3 |
4 | export default class Household extends Component {
5 | render() {
6 | return (
7 |
8 | {/* Carousel
9 | ================================================== */}
10 |
339 |
340 | )
341 | }
342 | }
343 |
--------------------------------------------------------------------------------
/src/components/web/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Switch, Route } from 'react-router-dom';
3 | import Home from './home';
4 | import Header from './header';
5 | import Footer from './footer';
6 | import NotFound from '../nomatch'
7 | import Kitchen from './kitchen';
8 | import Care from './personalcare';
9 | import Household from './household';
10 | import Contact from './contact';
11 | import Faq from './customer/faq';
12 | import Term from './customer/term';
13 | import Desclaimer from './customer/desclaimer';
14 | import Privacypolicy from './customer/privacy-policy';
15 | import Login from '../auth/login';
16 | import Register from '../auth/register';
17 | import Category from './category-mobile'
18 | import Cart from './cart';
19 | import Checkout from './checkout';
20 | import Singleproduct from './singleproduct';
21 | export default class Main extends Component {
22 | render() {
23 | return (
24 |
11 | {/* Indicators */}
12 |
{/* /.carousel */}
29 | {/*content*/}
30 | -
13 |
14 |
15 |
16 |
18 |
28 |
19 | 
20 |
21 |
20 |
22 | 
23 |
24 |
23 |
25 | 
26 |
27 |
26 |
31 |
58 | {/*content*/}
59 |
32 |
57 |
33 |
35 | Popular Categories
34 |
36 |
37 | 
38 |
39 |
42 |
38 |
39 | Clips
40 |Nam libero tempore
41 |
43 |
44 | 
45 |
46 |
49 |
45 |
46 | Cleaning Wear
47 |Nam libero tempore
48 |
50 |
51 | 
52 |
53 |
56 |
52 |
53 | Toothbrush
54 |Nam libero tempore
55 |
60 |
338 |
61 |
337 |
62 |
69 | Products
63 |
64 |
65 |
66 |
67 |
68 |
70 |
336 |
71 |
92 |
72 |
73 | 
74 |
75 |
91 |
74 |
75 |
76 |
90 |
77 |
79 | Cat Food(500 g)
78 |
80 |
86 | $6.00
81 |
82 |
83 |
84 |
85 |
87 |
88 |
89 |
93 |
114 |
94 |
95 | 
96 |
97 |
113 |
96 |
97 |
98 |
112 |
99 |
101 | Safety Pins(100 g)
100 |
102 |
108 | $4.50
103 |
104 |
105 |
106 |
107 |
109 |
110 |
111 |
115 |
136 |
116 |
117 | 
118 |
119 |
135 |
118 |
119 |
120 |
134 |
121 |
123 | Agarbatti(200 g)
122 |
124 |
130 | $3.50
125 |
126 |
127 |
128 |
129 |
131 |
132 |
133 |
137 |
158 |
138 |
139 | 
140 |
141 |
157 |
140 |
141 |
142 |
156 |
143 |
145 | Candle Set (1 pc)
144 |
146 |
152 | $0.80
147 |
148 |
149 |
150 |
151 |
153 |
154 |
155 |
159 |
180 |
160 |
161 | 
162 |
163 |
179 |
162 |
163 |
164 |
178 |
165 |
167 | Dust Bin(1 pc)
166 |
168 |
174 | $6.00
169 |
170 |
171 |
172 |
173 |
175 |
176 |
177 |
181 |
202 |
182 |
183 | 
184 |
185 |
201 |
184 |
185 |
186 |
200 |
187 |
189 | Hanger(1 pc)
188 |
190 |
196 | $4.50
191 |
192 |
193 |
194 |
195 |
197 |
198 |
199 |
203 |
224 |
204 |
205 | 
206 |
207 |
223 |
206 |
207 |
208 |
222 |
209 |
211 | Pet Bowl(1 pc)
210 |
212 |
218 | $3.50
213 |
214 |
215 |
216 |
217 |
219 |
220 |
221 |
225 |
246 |
226 |
227 | 
228 |
229 |
245 |
228 |
229 |
230 |
244 |
231 |
233 | Tailum(500 g)
232 |
234 |
240 | $0.80
235 |
236 |
237 |
238 |
239 |
241 |
242 |
243 |
247 |
268 |
248 |
249 | 
250 |
251 |
267 |
250 |
251 |
252 |
266 |
253 |
255 | Container(1 pc)
254 |
256 |
262 | $6.00
257 |
258 |
259 |
260 |
261 |
263 |
264 |
265 |
269 |
290 |
270 |
271 | 
272 |
273 |
289 |
272 |
273 |
274 |
288 |
275 |
277 | Scrub Sponge(100 g)
276 |
278 |
284 | $4.50
279 |
280 |
281 |
282 |
283 |
285 |
286 |
287 |
291 |
312 |
292 |
293 | 
294 |
295 |
311 |
294 |
295 |
296 |
310 |
297 |
299 | Reindeer (1 pc)
298 |
300 |
306 | $3.50
301 |
302 |
303 |
304 |
305 |
307 |
308 |
309 |
313 |
334 |
335 |
314 |
315 | 
316 |
317 |
333 |
316 |
317 |
318 |
332 |
319 |
321 | Cleaner(1 pc)
320 |
322 |
328 | $0.80
323 |
324 |
325 |
326 |
327 |
329 |
330 |
331 |
8 | {/* Carousel
9 | ================================================== */}
10 |
339 |
340 | )
341 | }
342 | }
343 |
--------------------------------------------------------------------------------
/src/components/web/sidebar/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Link } from 'react-router-dom';
3 | import './sidebar.css';
4 |
5 | class Sidebar extends Component {
6 | constructor(props) {
7 | super(props);
8 | this.state = { open: false, status: 0, loading: false }
9 | }
10 |
11 | handleOpen(e) {
12 | document.getElementById("mySidenav").style.width = "250px";
13 | }
14 |
15 | handleClose(e) {
16 | document.getElementById("mySidenav").style.width = "0";
17 | }
18 | render() {
19 | return (
20 |
11 | {/* Indicators */}
12 |
{/* /.carousel */}
29 | {/*content*/}
30 | -
13 |
14 |
15 |
16 |
18 |
28 |
19 |
20 |
21 |
20 |
22 |
23 |
24 |
23 |
25 |
26 |
27 |
26 |
31 |
58 | {/*content*/}
59 |
32 |
57 |
33 |
35 | Popular Categories
34 |
36 |
37 | 
38 |
39 |
42 |
38 |
39 | Dal
40 |Nam libero tempore
41 |
43 |
44 | 
45 |
46 |
49 |
45 |
46 | Snacks
47 |Nam libero tempore
48 |
50 |
51 | 
52 |
53 |
56 |
52 |
53 | Spice
54 |Nam libero tempore
55 |
60 |
338 |
61 |
337 |
62 |
69 | Products
63 |
64 |
65 |
66 |
67 |
68 |
70 |
336 |
71 |
92 |
72 |
73 | 
74 |
75 |
91 |
74 |
75 |
76 |
90 |
77 |
79 | Wheat(500 g)
78 |
80 |
86 | $6.00
81 |
82 |
83 |
84 |
85 |
87 |
88 |
89 |
93 |
114 |
94 |
95 | 
96 |
97 |
113 |
96 |
97 |
98 |
112 |
99 |
101 | Peach Halves(250 g)
100 |
102 |
108 | $4.50
103 |
104 |
105 |
106 |
107 |
109 |
110 |
111 |
115 |
136 |
116 |
117 | 
118 |
119 |
135 |
118 |
119 |
120 |
134 |
121 |
123 | Banana(1 kg)
122 |
124 |
130 | $3.50
125 |
126 |
127 |
128 |
129 |
131 |
132 |
133 |
137 |
158 |
138 |
139 | 
140 |
141 |
157 |
140 |
141 |
142 |
156 |
143 |
145 | Rice(500 g)
144 |
146 |
152 | $0.80
147 |
148 |
149 |
150 |
151 |
153 |
154 |
155 |
159 |
180 |
160 |
161 | 
162 |
163 |
179 |
162 |
163 |
164 |
178 |
165 |
167 | Oil(500 g)
166 |
168 |
174 | $6.00
169 |
170 |
171 |
172 |
173 |
175 |
176 |
177 |
181 |
202 |
182 |
183 | 
184 |
185 |
201 |
184 |
185 |
186 |
200 |
187 |
189 | Biscuits(250 g)
188 |
190 |
196 | $4.50
191 |
192 |
193 |
194 |
195 |
197 |
198 |
199 |
203 |
224 |
204 |
205 | 
206 |
207 |
223 |
206 |
207 |
208 |
222 |
209 |
211 | Nuts(1 kg)
210 |
212 |
218 | $3.50
213 |
214 |
215 |
216 |
217 |
219 |
220 |
221 |
225 |
246 |
226 |
227 | 
228 |
229 |
245 |
228 |
229 |
230 |
244 |
231 |
233 | Rice(500 g)
232 |
234 |
240 | $0.80
235 |
236 |
237 |
238 |
239 |
241 |
242 |
243 |
247 |
268 |
248 |
249 | 
250 |
251 |
267 |
250 |
251 |
252 |
266 |
253 |
255 | Noodles(500 g)
254 |
256 |
262 | $6.00
257 |
258 |
259 |
260 |
261 |
263 |
264 |
265 |
269 |
290 |
270 |
271 | 
272 |
273 |
289 |
272 |
273 |
274 |
288 |
275 |
277 | Tea(250 g)
276 |
278 |
284 | $4.50
279 |
280 |
281 |
282 |
283 |
285 |
286 |
287 |
291 |
312 |
292 |
293 | 
294 |
295 |
311 |
294 |
295 |
296 |
310 |
297 |
299 | Seafood(1 kg)
298 |
300 |
306 | $3.50
301 |
302 |
303 |
304 |
305 |
307 |
308 |
309 |
313 |
334 |
335 |
314 |
315 | 
316 |
317 |
333 |
316 |
317 |
318 |
332 |
319 |
321 | Oats Idli(500 g)
320 |
322 |
328 | $0.80
323 |
324 |
325 |
326 |
327 |
329 |
330 |
331 |
21 |
41 | )
42 | }
43 | }
44 |
45 | export default Sidebar;
--------------------------------------------------------------------------------
/src/components/web/sidebar/sidebar.css:
--------------------------------------------------------------------------------
1 | .sidenav {
2 | height: 100%;
3 | width: 0;
4 | position: fixed;
5 | z-index: 1;
6 | top: 0;
7 | left: 0;
8 | background-color:#fff;
9 | border-color: #080808;
10 | overflow-x: hidden;
11 | transition: 0.5s;
12 | padding-top: 60px;
13 | }
14 |
15 | .sidenav a {
16 | padding: 8px 8px 8px 32px;
17 | transition: 0.3s;
18 |
19 | text-transform: uppercase;
20 | padding-left: 10px;
21 | font: 15px ProximaNovaA-semibold;
22 | display: block;
23 | background: #fff;
24 | margin: 0;
25 | padding: 8px;
26 | border-bottom: 1px solid #b6b6b6;
27 | }
28 |
29 | .sidenav a:hover {
30 | color: #080808;
31 | background-color: #fab005;
32 | text-decoration: none;
33 |
34 | }
35 |
36 | .sidenav .closebtn {
37 | position: absolute;
38 | top: 0;
39 | right: 25px;
40 | font-size: 36px;
41 | margin-left: 50px;
42 | }
43 |
44 | @media screen and (max-height: 450px) {
45 | .sidenav {padding-top: 15px;}
46 | .sidenav a {font-size: 18px;}
47 | }
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import './index.css';
4 | import App from './App';
5 | import { BrowserRouter } from 'react-router-dom';
6 | import * as serviceWorker from './serviceWorker';
7 |
8 | ReactDOM.render(
9 |
22 |
29 |
30 |
40 |