├── .github
└── FUNDING.yml
├── account.html
├── cart.html
├── images
├── app-store.png
├── buy-1.jpg
├── buy-2.jpg
├── buy-3.jpg
├── cart.png
├── category-1.jpg
├── category-2.jpg
├── category-3.jpg
├── exclusive.png
├── gallery-1.jpg
├── gallery-2.jpg
├── gallery-3.jpg
├── gallery-4.jpg
├── image1.png
├── logo-coca-cola.png
├── logo-godrej.png
├── logo-oppo.png
├── logo-paypal.png
├── logo-philips.png
├── logo-white.png
├── logo.png
├── menu.png
├── play-store.png
├── product-1.jpg
├── product-10.jpg
├── product-11.jpg
├── product-12.jpg
├── product-2.jpg
├── product-3.jpg
├── product-4.jpg
├── product-5.jpg
├── product-6.jpg
├── product-7.jpg
├── product-8.jpg
├── product-9.jpg
├── user-1.png
├── user-2.png
└── user-3.png
├── index.html
├── product_details.html
├── products.html
├── readme.md
└── style.css
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: SamwitAdhikary
4 | patreon: # Replace with a single Patreon username
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: # Replace with a single Ko-fi username
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
13 | custom: # https://github.com/sponsors/SamwitAdhikary?o=sd&sc=t
14 |
--------------------------------------------------------------------------------
/account.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | All Products | RedStore
8 |
9 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
108 |
109 |
110 |
111 |
123 |
124 |
125 |
142 |
143 |
144 |
145 |
--------------------------------------------------------------------------------
/cart.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | All Products | RedStore
8 |
9 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 | Product
39 | Quantity
40 | Subtotal
41 |
42 |
43 |
44 |
45 |
46 |
47 |
Red Printed T-Shirt
48 |
Price: $50.00
49 |
50 |
Remove
51 |
52 |
53 |
54 |
55 | $50.00
56 |
57 |
58 |
59 |
60 |
61 |
62 |
Red Printed T-Shirt
63 |
Price: $50.00
64 |
65 |
Remove
66 |
67 |
68 |
69 |
70 | $50.00
71 |
72 |
73 |
74 |
75 |
76 |
77 |
Red Printed T-Shirt
78 |
Price: $50.00
79 |
80 |
Remove
81 |
82 |
83 |
84 |
85 | $50.00
86 |
87 |
88 |
89 |
90 |
91 | Subtotal
92 | $200.00
93 |
94 |
95 | Tax
96 | $35.00
97 |
98 |
99 | Total
100 | $230.00
101 |
102 |
103 |
104 |
105 |
106 |
107 |
146 |
147 |
148 |
149 |
161 |
162 |
163 |
164 |
--------------------------------------------------------------------------------
/images/app-store.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/app-store.png
--------------------------------------------------------------------------------
/images/buy-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/buy-1.jpg
--------------------------------------------------------------------------------
/images/buy-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/buy-2.jpg
--------------------------------------------------------------------------------
/images/buy-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/buy-3.jpg
--------------------------------------------------------------------------------
/images/cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/cart.png
--------------------------------------------------------------------------------
/images/category-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/category-1.jpg
--------------------------------------------------------------------------------
/images/category-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/category-2.jpg
--------------------------------------------------------------------------------
/images/category-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/category-3.jpg
--------------------------------------------------------------------------------
/images/exclusive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/exclusive.png
--------------------------------------------------------------------------------
/images/gallery-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/gallery-1.jpg
--------------------------------------------------------------------------------
/images/gallery-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/gallery-2.jpg
--------------------------------------------------------------------------------
/images/gallery-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/gallery-3.jpg
--------------------------------------------------------------------------------
/images/gallery-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/gallery-4.jpg
--------------------------------------------------------------------------------
/images/image1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/image1.png
--------------------------------------------------------------------------------
/images/logo-coca-cola.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo-coca-cola.png
--------------------------------------------------------------------------------
/images/logo-godrej.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo-godrej.png
--------------------------------------------------------------------------------
/images/logo-oppo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo-oppo.png
--------------------------------------------------------------------------------
/images/logo-paypal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo-paypal.png
--------------------------------------------------------------------------------
/images/logo-philips.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo-philips.png
--------------------------------------------------------------------------------
/images/logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo-white.png
--------------------------------------------------------------------------------
/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/logo.png
--------------------------------------------------------------------------------
/images/menu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/menu.png
--------------------------------------------------------------------------------
/images/play-store.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/play-store.png
--------------------------------------------------------------------------------
/images/product-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-1.jpg
--------------------------------------------------------------------------------
/images/product-10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-10.jpg
--------------------------------------------------------------------------------
/images/product-11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-11.jpg
--------------------------------------------------------------------------------
/images/product-12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-12.jpg
--------------------------------------------------------------------------------
/images/product-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-2.jpg
--------------------------------------------------------------------------------
/images/product-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-3.jpg
--------------------------------------------------------------------------------
/images/product-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-4.jpg
--------------------------------------------------------------------------------
/images/product-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-5.jpg
--------------------------------------------------------------------------------
/images/product-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-6.jpg
--------------------------------------------------------------------------------
/images/product-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-7.jpg
--------------------------------------------------------------------------------
/images/product-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-8.jpg
--------------------------------------------------------------------------------
/images/product-9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/product-9.jpg
--------------------------------------------------------------------------------
/images/user-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/user-1.png
--------------------------------------------------------------------------------
/images/user-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/user-2.png
--------------------------------------------------------------------------------
/images/user-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SamwitAdhikary/Ecommerce/05583c6dae8e9dd446d5d04a6c46bae9fab8b6bf/images/user-3.png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | RedStore | Ecommerce Website Design
8 |
9 |
11 |
12 |
13 |
14 |
15 |
16 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
Featured Products
70 |
71 |
72 |
73 |
Red Printed T-Shirt
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
$50.00
82 |
83 |
84 |
85 |
Red Printed T-Shirt
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
$50.00
94 |
95 |
96 |
97 |
Red Printed T-Shirt
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
$50.00
106 |
107 |
108 |
109 |
Red Printed T-Shirt
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
$50.00
118 |
119 |
120 |
Latest Products
121 |
122 |
123 |
124 |
Red Printed T-Shirt
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
$50.00
133 |
134 |
135 |
136 |
Red Printed T-Shirt
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
$50.00
145 |
146 |
147 |
148 |
Red Printed T-Shirt
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
$50.00
157 |
158 |
159 |
160 |
Red Printed T-Shirt
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
$50.00
169 |
170 |
171 |
172 |
173 |
174 |
Red Printed T-Shirt
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
$50.00
183 |
184 |
185 |
186 |
Red Printed T-Shirt
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
$50.00
195 |
196 |
197 |
198 |
Red Printed T-Shirt
199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 |
$50.00
207 |
208 |
209 |
210 |
Red Printed T-Shirt
211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
$50.00
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
Exclusively Available on RedStore
232 |
Smart Band 4
233 |
The Mi Smart Band 4 fearures a 39.9%larger (than Mi Band 3) AMOLED color full-touch display
234 | with adjustable brightness, so everything is clear as can be.
235 |
Buy Now →
236 |
237 |
238 |
239 |
240 |
241 |
242 |
243 |
244 |
245 |
246 |
247 |
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
248 | industry's standard dummy text.
249 |
250 |
251 |
252 |
253 |
254 |
255 |
256 |
257 |
Sean Parker
258 |
259 |
260 |
261 |
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
262 | industry's standard dummy text.
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
Mike Smith
272 |
273 |
274 |
275 |
Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
276 | industry's standard dummy text.
277 |
278 |
279 |
280 |
281 |
282 |
283 |
284 |
285 |
Mabel Joe
286 |
287 |
288 |
289 |
290 |
291 |
292 |
293 |
294 |
295 |
296 |
297 |
298 |
299 |
300 |
301 |
302 |
303 |
304 |
305 |
306 |
307 |
308 |
309 |
310 |
311 |
312 |
313 |
314 |
315 |
316 |
355 |
356 |
357 |
358 |
370 |
371 |
372 |
373 |
--------------------------------------------------------------------------------
/product_details.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | All Products | RedStore
8 |
9 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
Home / T-Shirt
58 |
Red Printed T-Shirt by HRX
59 |
$50.00
60 |
61 | Select Size
62 | XXL
63 | XL
64 | L
65 | M
66 | S
67 |
68 |
69 |
Add To Cart
70 |
71 |
Product Details
72 |
73 |
Give your summer wardrobe a style upgrade with the HRX Men's Active T-Shirt. Team it with a pair of
74 | shorts for your morning workout or a denims for an evening out with the guys.
75 |
76 |
77 |
78 |
79 |
80 |
81 |
Related Products
82 |
View More
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
Red Printed T-Shirt
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
$50.00
99 |
100 |
101 |
102 |
Red Printed T-Shirt
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
$50.00
111 |
112 |
113 |
114 |
Red Printed T-Shirt
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
$50.00
123 |
124 |
125 |
126 |
Red Printed T-Shirt
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
$50.00
135 |
136 |
137 |
138 |
139 |
140 |
179 |
180 |
181 |
182 |
194 |
195 |
196 |
214 |
215 |
216 |
--------------------------------------------------------------------------------
/products.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | All Products | RedStore
8 |
9 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
All Products
39 |
40 | Default Sort
41 | Sort By Price
42 | Sort By Popularity
43 | Sort By Rating
44 | Sort By Sale
45 |
46 |
47 |
48 |
49 |
50 |
Red Printed T-Shirt
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
$50.00
59 |
60 |
61 |
62 |
Red Printed T-Shirt
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
$50.00
71 |
72 |
73 |
74 |
Red Printed T-Shirt
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
$50.00
83 |
84 |
85 |
86 |
Red Printed T-Shirt
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
$50.00
95 |
96 |
97 |
98 |
99 |
100 |
Red Printed T-Shirt
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
$50.00
109 |
110 |
111 |
112 |
Red Printed T-Shirt
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
$50.00
121 |
122 |
123 |
124 |
Red Printed T-Shirt
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
$50.00
133 |
134 |
135 |
136 |
Red Printed T-Shirt
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
$50.00
145 |
146 |
147 |
148 |
149 |
150 |
Red Printed T-Shirt
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
$50.00
159 |
160 |
161 |
162 |
Red Printed T-Shirt
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
$50.00
171 |
172 |
173 |
174 |
Red Printed T-Shirt
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
$50.00
183 |
184 |
185 |
186 |
Red Printed T-Shirt
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
$50.00
195 |
196 |
197 |
198 | 1
199 | 2
200 | 3
201 | 4
202 | →
203 |
204 |
205 |
206 |
207 |
246 |
247 |
248 |
249 |
261 |
262 |
263 |
264 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | ### Ecommerce Template 👋
2 |
3 | [Demo](https://samwitadhikary.github.io/Ecommerce/)
4 |
5 | ## Working!
6 | - It is a pure Ecommerce Template made Purely in HTML and CSS with Full Responsive Mode. It has multipage functionality and awesome looks.
7 | - Want to get this source code. Do fork it.
8 | - Have any more ideas, make a pull request.
9 |
10 | ### Connect with me:
11 |
12 | [ ][website]
13 | [ ][twitter]
14 | [ ][linkedin]
15 | [ ][instagram]
16 |
17 |
18 | ---
19 |
20 | [website]: https://samwitadhikary.github.io/my-profile
21 | [twitter]: https://twitter.com/SamwitAdhikary
22 | [instagram]: https://www.instagram.com/samwit_adhikary
23 | [linkedin]: https://www.linkedin.com/in/samwit-adhikary-2487161a3/
24 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | body{
8 | font-family: 'Poppins', sans-serif;
9 | }
10 |
11 | .navbar
12 | {
13 | display: flex;
14 | align-items: center;
15 | padding: 20px;
16 | }
17 |
18 | nav{
19 | flex: 1;
20 | text-align: right;
21 | }
22 | nav ul{
23 | display: inline-block;
24 | list-style-type: none;
25 | }
26 | nav ul li{
27 | display: inline-block;
28 | margin-right: 20px;
29 | }
30 | a{
31 | text-decoration: none;
32 | color: #555;
33 | }
34 | p{
35 | color: #555;
36 | }
37 | .container{
38 | max-width: 1300px;
39 | margin: auto;
40 | padding-left: 25px;
41 | padding-right: 25px;
42 | }
43 | .row{
44 | display: flex;
45 | align-items: center;
46 | flex-wrap: wrap;
47 | justify-content: space-around;
48 | }
49 | .col-2{
50 | flex-basis: 50%;
51 | min-width: 300px;
52 | }
53 | .col-2 img{
54 | max-width: 100%;
55 | padding: 50px 0;
56 | }
57 | .col-2 h1{
58 | font-size: 50px;
59 | line-height: 60px;
60 | margin: 25px 0;
61 | }
62 | .btn{
63 | display: inline-block;
64 | background: #ff523b;
65 | color: white;
66 | padding: 8px 30px;
67 | margin: 30px 0;
68 | border-radius: 30px;
69 | transition: background 0.5s;
70 | }
71 | .btn:hover{
72 | background: #563434;
73 | }
74 | .header{
75 | background: radial-gradient(#fff,#ffd6d6);
76 | }
77 | .header .row{
78 | margin-top: 70px;
79 | }
80 | .categories{
81 | margin: 70px 0;
82 | }
83 | .col-3{
84 | flex-basis: 30%;
85 | min-width: 250px;
86 | margin-bottom: 30px;
87 | }
88 | .col-3 img{
89 | width: 100%;
90 | }
91 | .small-container{
92 | max-width: 1080px;
93 | margin: auto;
94 | padding-left: 25px;
95 | padding-right: 25px;
96 | }
97 | .col-4{
98 | flex-basis: 25%;
99 | padding: 10px;
100 | min-width: 200px;
101 | margin-bottom: 50px;
102 | transition: transform 0.5s;
103 | }
104 | .col-4 img{
105 | width: 100%;
106 | }
107 | .title{
108 | text-align: center;
109 | margin: 0 auto 80px;
110 | position: relative;
111 | line-height: 60px;
112 | color: #555;
113 | }
114 | .title::after{
115 | content: '';
116 | background: #ff523b;
117 | width: 80px;
118 | height: 5px;
119 | border-radius: 5px;
120 | position: absolute;
121 | bottom: 0;
122 | left: 50%;
123 | transform: translateX(-50%);
124 | }
125 | h4{
126 | color: #555;
127 | font-weight: normal;
128 | }
129 | .col-4 p{
130 | font-size: 14px;
131 | }
132 | .rating .fa{
133 | color: #ff523b;
134 | }
135 | .col-4:hover{
136 | transform: translateY(-5px);
137 | }
138 | /* Offer */
139 | .offer{
140 | background: radial-gradient(#fff, #ffd6d6);
141 | margin-top: 80px;
142 | padding: 30px 0;
143 | }
144 | .col-2 .offer-img{
145 | padding: 50px;
146 | }
147 | small{
148 | color: #555;
149 | }
150 |
151 | /* Testimonial */
152 | .testimonial{
153 | margin-top: 100px;
154 | }
155 | .testimonial .col-3{
156 | text-align: center;
157 | padding: 40px 20px;
158 | box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
159 | cursor: pointer;
160 | transition: transform 0.5s;
161 | }
162 | .testimonial .col-3 img{
163 | width: 50px;
164 | margin-top: 20px;
165 | border-radius: 50%;
166 | }
167 | .testimonial .col-3:hover{
168 | transform: translateY(-10px);
169 | }
170 | .fa.fa-quote-left{
171 | font-size: 34px;
172 | color: #ff523b;
173 | }
174 | .col-3 p{
175 | font-size: 12px;
176 | margin: 12px 0;
177 | color: #777;
178 | }
179 | .testimonial .col-3 h3{
180 | font-weight: 600;
181 | color: #555;
182 | font-size: 16px;
183 | }
184 | /* Brands */
185 | .brands{
186 | margin: 100px auto;
187 | }
188 | .col-5{
189 | width: 160px;
190 | }
191 | .col-5 img{
192 | width: 100%;
193 | cursor: pointer;
194 | filter: grayscale(100%);
195 | }
196 | .col-5 img:hover{
197 | filter: grayscale(0);
198 | }
199 | /* Footer */
200 | .footer{
201 | background: black;
202 | color: #8a8a8a;
203 | font-size: 14px;
204 | padding: 60px 0 20px;
205 | }
206 | .footer p{
207 | color: #8a8a8a;
208 | }
209 | .footer h3{
210 | color: #fff;
211 | margin-bottom: 20px;
212 | }
213 | .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4{
214 | min-width: 250px;
215 | margin-bottom: 20px;
216 | }
217 | .footer-col-1{
218 | flex-basis: 30%;
219 | }
220 | .footer-col-2{
221 | flex: 1;
222 | text-align: center;
223 | }
224 | .footer-col-2 img{
225 | width: 180px;
226 | margin-bottom: 20px;
227 | }
228 | .footer-col-3, .footer-col-4{
229 | flex-basis: 12%;
230 | text-align: center;
231 | }
232 | ul{
233 | list-style-type: none;
234 | }
235 | .app-logo{
236 | margin-top: 20px;
237 | }
238 | .app-logo img{
239 | width: 140px;
240 | }
241 | .footer hr{
242 | border: none;
243 | background: #b5b5b5;
244 | height: 1px;
245 | margin: 20px 0;
246 | }
247 | .copyright{
248 | text-align: center;
249 | }
250 | .menu-icon{
251 | width: 28px;
252 | margin-left: 20px;
253 | display: none;
254 | }
255 |
256 | /* All Products */
257 | .row-2{
258 | justify-content: space-between;
259 | margin: 100px auto 50px;
260 | }
261 | select{
262 | border: 1px solid #ff523b;
263 | padding: 5px;
264 | }
265 | select:focus{
266 | outline: none;
267 | }
268 | .page-btn{
269 | margin: 0 auto 80px;
270 | }
271 | .page-btn span{
272 | display: inline-block;
273 | border: 1px solid #ff523b;
274 | margin-left: 10px;
275 | width: 40px;
276 | height: 40px;
277 | text-align: center;
278 | line-height: 40px;
279 | cursor: pointer;
280 | }
281 | .page-btn span:hover{
282 | background: #ff523b;
283 | color: white;
284 | }
285 |
286 | /* Single Product */
287 | .single-product{
288 | margin-top: 80px;
289 | }
290 | .single-product .col-2 img{
291 | padding: 0;
292 | }
293 | .single-product .col-2{
294 | padding: 20px;
295 | }
296 | .single-product h4{
297 | margin: 20px 0;
298 | font-size: 22px;
299 | font-weight: bold;
300 | }
301 | .single-product select{
302 | display: block;
303 | padding: 10px;
304 | margin-top: 20px;
305 | }
306 | .single-product input{
307 | width: 50px;
308 | height: 40px;
309 | padding-left: 10px;
310 | font-size: 20px;
311 | margin-left: 10px;
312 | border: 1px solid #ff523b;
313 | margin-right: 10px;
314 | }
315 | input:focus{
316 | outline: none;
317 | }
318 | .single-product .fa{
319 | color: #ff523b;
320 | margin-left: 10px;
321 | }
322 | .small-img-row{
323 | display: flex;
324 | justify-content: space-between;
325 | }
326 | .small-img-col{
327 | flex-basis: 24%;
328 | cursor: pointer;
329 | }
330 |
331 | /* Cart Items */
332 | .cart-page{
333 | margin: 80px auto;
334 | }
335 | table{
336 | width: 100%;
337 | border-collapse: collapse;
338 | }
339 | .cart-info{
340 | display: flex;
341 | flex-wrap: wrap;
342 | }
343 | th{
344 | text-align: left;
345 | padding: 5px;
346 | color: #fff;
347 | background: #ff523b;
348 | font-weight: normal;
349 | }
350 | td{
351 | padding: 10px 5px;
352 | }
353 | td input{
354 | width: 40px;
355 | height: 30px;
356 | padding: 5px;
357 | }
358 | td a{
359 | color: #ff523b;
360 | font-size: 12px;
361 | }
362 | td img{
363 | width: 80px;
364 | height: 80px;
365 | margin-right: 10px;
366 | }
367 | .total-price{
368 | display: flex;
369 | justify-content: flex-end;
370 | }
371 | .total-price table{
372 | border-top: 3px solid #ff523b;
373 | width: 100%;
374 | max-width: 400px;
375 | }
376 | td:last-child{
377 | text-align: right;
378 | }
379 | th:last-child{
380 | text-align: right;
381 | }
382 |
383 | /* Account page */
384 | .account-page{
385 | padding: 50px 0;
386 | background: radial-gradient(#fff, #ffd6d6);
387 | }
388 | .form-container{
389 | background: #fff;
390 | width: 300px;
391 | height: 400px;
392 | position: relative;
393 | text-align: center;
394 | padding: 20px 0;
395 | margin: auto;
396 | box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
397 | overflow: hidden;
398 | }
399 | .form-container span{
400 | font-weight: bold;
401 | padding: 0 10px;
402 | color: #555;
403 | cursor: pointer;
404 | width: 100px;
405 | display: inline-block;
406 | }
407 | .form-btn{
408 | display: inline-block;
409 | }
410 | .form-container form{
411 | max-width: 300px;
412 | padding: 0 20px;
413 | position: absolute;
414 | top: 130px;
415 | transition: transform 1s;
416 | }
417 | form input{
418 | width: 100%;
419 | height: 30px;
420 | margin: 10px 0;
421 | padding: 0 10px;
422 | border: 1px solid #ccc;
423 | }
424 | form .btn{
425 | width: 100%;
426 | border: none;
427 | cursor: pointer;
428 | margin: 10px 0;
429 | }
430 | form .btn:focus{
431 | outline: none;
432 | }
433 | #LoginForm{
434 | left: -300px;
435 | }
436 | #RegForm{
437 | left: 0;
438 | }
439 | form a{
440 | font-size: 12px;
441 | }
442 | #Indicator{
443 | width: 100px;
444 | border: none;
445 | background: #ff523b;
446 | height: 3px;
447 | margin-top: 8px;
448 | transform: translateX(100px);
449 | transition: transform 1s;
450 | }
451 |
452 | /* Media query for menu */
453 | @media only screen and (max-width: 800px){
454 |
455 | nav ul{
456 | position: absolute;
457 | top: 70px;
458 | left: 0;
459 | background: #333;
460 | width: 100%;
461 | overflow: hidden;
462 | transition: max-height 0.5s;
463 | }
464 | nav ul li{
465 | display: block;
466 | margin-right: 50px;
467 | margin-top: 10px;
468 | margin-bottom: 10px;
469 | }
470 | nav ul li a{
471 | color: white;
472 | }
473 | .menu-icon{
474 | display: block;
475 | cursor: pointer;
476 | }
477 | }
478 |
479 | /* Media query for 600 screen size */
480 | @media only screen and (max-width: 600px){
481 |
482 | .row{
483 | text-align: center;
484 | }
485 | .col-2, .col-3, .col-4{
486 | flex-basis: 100%;
487 | }
488 | .single-product .row{
489 | text-align: left;
490 | }
491 | .single-product .col-2{
492 | padding: 20px 0;
493 | }
494 | .single-product h1{
495 | font-size: 26px;
496 | line-height: 32px;
497 | }
498 | .cart-info p{
499 | display: none;
500 | }
501 | }
--------------------------------------------------------------------------------