├── .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 | 32 |
33 | 34 | 35 |
36 |
37 |
38 |
39 | 40 |
41 |
42 |
43 |
44 | Login 45 | Register 46 |
47 |
48 |
49 | 50 | 51 | 52 | Forget Password 53 |
54 | 55 |
56 | 57 | 58 | 59 | 60 |
61 |
62 |
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 | 32 |
33 | 34 | 35 |
36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 54 | 55 | 56 | 57 | 58 | 69 | 70 | 71 | 72 | 73 | 84 | 85 | 86 | 87 |
ProductQuantitySubtotal
44 |
45 | 46 |
47 |

Red Printed T-Shirt

48 | Price: $50.00 49 |
50 | Remove 51 |
52 |
53 |
$50.00
59 |
60 | 61 |
62 |

Red Printed T-Shirt

63 | Price: $50.00 64 |
65 | Remove 66 |
67 |
68 |
$50.00
74 |
75 | 76 |
77 |

Red Printed T-Shirt

78 | Price: $50.00 79 |
80 | Remove 81 |
82 |
83 |
$50.00
88 |
89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 |
Subtotal$200.00
Tax$35.00
Total$230.00
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 |
17 |
18 | 34 |
35 |
36 |

Give Your Workout
A New Style!

37 |

Success isn't always about greatness. It;s about consistency. Consistent
hard work gains 38 | success. Greatness will come.

39 | Explore Now → 40 |
41 |
42 | 43 |
44 |
45 |
46 |
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 | 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 | 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 | 32 |
33 | 34 | 35 | 36 |
37 |
38 |

All Products

39 | 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 | [samwitadhikary.github.io/my-profile][website] 13 | [Samwit | Twitter][twitter] 14 | [Samwit | LinkedIn][linkedin] 15 | [Samwit | Instagram][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 | } --------------------------------------------------------------------------------