27 |
28 |
29 |
30 |
31 |
32 |
onn. 32” Class HD (720P) LED Roku Smart TV (100012589)
33 |
Product # sklfjdk35fsdf5090
34 |
35 |
36 |
37 |
40 |
(5 Reviews)
41 |
42 |
43 |
44 |
$108.00
45 |
46 | -
47 |
48 | +
51 |
52 |
Add to Cart
53 |
54 |
55 |
56 |
Status: In Stock
57 |
58 |
59 |
60 |
Description:
61 |
Binge on movies and TV episodes, news, sports, music and more! We insisted on 720p High Definition for this 32" LED TV, bringing out more lifelike color, texture and detail. We also partnered with Roku to bring you the best possible content with thousands of channels to choose from, conveniently presented through your own custom home screen.
62 |
63 |
Sold by: Amazon
64 |
65 |
66 | Submit Your Review
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
81 |
82 |
83 |
84 |
90 |
91 |
94 |
95 |
Submit
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
146 |
147 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
188 |
189 |
198 |
199 |
200 |
--------------------------------------------------------------------------------
/design.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | font-family: 'Amazon Ember';
4 | width: 100%;
5 | height: 100%;
6 | margin: 0px;
7 | padding: 0px;
8 | overflow-x: hidden;
9 | }
10 |
11 | /* Scroll Bar */
12 |
13 | ::-webkit-scrollbar-track {
14 | background-color: #f5f5f5;
15 | }
16 |
17 | ::-webkit-scrollbar {
18 | width: 8px;
19 | background-color: #f5f5f5;
20 | }
21 |
22 | ::-webkit-scrollbar-thumb {
23 | background-color: rgba(66, 66, 66, 0.2);
24 | border: 0px;
25 | background-clip: padding-box;
26 | border-radius: 5px;
27 | }
28 |
29 | nav {
30 | background-color: #232f3e;
31 | padding: 1rem 1rem;
32 | }
33 |
34 | #search_btn {
35 | background-color: #febd69;
36 | }
37 |
38 | .input-group {
39 | width: 90%;
40 | margin-right: 35%;
41 | }
42 |
43 | #search_field {
44 | height: 2.4rem;
45 | padding: 1rem;
46 | }
47 |
48 | #login_btn,
49 | #view_btn {
50 | background-color: #febd69;
51 | padding: 0.4rem 1.8rem;
52 | font-family: calibri;
53 | }
54 |
55 | #cart {
56 | font-size: 1rem;
57 | color: white;
58 | }
59 |
60 | #cart_count {
61 | background-color: #febd69;
62 | padding: 0.2rem 0.5rem;
63 | border-radius: 0.2rem;
64 | color: black;
65 | font-weight: bold;
66 | font-size: 0.9rem;
67 | }
68 |
69 | /* Home page */
70 | #products_heading {
71 | margin-top: 1.8rem;
72 | }
73 |
74 | .card {
75 | height: 100%;
76 | }
77 |
78 | .card-title a {
79 | color: #2e2e2e;
80 | }
81 |
82 | .card-title a:hover {
83 | color: #fa9c23;
84 | text-decoration: none;
85 | }
86 |
87 | .card-body {
88 | padding-left: 0;
89 | }
90 |
91 | .card-text {
92 | font-size: 1.4rem;
93 | }
94 |
95 | #view_btn {
96 | background-color: #fa9c23;
97 | color: white;
98 | }
99 |
100 | .card-img-top {
101 | width: 200px;
102 | height: 150px;
103 | }
104 |
105 | .ratings {
106 | font-size: 1.2rem;
107 | color: #fdcc0d;
108 | }
109 |
110 | #no_of_reviews {
111 | font-size: 0.85rem;
112 | color: grey;
113 | margin-left: 0.5rem;
114 | }
115 |
116 | /* Footer */
117 | footer {
118 | margin-top: 8rem;
119 | color: grey;
120 | bottom: 0;
121 | width: 100%;
122 | }
123 |
124 | /* Ratings */
125 |
126 | .rating-outer {
127 | display: inline-block;
128 | position: relative;
129 | font-family: FontAwesome;
130 | color: #fdcc0d;
131 | }
132 |
133 | .rating-outer::before {
134 | content: '\f006 \f006 \f006 \f006 \f006';
135 | }
136 |
137 | .rating-inner {
138 | position: absolute;
139 | top: 0;
140 | left: 0;
141 | white-space: nowrap;
142 | overflow: hidden;
143 | width: 0;
144 | }
145 |
146 | .rating-inner::before {
147 | content: '\f005 \f005 \f005 \f005 \f005';
148 | color: #f8ce0b;
149 | }
150 |
151 | /* Product Details Page */
152 | #product_id {
153 | color: grey;
154 | font-size: 0.8rem;
155 | }
156 |
157 | #product_price {
158 | font-size: 2rem;
159 | font-weight: bold;
160 | }
161 |
162 | #cart_btn,
163 | #review_btn {
164 | border-radius: 2rem;
165 | background-color: #fa9c23;
166 | border: none;
167 | padding: 0.5rem 2rem;
168 | }
169 |
170 | #product_seller {
171 | color: grey;
172 | font-size: 0.9rem;
173 | }
174 |
175 | #stock_status {
176 | font-size: 1.1rem;
177 | font-weight: bold;
178 | margin-left: 0.3rem;
179 | }
180 |
181 | .redColor {
182 | color: red;
183 | }
184 |
185 | .greenColor {
186 | color: green;
187 | }
188 |
189 | #product_image {
190 | margin-top: 9rem;
191 | }
192 |
193 | /* Loader */
194 | .loader {
195 | display: block;
196 | margin-left: auto;
197 | margin-right: auto;
198 | margin-top: 20%;
199 | width: 80px;
200 | height: 80px;
201 | padding-left: 0;
202 | }
203 | .loader:after {
204 | content: ' ';
205 | display: block;
206 | width: 64px;
207 | height: 64px;
208 | margin: 8px;
209 | border-radius: 50%;
210 | border: 6px solid #fa9c23;
211 | border-color: #fa9c23 transparent;
212 | animation: lds-dual-ring 1.2s linear infinite;
213 | }
214 | @keyframes lds-dual-ring {
215 | 0% {
216 | transform: rotate(0deg);
217 | }
218 | 100% {
219 | transform: rotate(360deg);
220 | }
221 | }
222 |
223 | /* Cart */
224 |
225 | .cart-item {
226 | margin: 1.8rem 0rem;
227 | padding: 0rem 0.7rem;
228 | }
229 |
230 | .cart-item a {
231 | color: grey;
232 | }
233 |
234 | #delete_cart_item {
235 | color: red;
236 | background: white;
237 | padding: 0.3rem 0.5rem;
238 | font-size: 1.1rem;
239 | border: none;
240 | }
241 |
242 | #card_item_price {
243 | color: #febd69;
244 | font-weight: bold;
245 | font-size: 1.4rem;
246 | }
247 |
248 | #checkout_btn,
249 | .review-btn {
250 | background-color: #fa9c23;
251 | border-color: #fa9c23;
252 | margin-top: 2rem;
253 | border-radius: 5rem;
254 | }
255 |
256 | #view_order_details {
257 | background-color: #fa9c23;
258 | border-color: #fa9c23;
259 | }
260 |
261 | #order_summary {
262 | border: 1px solid #e3e3e3;
263 | border-radius: 1rem;
264 | padding: 2rem 1.5rem;
265 | }
266 |
267 | .order-summary-values {
268 | float: right;
269 | font-weight: bold;
270 | }
271 |
272 | .stockCounter input {
273 | border: none;
274 | width: 3rem;
275 | text-align: center;
276 | }
277 |
278 | .plus,
279 | .minus {
280 | padding: 0.1rem 0.5rem;
281 | }
282 |
283 | .stockCounter input::-webkit-outer-spin-button,
284 | .stockCounter input::-webkit-inner-spin-button {
285 | -webkit-appearance: none;
286 | margin: 0;
287 | }
288 |
289 | .form-control:disabled,
290 | .form-control[readonly] {
291 | background-color: white;
292 | }
293 |
294 | /* Login & Register */
295 |
296 | .wrapper {
297 | display: flex;
298 | justify-content: center;
299 | align-items: center;
300 | margin-top: 5rem;
301 |
302 | font-weight: 700;
303 | }
304 |
305 | .wrapper form {
306 | padding: 2.5rem 3rem;
307 | }
308 |
309 | .wrapper form .btn {
310 | background-color: #fa9c23;
311 | border-color: #fa9c23;
312 | color: white;
313 | margin-top: 2.5rem;
314 | }
315 |
316 | .wrapper form a {
317 | font-size: 0.9rem;
318 | color: grey;
319 | }
320 |
321 | /* Avatar */
322 | .avatar {
323 | display: inline-block;
324 | margin-bottom: 0;
325 | height: 3rem;
326 | width: 3rem;
327 | -webkit-border-radius: 50%;
328 | -moz-border-radius: 50%;
329 | border-radius: 50%;
330 | }
331 |
332 | .avatar img {
333 | width: 100%;
334 | height: 100%;
335 | object-fit: cover;
336 | }
337 |
338 | .rounded-circle {
339 | border-radius: 50% !important;
340 | }
341 |
342 | .btn.focus,
343 | .btn:focus {
344 | outline: 0;
345 | box-shadow: none;
346 | }
347 |
348 | /* Header User Profile */
349 |
350 | .avatar-nav {
351 | margin-right: 0.6rem;
352 | height: 2.2rem;
353 | width: 2.2rem;
354 | }
355 |
356 | /* Checkout Steps */
357 |
358 | .checkout-progress div {
359 | box-sizing: border-box;
360 | }
361 |
362 | .checkout-progress {
363 | display: block;
364 | clear: both;
365 | margin: 20px auto;
366 | width: auto;
367 | font-family: sans-serif;
368 | overflow: auto;
369 | }
370 |
371 | .step {
372 | margin: 0;
373 | border: 0;
374 | letter-spacing: 1px;
375 | line-height: 30px;
376 | padding: 5px 10px 5px 15px;
377 | color: grey;
378 | text-decoration: none;
379 | cursor: default;
380 | font-weight: bold;
381 | float: left;
382 | height: auto;
383 | }
384 |
385 | .incomplete {
386 | background: #eeeeee;
387 | }
388 |
389 | .active-step {
390 | background: #fa9c23;
391 | color: #fff;
392 | }
393 |
394 | .triangle-active {
395 | float: left;
396 | width: 0;
397 | border-top: 20px solid transparent;
398 | border-left: 15px solid #fa9c23;
399 | border-bottom: 20px solid transparent;
400 | margin-left: -1px;
401 | }
402 |
403 | .triangle2-active {
404 | width: 0;
405 | float: left;
406 | border-top: 20px solid #fa9c23;
407 | border-left: 15px solid #fff;
408 | border-bottom: 20px solid #fa9c23;
409 | margin-right: -1px;
410 | }
411 |
412 | .triangle-incomplete {
413 | float: left;
414 | width: 0;
415 | border-top: 20px solid transparent;
416 | border-left: 15px solid #eeeeee;
417 | border-bottom: 20px solid transparent;
418 | margin-left: -1px;
419 | }
420 |
421 | .triangle2-incomplete {
422 | width: 0;
423 | float: left;
424 | border-top: 20px solid #eeeeee;
425 | border-left: 15px solid #fff;
426 | border-bottom: 20px solid #eeeeee;
427 | margin-right: -1px;
428 | }
429 |
430 | /* User Profile */
431 |
432 | .avatar-profile {
433 | height: 16rem;
434 | width: 16rem;
435 | }
436 |
437 | .user-info h4 {
438 | font-weight: 800;
439 | color: grey;
440 | margin-top: 2rem;
441 | }
442 |
443 | .user-info p {
444 | font-size: 1.1rem;
445 | }
446 |
447 | #edit_profile {
448 | background-color: #fa9c23;
449 | border-color: #fa9c23;
450 | }
451 |
452 | /* Confirm Order */
453 |
454 | .order-confirm p,
455 | .order-details p {
456 | margin-left: 1.5rem;
457 | }
458 |
459 | .update-btn {
460 | background-color: #fa9c23;
461 | border-color: #fa9c23;
462 | color: white;
463 | }
464 |
465 | .update-btn:hover {
466 | color: white;
467 | }
468 |
469 | /* Pagination */
470 | .page-item.active .page-link {
471 | background-color: #fa9c23;
472 | border-color: #fa9c23;
473 | }
474 |
475 | .page-link {
476 | color: #fa9c23;
477 | }
478 |
479 | .page-link:hover {
480 | color: #fa9c23;
481 | }
482 |
483 | /* Admin Sidebar */
484 |
485 | .sidebar-wrapper {
486 | display: flex;
487 | width: 100%;
488 | align-items: stretch;
489 | min-height: 100vh;
490 | font-weight: normal;
491 |
492 | margin-top: 0;
493 | height: 100%;
494 | left: 0;
495 | top: 0;
496 | z-index: 10;
497 | }
498 | #sidebar {
499 | min-width: 100%;
500 | max-width: 100%;
501 | background: #232f3e;
502 | color: #fff;
503 | transition: all 0.3s;
504 | }
505 | #sidebar.active {
506 | margin-left: -250px;
507 | }
508 |
509 | #sidebar .sidebar-header {
510 | padding: 20px;
511 | background: #232f3e;
512 | }
513 | #sidebar ul.components {
514 | padding: 5px 0px;
515 | border-bottom: 1px solid #232f3e;
516 | }
517 |
518 | #sidebar ul li a {
519 | padding: 10px;
520 | font-size: 1.1em;
521 | display: block;
522 | color: white;
523 | text-decoration: none;
524 | }
525 | #sidebar ul li a:hover {
526 | color: #232f3e;
527 | background: #fff;
528 | }
529 |
530 | #sidebar ul li a i {
531 | margin-right: 0.3rem;
532 | }
533 |
534 | #sidebar ul li.active > a,
535 | a[aria-expanded='true'] {
536 | color: #fff;
537 | background: #232f3e;
538 | }
539 | a[data-toggle='collapse'] {
540 | position: relative;
541 | }
542 | .dropdown-toggle::after {
543 | display: block;
544 | position: absolute;
545 | top: 50%;
546 | right: 20px;
547 | transform: translateY(-50%);
548 | }
549 |
550 | ul ul a {
551 | font-size: 1rem !important;
552 | padding-left: 30px !important;
553 | background: #232f3e;
554 | }
555 |
556 | ul.CTAs {
557 | padding: 20px;
558 | }
559 |
560 | ul.CTAs a {
561 | text-align: center;
562 | font-size: 0.9em !important;
563 | display: block;
564 | border-radius: 5px;
565 | margin-bottom: 5px;
566 | }
567 |
568 | /* Products List Admin */
569 | #products_table .btn {
570 | padding: 0.2rem 0.5rem;
571 | margin-left: 0.4rem;
572 | }
573 |
574 | /* Dashboard */
575 |
576 | .card-font-size {
577 | font-size: 1.5rem;
578 | }
579 |
580 | /* Reviews */
581 |
582 | .rating {
583 | margin-top: 10rem;
584 | }
585 |
586 | .stars {
587 | height: 100px;
588 | display: flex;
589 | align-items: center;
590 | padding-left: 0;
591 | }
592 |
593 | .star {
594 | display: inline;
595 | list-style: none;
596 | font-size: 3rem;
597 | padding-left: 0.9rem;
598 | color: #e3e3e3;
599 | }
600 |
601 | .star:first-child {
602 | padding-left: 0;
603 | }
604 |
605 | .orange {
606 | color: #fa9c23;
607 | }
608 |
609 | .yellow {
610 | color: #fdcc0d;
611 | }
612 |
613 | .review_user {
614 | font-size: 0.8rem;
615 | color: grey;
616 | }
617 |
--------------------------------------------------------------------------------
43 | 
29 | 
64 | 
86 | 
112 | 
138 | 
25 |
26 |