├── README.md ├── images ├── 1.jpg ├── 2.jpg ├── 1_big.jpg ├── 1_tb.jpg ├── 2_big.jpg ├── 2_tb.jpg ├── 3_big.jpg ├── 3_tb.jpg ├── icon1.png ├── icon2.png ├── icon3.png ├── icon4.png ├── img1.jpg ├── img2.jpg ├── img3.jpg ├── logo.png ├── banner.jpg ├── banner1.jpg ├── person.jpg ├── sp-loading.gif ├── product-img1.jpg ├── product-img10.jpg ├── product-img11.jpg ├── product-img12.jpg ├── product-img2.jpg ├── product-img3.jpg ├── product-img4.jpg └── product-img9.jpg ├── img ├── product-1.jpg ├── product-2.jpg ├── product-3.jpg ├── product-4.jpg ├── product-5.jpg ├── product-6.jpg ├── product-thumb-1.jpg ├── product-thumb-2.jpg ├── product-thumb-3.jpg └── product-thumb-4.jpg ├── css ├── profile_card.css ├── owl.carousel.min.css ├── smoothproducts.css ├── responsive2.css ├── owl.carousel2.css ├── font-awesome.min.css ├── style.css └── style2.css ├── profile.html ├── footer.html ├── header.html ├── js ├── main.js ├── jquery.sticky.js ├── smoothproducts.min.js └── jquery.easing.1.3.min.js ├── contactus.html ├── checkout.html ├── product-detail.html ├── cart.html ├── index_usd.html └── index.html /README.md: -------------------------------------------------------------------------------- 1 | ShopMart E-Comerce Website 2 | 3 | 4 | START BY --> index.html 5 | -------------------------------------------------------------------------------- /images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/1.jpg -------------------------------------------------------------------------------- /images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/2.jpg -------------------------------------------------------------------------------- /images/1_big.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/1_big.jpg -------------------------------------------------------------------------------- /images/1_tb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/1_tb.jpg -------------------------------------------------------------------------------- /images/2_big.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/2_big.jpg -------------------------------------------------------------------------------- /images/2_tb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/2_tb.jpg -------------------------------------------------------------------------------- /images/3_big.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/3_big.jpg -------------------------------------------------------------------------------- /images/3_tb.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/3_tb.jpg -------------------------------------------------------------------------------- /images/icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/icon1.png -------------------------------------------------------------------------------- /images/icon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/icon2.png -------------------------------------------------------------------------------- /images/icon3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/icon3.png -------------------------------------------------------------------------------- /images/icon4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/icon4.png -------------------------------------------------------------------------------- /images/img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/img1.jpg -------------------------------------------------------------------------------- /images/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/img2.jpg -------------------------------------------------------------------------------- /images/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/img3.jpg -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/logo.png -------------------------------------------------------------------------------- /images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/banner.jpg -------------------------------------------------------------------------------- /images/banner1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/banner1.jpg -------------------------------------------------------------------------------- /images/person.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/person.jpg -------------------------------------------------------------------------------- /img/product-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-1.jpg -------------------------------------------------------------------------------- /img/product-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-2.jpg -------------------------------------------------------------------------------- /img/product-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-3.jpg -------------------------------------------------------------------------------- /img/product-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-4.jpg -------------------------------------------------------------------------------- /img/product-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-5.jpg -------------------------------------------------------------------------------- /img/product-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-6.jpg -------------------------------------------------------------------------------- /images/sp-loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/sp-loading.gif -------------------------------------------------------------------------------- /images/product-img1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img1.jpg -------------------------------------------------------------------------------- /images/product-img10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img10.jpg -------------------------------------------------------------------------------- /images/product-img11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img11.jpg -------------------------------------------------------------------------------- /images/product-img12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img12.jpg -------------------------------------------------------------------------------- /images/product-img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img2.jpg -------------------------------------------------------------------------------- /images/product-img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img3.jpg -------------------------------------------------------------------------------- /images/product-img4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img4.jpg -------------------------------------------------------------------------------- /images/product-img9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/images/product-img9.jpg -------------------------------------------------------------------------------- /img/product-thumb-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-thumb-1.jpg -------------------------------------------------------------------------------- /img/product-thumb-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-thumb-2.jpg -------------------------------------------------------------------------------- /img/product-thumb-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-thumb-3.jpg -------------------------------------------------------------------------------- /img/product-thumb-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gaganyadav80/ShopMart-E-Comerce-Website/HEAD/img/product-thumb-4.jpg -------------------------------------------------------------------------------- /css/profile_card.css: -------------------------------------------------------------------------------- 1 | .card { 2 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 3 | max-width: 300px; 4 | margin: auto; 5 | text-align: center; 6 | } 7 | 8 | .title { 9 | color: grey; 10 | font-size: 18px; 11 | } 12 | 13 | button { 14 | border: none; 15 | outline: 0; 16 | display: inline-block; 17 | padding: 8px; 18 | color: white; 19 | background-color: #000; 20 | text-align: center; 21 | cursor: pointer; 22 | width: 100%; 23 | font-size: 18px; 24 | } 25 | 26 | a { 27 | text-decoration: none; 28 | font-size: 22px; 29 | color: black; 30 | } 31 | 32 | #home { 33 | border: none; 34 | outline: 0; 35 | display: inline-block; 36 | padding: 1px; 37 | color: white; 38 | background-color: #000; 39 | text-align: center; 40 | cursor: pointer; 41 | font-size: 18px; 42 | } 43 | 44 | #home_b { 45 | width: 300px; 46 | } 47 | 48 | button:hover, 49 | a:hover { 50 | opacity: 0.7; 51 | } 52 | 53 | #owner1 { 54 | display:inline-block; 55 | padding-right: 35px; 56 | padding-left: 35px; 57 | margin-right: 70px; 58 | margin-left: 70px; 59 | } -------------------------------------------------------------------------------- /profile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Company Profile 5 | 6 | 10 | 11 | 12 | 13 | 14 |
15 | John 16 |

ShopMart Pvt. Ltd

17 |

E-Commerce Online Store

18 |

India

19 | 20 | 23 | 26 | 29 |

30 |
31 | 32 |
33 |



34 | 35 |
36 | 37 | 38 | -------------------------------------------------------------------------------- /footer.html: -------------------------------------------------------------------------------- 1 | 2 | 39 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /header.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 |
7 |
    8 |
  • USD 9 |
      10 |
    • INR
    • 11 |
    12 |
  • 13 |
14 |
15 | 16 | 17 |
18 | 23 |
24 | 25 | 26 |
27 | 36 |
37 |
38 |
39 | 40 | 41 | 42 | 43 |
44 |
45 | 48 | 53 |
54 | 59 |
60 |
61 |
62 | 63 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | jQuery(document).ready(function($){ 2 | 3 | // jQuery sticky Menu 4 | 5 | $(".mainmenu-area").sticky({topSpacing:0}); 6 | 7 | 8 | $('.product-carousel').owlCarousel({ 9 | loop:true, 10 | nav:true, 11 | margin:20, 12 | responsiveClass:true, 13 | responsive:{ 14 | 0:{ 15 | items:1, 16 | }, 17 | 600:{ 18 | items:3, 19 | }, 20 | 1000:{ 21 | items:5, 22 | } 23 | } 24 | }); 25 | 26 | $('.related-products-carousel').owlCarousel({ 27 | loop:true, 28 | nav:true, 29 | margin:20, 30 | responsiveClass:true, 31 | responsive:{ 32 | 0:{ 33 | items:1, 34 | }, 35 | 600:{ 36 | items:2, 37 | }, 38 | 1000:{ 39 | items:2, 40 | }, 41 | 1200:{ 42 | items:3, 43 | } 44 | } 45 | }); 46 | 47 | $('.brand-list').owlCarousel({ 48 | loop:true, 49 | nav:true, 50 | margin:20, 51 | responsiveClass:true, 52 | responsive:{ 53 | 0:{ 54 | items:1, 55 | }, 56 | 600:{ 57 | items:3, 58 | }, 59 | 1000:{ 60 | items:4, 61 | } 62 | } 63 | }); 64 | 65 | 66 | // Bootstrap Mobile Menu fix 67 | $(".navbar-nav li a").click(function(){ 68 | $(".navbar-collapse").removeClass('in'); 69 | }); 70 | 71 | // jQuery Scroll effect 72 | $('.navbar-nav li a, .scroll-to-up').bind('click', function(event) { 73 | var $anchor = $(this); 74 | var headerH = $('.header-area').outerHeight(); 75 | $('html, body').stop().animate({ 76 | scrollTop : $($anchor.attr('href')).offset().top - headerH + "px" 77 | }, 1200, 'easeInOutExpo'); 78 | 79 | event.preventDefault(); 80 | }); 81 | 82 | // Bootstrap ScrollPSY 83 | $('body').scrollspy({ 84 | target: '.navbar-collapse', 85 | offset: 95 86 | }) 87 | }); 88 | 89 | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 90 | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 91 | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 92 | })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 93 | 94 | ga('create', 'UA-10146041-21', 'auto'); 95 | ga('send', 'pageview'); 96 | -------------------------------------------------------------------------------- /contactus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Contact US 5 | 6 | 10 | 11 | 12 | 13 |
14 |
15 | John 16 |

Gagan Yadav

17 |

CEO & Founder, Example

18 |

Lovely Professional University

19 | 20 | 23 | 26 | 29 |

30 |
31 | 32 |
33 | John 34 |

Lakshay Banga

35 |

Founder, Example

36 |

Lovely Professional University

37 | 38 | 41 | 44 | 47 |

48 |
49 | 50 |
51 | John 52 |

Lalit Kumar

53 |

Founder, Example

54 |

Lovely Professional University

55 | 56 | 59 | 62 | 65 |

66 |
67 | 68 |



69 | 70 |
71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /css/owl.carousel.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.3.4 3 | * Copyright 2013-2018 David Deutsch 4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 5 | */ 6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} -------------------------------------------------------------------------------- /css/smoothproducts.css: -------------------------------------------------------------------------------- 1 | /* Needed for the lightbox */ 2 | 3 | html, body { 4 | height: 100%; 5 | width: 100%; 6 | } 7 | 8 | /* CSS for the loading div */ 9 | 10 | .sp-loading { 11 | text-align: center; 12 | max-width: 270px; 13 | padding: 15px; 14 | border: 5px solid #eee; 15 | border-radius: 3px; 16 | font-size: 12px; 17 | color: #888; 18 | } 19 | 20 | /* Element wrapper */ 21 | 22 | .sp-wrap { 23 | display: none; 24 | line-height: 0; 25 | font-size: 0; 26 | background: #eee; 27 | border: 5px solid #eee; 28 | border-radius: 3px; 29 | position: relative; 30 | margin: 0 25px 15px 0; 31 | float: left; 32 | /************** 33 | Set max-width to your thumbnail width 34 | ***************/ 35 | 36 | max-width: 300px; 37 | } 38 | 39 | /* Thumbnails */ 40 | 41 | .sp-thumbs { 42 | text-align: left; 43 | display: inline-block; 44 | } 45 | .sp-thumbs img { 46 | min-height: 50px; 47 | min-width: 50px; 48 | max-width: 50px; 49 | } 50 | .sp-thumbs a:link, .sp-thumbs a:visited { 51 | width: 50px; 52 | height: 50px; 53 | overflow: hidden; 54 | opacity: .3; 55 | display: inline-block; 56 | background-size: cover; 57 | background-position: center; 58 | -webkit-transition: all .2s ease-out; 59 | -moz-transition: all .2s ease-out; 60 | -ms-transition: all .2s ease-out; 61 | -o-transition: all .2s ease-out; 62 | transition: all .2s ease-out; 63 | } 64 | .sp-thumbs a:hover { 65 | opacity: 1; 66 | } 67 | 68 | /* Styles for the currently selected thumbnail */ 69 | 70 | .sp-thumbs a:active, .sp-current { 71 | opacity: 1!important; 72 | position: relative; 73 | } 74 | 75 | /* Image currently being viewed */ 76 | 77 | .sp-large { 78 | position: relative; 79 | overflow: hidden; 80 | top: 0; 81 | left: 0; 82 | } 83 | .sp-large a img { 84 | max-width: 100%; 85 | height: auto; 86 | } 87 | .sp-large a { 88 | display: block; 89 | } 90 | 91 | /* Panning Zoomed Image */ 92 | 93 | .sp-zoom { 94 | position: absolute; 95 | left: -50%; 96 | top: -50%; 97 | cursor: -webkit-zoom-in; 98 | cursor: -moz-zoom-in; 99 | cursor: zoom-in; 100 | display: none; 101 | } 102 | /* Lightbox */ 103 | 104 | .sp-lightbox { 105 | position: fixed; 106 | top: 0; 107 | left: 0; 108 | height: 100%; 109 | width: 100%; 110 | background: rgb(0, 0, 0); 111 | background: rgba(0, 0, 0, .9); 112 | z-index: 500; 113 | display: none; 114 | cursor: pointer; 115 | } 116 | .sp-lightbox img { 117 | position: absolute; 118 | margin: auto; 119 | top: 0; 120 | bottom: 0; 121 | left: 0; 122 | right: 0; 123 | max-width: 90%; 124 | max-height: 90%; 125 | border: 2px solid #fff; 126 | } 127 | #sp-prev, #sp-next { 128 | position: absolute; 129 | top: 50%; 130 | margin-top: -25px; 131 | z-index: 501; 132 | color: #fff; 133 | padding: 14px; 134 | text-decoration: none; 135 | background: #000; 136 | border-radius: 25px; 137 | border: 2px solid #fff; 138 | width: 50px; 139 | height: 50px; 140 | box-sizing: border-box; 141 | transition: .2s; 142 | } 143 | #sp-prev { 144 | left: 10px; 145 | } 146 | #sp-prev:before { 147 | content: ''; 148 | border: 7px solid transparent; 149 | border-right: 15px solid #fff; 150 | position: absolute; 151 | top: 16px; 152 | left: 7px; 153 | } 154 | #sp-next { 155 | right: 10px; 156 | } 157 | #sp-next:before { 158 | content: ''; 159 | border: 7px solid transparent; 160 | border-left: 15px solid white; 161 | position: absolute; 162 | top: 16px; 163 | left: 18px; 164 | } 165 | #sp-prev:hover, #sp-next:hover { 166 | background: #444; 167 | } 168 | 169 | /* Tweak styles for small viewports */ 170 | 171 | @media screen and (max-width: 400px) { 172 | .sp-wrap { 173 | margin: 0 0 15px 0; 174 | } 175 | #sp-prev, #sp-next { 176 | top: auto; 177 | margin-top: 0; 178 | bottom: 25px; 179 | } 180 | } 181 | -------------------------------------------------------------------------------- /css/responsive2.css: -------------------------------------------------------------------------------- 1 | @media only screen and (min-width: 992px) and (max-width: 1280px) { 2 | div.cart-collaterals ul.products li.product { 3 | float: left; 4 | margin-left: 30px; 5 | position: relative; 6 | width: 160px; 7 | } 8 | .coupon input[type="text"] { 9 | width: 100px; 10 | } 11 | input[type="submit"], button[type="submit"] { 12 | padding: 11px 15px; 13 | } 14 | .col-1, .col-2 { 15 | width: 293px; 16 | } 17 | 18 | 19 | } 20 | 21 | /* Tablet Layout: 768px. */ 22 | @media only screen and (min-width: 768px) and (max-width: 991px) { 23 | .user-menu, .header-right ul.list-inline { 24 | text-align: center; 25 | } 26 | .mainmenu-area ul.navbar-nav li a { 27 | font-size: 14px; 28 | padding: 15px 10px; 29 | } 30 | .single-promo {margin-bottom: 30px} 31 | .single-product-widget, .footer-about-us, .footer-menu { 32 | margin-bottom: 60px; 33 | } 34 | 35 | 36 | .product-widget-area .zigzag-bottom { 37 | bottom: -50px; 38 | height: 100px; 39 | } 40 | .product-widget-area { 41 | padding-bottom: 90px; 42 | } 43 | 44 | .footer-top-area .zigzag-bottom { 45 | bottom: -153px; 46 | height: 200px; 47 | } 48 | .footer-top-area { 49 | padding: 35px 0 125px; 50 | } 51 | div.cart-collaterals ul.products li.product { 52 | width: 190px; 53 | } 54 | 55 | .col-1, .col-2 { 56 | width: 345px; 57 | } 58 | 59 | } 60 | /* Mobile Layout: 320px. */ 61 | @media only screen and (max-width: 767px) { 62 | 63 | .user-menu, .header-right ul.list-inline { 64 | text-align: center; 65 | } 66 | .logo h1 { 67 | font-size: 30px; 68 | margin: 20px 0; 69 | text-align: center; 70 | } 71 | .shopping-item { 72 | float: none; 73 | margin-bottom: 20px; 74 | margin-top: 5px; 75 | text-align: center; 76 | } 77 | .navbar-header { 78 | text-align: center; 79 | } 80 | 81 | .navbar-toggle { 82 | border-color: #fff; 83 | float: none; 84 | margin: 10px auto; 85 | } 86 | .navbar-toggle .icon-bar { background: none repeat scroll 0 0 #333 } 87 | .navbar-collapse.collapse.in { 88 | background: none repeat scroll 0 0 #f4f4f4; 89 | position: relative; 90 | z-index: 99; 91 | } 92 | .mainmenu-area ul.navbar-nav li a { 93 | padding: 15px; 94 | } 95 | .mainmenu-area {position: relative !important} 96 | .slide-text { 97 | font-size: 16px; 98 | } 99 | .slide-text h2 { 100 | font-size: 30px; 101 | } 102 | .readmore { 103 | font-size: 16px; 104 | padding: 8px 20px; 105 | } 106 | .single-promo { 107 | margin-bottom: 30px; 108 | } 109 | .section-title { 110 | font-size: 35px; 111 | } 112 | 113 | 114 | .product-widget-area .zigzag-bottom { 115 | bottom: -50px; 116 | height: 100px; 117 | } 118 | .product-widget-area { 119 | padding-bottom: 90px; 120 | } 121 | 122 | .footer-top-area .zigzag-bottom { 123 | bottom: -153px; 124 | height: 200px; 125 | } 126 | .footer-top-area { 127 | padding: 35px 0 125px; 128 | } 129 | 130 | .single-product-widget, .footer-about-us, .footer-menu { 131 | margin-bottom: 60px; 132 | } 133 | 134 | .product-wid-title { 135 | font-size: 25px; 136 | } 137 | 138 | .related-products-wrapper .owl-nav { 139 | left: -15px; 140 | position: relative; 141 | right: inherit; 142 | top: 15px; 143 | } 144 | div.cart-collaterals ul.products { 145 | margin: 0; 146 | } 147 | div.cart-collaterals ul.products li.product { 148 | margin-bottom: 30px; 149 | margin-left: 0; 150 | width: 100%; 151 | } 152 | div.cart-collaterals ul.products li.product img {width: 100%} 153 | 154 | .product-bit-title h2 { 155 | font-size: 35px; 156 | padding: 40px 0; 157 | } 158 | .col2-set { 159 | margin-left: 0; 160 | } 161 | .col-1, .col-2 { 162 | float: none; 163 | margin-left: 0; 164 | width: inherit; 165 | } 166 | 167 | 168 | /* Special */ 169 | 170 | table.shop_table th, table.shop_table td { 171 | font-size: 12px; 172 | padding: 5px; 173 | } 174 | td.product-thumbnail img { 175 | width: 30px; 176 | } 177 | 178 | div.quantity input.plus, div.quantity input.minus { 179 | display: none; 180 | } 181 | table.shop_table th { 182 | font-size: 12px; 183 | } 184 | div.coupon input[type="text"] { 185 | width: 100px; 186 | } 187 | .coupon {margin-bottom: 10px} 188 | .cross-sells { 189 | float: none; 190 | margin-bottom: 30px; 191 | margin-right: 0; 192 | width: 100%; 193 | } 194 | .cart_totals, .cart-collaterals .shipping_calculator { 195 | float: none; 196 | margin-bottom: 40px; 197 | width: 100%; 198 | } 199 | 200 | 201 | } 202 | /* Wide Mobile Layout: 480px. */ 203 | @media only screen and (min-width: 480px) and (max-width: 767px) { 204 | 205 | 206 | 207 | } -------------------------------------------------------------------------------- /css/owl.carousel2.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Owl Carousel - Animate Plugin 3 | */ 4 | .owl-carousel .animated { 5 | -webkit-animation-duration: 1000ms; 6 | animation-duration: 1000ms; 7 | -webkit-animation-fill-mode: both; 8 | animation-fill-mode: both; 9 | } 10 | .owl-carousel .owl-animated-in { 11 | z-index: 0; 12 | } 13 | .owl-carousel .owl-animated-out { 14 | z-index: 1; 15 | } 16 | .owl-carousel .fadeOut { 17 | -webkit-animation-name: fadeOut; 18 | animation-name: fadeOut; 19 | } 20 | 21 | @-webkit-keyframes fadeOut { 22 | 0% { 23 | opacity: 1; 24 | } 25 | 26 | 100% { 27 | opacity: 0; 28 | } 29 | } 30 | @keyframes fadeOut { 31 | 0% { 32 | opacity: 1; 33 | } 34 | 35 | 100% { 36 | opacity: 0; 37 | } 38 | } 39 | 40 | /* 41 | * Owl Carousel - Auto Height Plugin 42 | */ 43 | .owl-height { 44 | -webkit-transition: height 500ms ease-in-out; 45 | -moz-transition: height 500ms ease-in-out; 46 | -ms-transition: height 500ms ease-in-out; 47 | -o-transition: height 500ms ease-in-out; 48 | transition: height 500ms ease-in-out; 49 | } 50 | 51 | /* 52 | * Core Owl Carousel CSS File 53 | */ 54 | .owl-carousel { 55 | display: none; 56 | width: 100%; 57 | -webkit-tap-highlight-color: transparent; 58 | /* position relative and z-index fix webkit rendering fonts issue */ 59 | position: relative; 60 | z-index: 1; 61 | } 62 | .owl-carousel .owl-stage { 63 | position: relative; 64 | -ms-touch-action: pan-Y; 65 | } 66 | .owl-carousel .owl-stage:after { 67 | content: "."; 68 | display: block; 69 | clear: both; 70 | visibility: hidden; 71 | line-height: 0; 72 | height: 0; 73 | } 74 | .owl-carousel .owl-stage-outer { 75 | position: relative; 76 | overflow: hidden; 77 | /* fix for flashing background */ 78 | -webkit-transform: translate3d(0px, 0px, 0px); 79 | } 80 | .owl-carousel .owl-controls .owl-nav .owl-prev, 81 | .owl-carousel .owl-controls .owl-nav .owl-next, 82 | .owl-carousel .owl-controls .owl-dot { 83 | cursor: pointer; 84 | cursor: hand; 85 | -webkit-user-select: none; 86 | -khtml-user-select: none; 87 | -moz-user-select: none; 88 | -ms-user-select: none; 89 | user-select: none; 90 | } 91 | .owl-carousel.owl-loaded { 92 | display: block; 93 | } 94 | .owl-carousel.owl-loading { 95 | opacity: 0; 96 | display: block; 97 | } 98 | .owl-carousel.owl-hidden { 99 | opacity: 0; 100 | } 101 | .owl-carousel .owl-refresh .owl-item { 102 | display: none; 103 | } 104 | .owl-carousel .owl-item { 105 | position: relative; 106 | min-height: 1px; 107 | float: left; 108 | -webkit-backface-visibility: hidden; 109 | -webkit-tap-highlight-color: transparent; 110 | -webkit-touch-callout: none; 111 | -webkit-user-select: none; 112 | -moz-user-select: none; 113 | -ms-user-select: none; 114 | user-select: none; 115 | } 116 | .owl-carousel .owl-item img { 117 | display: block; 118 | width: 100%; 119 | -webkit-transform-style: preserve-3d; 120 | } 121 | .owl-carousel.owl-text-select-on .owl-item { 122 | -webkit-user-select: auto; 123 | -moz-user-select: auto; 124 | -ms-user-select: auto; 125 | user-select: auto; 126 | } 127 | .owl-carousel .owl-grab { 128 | cursor: move; 129 | cursor: -webkit-grab; 130 | cursor: -o-grab; 131 | cursor: -ms-grab; 132 | cursor: grab; 133 | } 134 | .owl-carousel.owl-rtl { 135 | direction: rtl; 136 | } 137 | .owl-carousel.owl-rtl .owl-item { 138 | float: right; 139 | } 140 | 141 | /* No Js */ 142 | .no-js .owl-carousel { 143 | display: block; 144 | } 145 | 146 | /* 147 | * Owl Carousel - Lazy Load Plugin 148 | */ 149 | .owl-carousel .owl-item .owl-lazy { 150 | opacity: 0; 151 | -webkit-transition: opacity 400ms ease; 152 | -moz-transition: opacity 400ms ease; 153 | -ms-transition: opacity 400ms ease; 154 | -o-transition: opacity 400ms ease; 155 | transition: opacity 400ms ease; 156 | } 157 | .owl-carousel .owl-item img { 158 | transform-style: preserve-3d; 159 | } 160 | 161 | /* 162 | * Owl Carousel - Video Plugin 163 | */ 164 | .owl-carousel .owl-video-wrapper { 165 | position: relative; 166 | height: 100%; 167 | background: #000; 168 | } 169 | .owl-carousel .owl-video-play-icon { 170 | position: absolute; 171 | height: 80px; 172 | width: 80px; 173 | left: 50%; 174 | top: 50%; 175 | margin-left: -40px; 176 | margin-top: -40px; 177 | background: url("owl.video.play.png") no-repeat; 178 | cursor: pointer; 179 | z-index: 1; 180 | -webkit-backface-visibility: hidden; 181 | -webkit-transition: scale 100ms ease; 182 | -moz-transition: scale 100ms ease; 183 | -ms-transition: scale 100ms ease; 184 | -o-transition: scale 100ms ease; 185 | transition: scale 100ms ease; 186 | } 187 | .owl-carousel .owl-video-play-icon:hover { 188 | -webkit-transition: scale(1.3, 1.3); 189 | -moz-transition: scale(1.3, 1.3); 190 | -ms-transition: scale(1.3, 1.3); 191 | -o-transition: scale(1.3, 1.3); 192 | transition: scale(1.3, 1.3); 193 | } 194 | .owl-carousel .owl-video-playing .owl-video-tn, 195 | .owl-carousel .owl-video-playing .owl-video-play-icon { 196 | display: none; 197 | } 198 | .owl-carousel .owl-video-tn { 199 | opacity: 0; 200 | height: 100%; 201 | background-position: center center; 202 | background-repeat: no-repeat; 203 | -webkit-background-size: contain; 204 | -moz-background-size: contain; 205 | -o-background-size: contain; 206 | background-size: contain; 207 | -webkit-transition: opacity 400ms ease; 208 | -moz-transition: opacity 400ms ease; 209 | -ms-transition: opacity 400ms ease; 210 | -o-transition: opacity 400ms ease; 211 | transition: opacity 400ms ease; 212 | } 213 | .owl-carousel .owl-video-frame { 214 | position: relative; 215 | z-index: 1; 216 | } 217 | -------------------------------------------------------------------------------- /js/jquery.sticky.js: -------------------------------------------------------------------------------- 1 | // Sticky Plugin v1.0.0 for jQuery 2 | // ============= 3 | // Author: Anthony Garand 4 | // Improvements by German M. Bravo (Kronuz) and Ruud Kamphuis (ruudk) 5 | // Improvements by Leonardo C. Daronco (daronco) 6 | // Created: 2/14/2011 7 | // Date: 2/12/2012 8 | // Website: http://labs.anthonygarand.com/sticky 9 | // Description: Makes an element on the page stick on the screen as you scroll 10 | // It will only set the 'top' and 'position' of your element, you 11 | // might need to adjust the width in some cases. 12 | 13 | (function($) { 14 | var defaults = { 15 | topSpacing: 0, 16 | bottomSpacing: 0, 17 | className: 'is-sticky', 18 | wrapperClassName: 'sticky-wrapper', 19 | center: false, 20 | getWidthFrom: '', 21 | responsiveWidth: false 22 | }, 23 | $window = $(window), 24 | $document = $(document), 25 | sticked = [], 26 | windowHeight = $window.height(), 27 | scroller = function() { 28 | var scrollTop = $window.scrollTop(), 29 | documentHeight = $document.height(), 30 | dwh = documentHeight - windowHeight, 31 | extra = (scrollTop > dwh) ? dwh - scrollTop : 0; 32 | 33 | for (var i = 0; i < sticked.length; i++) { 34 | var s = sticked[i], 35 | elementTop = s.stickyWrapper.offset().top, 36 | etse = elementTop - s.topSpacing - extra; 37 | 38 | if (scrollTop <= etse) { 39 | if (s.currentTop !== null) { 40 | s.stickyElement 41 | .css('position', '') 42 | .css('top', ''); 43 | s.stickyElement.trigger('sticky-end', [s]).parent().removeClass(s.className); 44 | s.currentTop = null; 45 | } 46 | } 47 | else { 48 | var newTop = documentHeight - s.stickyElement.outerHeight() 49 | - s.topSpacing - s.bottomSpacing - scrollTop - extra; 50 | if (newTop < 0) { 51 | newTop = newTop + s.topSpacing; 52 | } else { 53 | newTop = s.topSpacing; 54 | } 55 | if (s.currentTop != newTop) { 56 | s.stickyElement 57 | .css('position', 'fixed') 58 | .css('top', newTop); 59 | 60 | if (typeof s.getWidthFrom !== 'undefined') { 61 | s.stickyElement.css('width', $(s.getWidthFrom).width()); 62 | } 63 | 64 | s.stickyElement.trigger('sticky-start', [s]).parent().addClass(s.className); 65 | s.currentTop = newTop; 66 | } 67 | } 68 | } 69 | }, 70 | resizer = function() { 71 | windowHeight = $window.height(); 72 | 73 | for (var i = 0; i < sticked.length; i++) { 74 | var s = sticked[i]; 75 | if (typeof s.getWidthFrom !== 'undefined' && s.responsiveWidth === true) { 76 | s.stickyElement.css('width', $(s.getWidthFrom).width()); 77 | } 78 | } 79 | }, 80 | methods = { 81 | init: function(options) { 82 | var o = $.extend({}, defaults, options); 83 | return this.each(function() { 84 | var stickyElement = $(this); 85 | 86 | var stickyId = stickyElement.attr('id'); 87 | var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName 88 | var wrapper = $('
') 89 | .attr('id', stickyId + '-sticky-wrapper') 90 | .addClass(o.wrapperClassName); 91 | stickyElement.wrapAll(wrapper); 92 | 93 | if (o.center) { 94 | stickyElement.parent().css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"}); 95 | } 96 | 97 | if (stickyElement.css("float") == "right") { 98 | stickyElement.css({"float":"none"}).parent().css({"float":"right"}); 99 | } 100 | 101 | var stickyWrapper = stickyElement.parent(); 102 | stickyWrapper.css('height', stickyElement.outerHeight()); 103 | sticked.push({ 104 | topSpacing: o.topSpacing, 105 | bottomSpacing: o.bottomSpacing, 106 | stickyElement: stickyElement, 107 | currentTop: null, 108 | stickyWrapper: stickyWrapper, 109 | className: o.className, 110 | getWidthFrom: o.getWidthFrom, 111 | responsiveWidth: o.responsiveWidth 112 | }); 113 | }); 114 | }, 115 | update: scroller, 116 | unstick: function(options) { 117 | return this.each(function() { 118 | var unstickyElement = $(this); 119 | 120 | var removeIdx = -1; 121 | for (var i = 0; i < sticked.length; i++) 122 | { 123 | if (sticked[i].stickyElement.get(0) == unstickyElement.get(0)) 124 | { 125 | removeIdx = i; 126 | } 127 | } 128 | if(removeIdx != -1) 129 | { 130 | sticked.splice(removeIdx,1); 131 | unstickyElement.unwrap(); 132 | unstickyElement.removeAttr('style'); 133 | } 134 | }); 135 | } 136 | }; 137 | 138 | // should be more efficient than using $window.scroll(scroller) and $window.resize(resizer): 139 | if (window.addEventListener) { 140 | window.addEventListener('scroll', scroller, false); 141 | window.addEventListener('resize', resizer, false); 142 | } else if (window.attachEvent) { 143 | window.attachEvent('onscroll', scroller); 144 | window.attachEvent('onresize', resizer); 145 | } 146 | 147 | $.fn.sticky = function(method) { 148 | if (methods[method]) { 149 | return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 150 | } else if (typeof method === 'object' || !method ) { 151 | return methods.init.apply( this, arguments ); 152 | } else { 153 | $.error('Method ' + method + ' does not exist on jQuery.sticky'); 154 | } 155 | }; 156 | 157 | $.fn.unstick = function(method) { 158 | if (methods[method]) { 159 | return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 160 | } else if (typeof method === 'object' || !method ) { 161 | return methods.unstick.apply( this, arguments ); 162 | } else { 163 | $.error('Method ' + method + ' does not exist on jQuery.sticky'); 164 | } 165 | 166 | }; 167 | $(function() { 168 | setTimeout(scroller, 0); 169 | }); 170 | })(jQuery); 171 | -------------------------------------------------------------------------------- /js/smoothproducts.min.js: -------------------------------------------------------------------------------- 1 | !function (d) { d.fn.extend({ deleteSmoothProducts: function () { d(document.body).off("click", ".sp-lightbox"), d(document.body).off("click", "#sp-prev"), d(document.body).off("click", "#sp-next"), d(document.body).off("click", ".sp-large a"), d(document.body).off("click", ".sp-noff-touch .sp-zoom"), d(document.body).off("click", ".sp-tb-active a"), d(document.body).off("click", ".sp-thumbs") }, smoothproducts: function () { function e() { d(".sp-selected").removeClass("sp-selected"), d(".sp-lightbox").fadeOut(function () { d(this).remove() }) } function i(s) { return s.match(/url\([\"\']{0,1}(.+)[\"\']{0,1}\)+/i)[1] } d(".sp-loading").hide(), d(".sp-wrap").each(function () { if (d(this).addClass("sp-touch"), 1 < d("a", this).length) { var a, n, i = !!d("a.sp-default", this)[0]; d(this).append('
'), d("a", this).each(function (s) { var e = d("img", this).attr("src"), t = d(this).attr("href"), p = ""; (0 === s && !i || d(this).hasClass("sp-default")) && (p = ' class="sp-current"', a = t, n = d("img", this)[0].src), d(this).parents(".sp-wrap").find(".sp-thumbs").append('"), d(this).remove() }), d(".sp-large", this).append(''), d(".sp-wrap").css("display", "inline-block") } else d(this).append('
'), d("a", this).appendTo(d(".sp-large", this)).addClass(".sp-current-big"), d(".sp-wrap").css("display", "inline-block") }), d(document.body).on("click", ".sp-thumbs", function (s) { s.preventDefault() }), d(document.body).on("mouseover", function (s) { d(".sp-wrap").removeClass("sp-touch").addClass("sp-non-touch"), s.preventDefault() }), d(document.body).on("touchstart", function () { d(".sp-wrap").removeClass("sp-non-touch").addClass("sp-touch") }), d(document.body).on("click", ".sp-tb-active a", function (s) { s.preventDefault(), d(this).parent().find(".sp-current").removeClass(), d(this).addClass("sp-current"), d(this).parents(".sp-wrap").find(".sp-thumbs").removeClass("sp-tb-active"), d(this).parents(".sp-wrap").find(".sp-zoom").remove(); var e = d(this).parents(".sp-wrap").find(".sp-large").height(), t = d(this).parents(".sp-wrap").find(".sp-large").width(); d(this).parents(".sp-wrap").find(".sp-large").css({ overflow: "hidden", height: e + "px", width: t + "px" }), d(this).addClass("sp-current").parents(".sp-wrap").find(".sp-large a").remove(); var p = d(this).parent().find(".sp-current").attr("href"), a = i(d(this).parent().find(".sp-current").css("backgroundImage")); d(this).parents(".sp-wrap").find(".sp-large").html(''), d(this).parents(".sp-wrap").find(".sp-large").hide().fadeIn(250, function () { var s = d(this).parents(".sp-wrap").find(".sp-large img").height(); d(this).parents(".sp-wrap").find(".sp-large").animate({ height: s }, "fast", function () { d(".sp-large").css({ height: "auto", width: "auto" }) }), d(this).parents(".sp-wrap").find(".sp-thumbs").addClass("sp-tb-active") }) }), d(document.body).on("mouseenter", ".sp-non-touch .sp-large", function (s) { var e = d("a", this).attr("href"); d(this).append('
'), d(this).find(".sp-zoom").fadeIn(250), s.preventDefault() }), d(document.body).on("mouseleave", ".sp-non-touch .sp-large", function (s) { d(this).find(".sp-zoom").fadeOut(250, function () { d(this).remove() }), s.preventDefault() }), d(document.body).on("click", ".sp-non-touch .sp-zoom", function (s) { var e = d(this).html(), t = d(this).parents(".sp-wrap").find(".sp-thumbs a").length, p = d(this).parents(".sp-wrap").find(".sp-thumbs .sp-current").index() + 1; d(this).parents(".sp-wrap").addClass("sp-selected"), d("body").append("
" + e + "
"), 1 < t && (d(".sp-lightbox").append(""), 1 == p ? d("#sp-prev").css("opacity", ".1") : p == t && d("#sp-next").css("opacity", ".1")), d(".sp-lightbox").fadeIn(), s.preventDefault() }), d(document.body).on("click", ".sp-large a", function (s) { var e = d(this).attr("href"), t = d(this).parents(".sp-wrap").find(".sp-thumbs a").length, p = d(this).parents(".sp-wrap").find(".sp-thumbs .sp-current").index() + 1; d(this).parents(".sp-wrap").addClass("sp-selected"), d("body").append('
'), 1 < t && (d(".sp-lightbox").append(""), 1 == p ? d("#sp-prev").css("opacity", ".1") : p == t && d("#sp-next").css("opacity", ".1")), d(".sp-lightbox").fadeIn(), s.preventDefault() }), d(document.body).on("click", "#sp-next", function (s) { s.stopPropagation(); var e = d(".sp-lightbox").data("currenteq"), t = d(".sp-selected .sp-thumbs a").length; if (t <= e); else { var p = e + 1, a = d(".sp-selected .sp-thumbs").find("a:eq(" + e + ")").attr("href"), n = i(d(".sp-selected .sp-thumbs").find("a:eq(" + e + ")").css("backgroundImage")); e == t - 1 && d("#sp-next").css("opacity", ".1"), d("#sp-prev").css("opacity", "1"), d(".sp-selected .sp-current").removeClass(), d(".sp-selected .sp-thumbs a:eq(" + e + ")").addClass("sp-current"), d(".sp-selected .sp-large").empty().append("'), d(".sp-lightbox img").fadeOut(250, function () { d(this).remove(), d(".sp-lightbox").data("currenteq", p).append(''), d(".sp-lightbox img").hide().fadeIn(250) }) } s.preventDefault() }), d(document.body).on("click", "#sp-prev", function (s) { var e; if (s.stopPropagation(), (e = (e = d(".sp-lightbox").data("currenteq")) - 1) <= 0); else { 1 == e && d("#sp-prev").css("opacity", ".1"); var t = e - 1, p = d(".sp-selected .sp-thumbs").find("a:eq(" + t + ")").attr("href"), a = i(d(".sp-selected .sp-thumbs").find("a:eq(" + t + ")").css("backgroundImage")); d("#sp-next").css("opacity", "1"), d(".sp-selected .sp-current").removeClass(), d(".sp-selected .sp-thumbs a:eq(" + t + ")").addClass("sp-current"), d(".sp-selected .sp-large").empty().append("'), d(".sp-lightbox img").fadeOut(250, function () { d(this).remove(), d(".sp-lightbox").data("currenteq", e).append(''), d(".sp-lightbox img").hide().fadeIn(250) }) } s.preventDefault() }), d(document.body).on("click", ".sp-lightbox", function () { e() }), d(document).keydown(function (s) { if (27 == s.keyCode) return e(), !1 }), d(".sp-large").mousemove(function (s) { var e = d(this).width(), t = d(this).height(), p = d(this).offset(), a = d(this).find(".sp-zoom").width(), n = d(this).find(".sp-zoom").height(), i = s.pageX - p.left, r = s.pageY - p.top, o = Math.floor(i * (e - a) / e), c = Math.floor(r * (t - n) / t); d(this).find(".sp-zoom").css({ left: o, top: c }) }) } }) }(jQuery); -------------------------------------------------------------------------------- /js/jquery.easing.1.3.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ 3 | * 4 | * Uses the built in easing capabilities added In jQuery 1.1 5 | * to offer multiple easing options 6 | * 7 | * TERMS OF USE - jQuery Easing 8 | * 9 | * Open source under the BSD License. 10 | * 11 | * Copyright © 2008 George McGinley Smith 12 | * All rights reserved. 13 | * 14 | * Redistribution and use in source and binary forms, with or without modification, 15 | * are permitted provided that the following conditions are met: 16 | * 17 | * Redistributions of source code must retain the above copyright notice, this list of 18 | * conditions and the following disclaimer. 19 | * Redistributions in binary form must reproduce the above copyright notice, this list 20 | * of conditions and the following disclaimer in the documentation and/or other materials 21 | * provided with the distribution. 22 | * 23 | * Neither the name of the author nor the names of contributors may be used to endorse 24 | * or promote products derived from this software without specific prior written permission. 25 | * 26 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 27 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 28 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE 29 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 30 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE 31 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 32 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 33 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 34 | * OF THE POSSIBILITY OF SUCH DAMAGE. 35 | * 36 | */ 37 | jQuery.easing["jswing"]=jQuery.easing["swing"];jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(a,b,c,d,e){return jQuery.easing[jQuery.easing.def](a,b,c,d,e)},easeInQuad:function(a,b,c,d,e){return d*(b/=e)*b+c},easeOutQuad:function(a,b,c,d,e){return-d*(b/=e)*(b-2)+c},easeInOutQuad:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b+c;return-d/2*(--b*(b-2)-1)+c},easeInCubic:function(a,b,c,d,e){return d*(b/=e)*b*b+c},easeOutCubic:function(a,b,c,d,e){return d*((b=b/e-1)*b*b+1)+c},easeInOutCubic:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b+c;return d/2*((b-=2)*b*b+2)+c},easeInQuart:function(a,b,c,d,e){return d*(b/=e)*b*b*b+c},easeOutQuart:function(a,b,c,d,e){return-d*((b=b/e-1)*b*b*b-1)+c},easeInOutQuart:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b*b+c;return-d/2*((b-=2)*b*b*b-2)+c},easeInQuint:function(a,b,c,d,e){return d*(b/=e)*b*b*b*b+c},easeOutQuint:function(a,b,c,d,e){return d*((b=b/e-1)*b*b*b*b+1)+c},easeInOutQuint:function(a,b,c,d,e){if((b/=e/2)<1)return d/2*b*b*b*b*b+c;return d/2*((b-=2)*b*b*b*b+2)+c},easeInSine:function(a,b,c,d,e){return-d*Math.cos(b/e*(Math.PI/2))+d+c},easeOutSine:function(a,b,c,d,e){return d*Math.sin(b/e*(Math.PI/2))+c},easeInOutSine:function(a,b,c,d,e){return-d/2*(Math.cos(Math.PI*b/e)-1)+c},easeInExpo:function(a,b,c,d,e){return b==0?c:d*Math.pow(2,10*(b/e-1))+c},easeOutExpo:function(a,b,c,d,e){return b==e?c+d:d*(-Math.pow(2,-10*b/e)+1)+c},easeInOutExpo:function(a,b,c,d,e){if(b==0)return c;if(b==e)return c+d;if((b/=e/2)<1)return d/2*Math.pow(2,10*(b-1))+c;return d/2*(-Math.pow(2,-10*--b)+2)+c},easeInCirc:function(a,b,c,d,e){return-d*(Math.sqrt(1-(b/=e)*b)-1)+c},easeOutCirc:function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c},easeInOutCirc:function(a,b,c,d,e){if((b/=e/2)<1)return-d/2*(Math.sqrt(1-b*b)-1)+c;return d/2*(Math.sqrt(1-(b-=2)*b)+1)+c},easeInElastic:function(a,b,c,d,e){var f=1.70158;var g=0;var h=d;if(b==0)return c;if((b/=e)==1)return c+d;if(!g)g=e*.3;if(h 2 | 3 | 4 | Checkout Page 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
    19 |
  • INR 20 |
  • 21 |
22 |
23 | 24 | 25 |
26 | 31 |
32 | 33 | 34 |
35 | 44 |
45 |
46 |
47 | 48 | 49 | 50 | 51 |
52 |
53 | 56 | 61 |
62 | 67 |
68 |
69 |
70 | 71 | 72 | 73 | 74 |
75 |
76 |

Your Order

77 | 78 | 79 | 84 |
85 |
86 |
87 |

Personal Detail

88 | 89 | 90 | 91 |
92 |
93 |

Shipping Address

94 | 101 | 107 | 108 |
109 |
110 |

Shipping Options

111 | 115 | 119 | 123 |
124 |
125 |

Billing Options

126 | 130 | 134 | 138 | 142 |
143 | 144 |
145 |
146 | 147 | 148 | 149 | 150 |
151 | 152 |

Macbook Pro MQ032 14.5' Inter Core i7 5550U 8GB DDR3

153 |

Quantity : 1

154 |

Price : 1099

155 | 156 | 157 |

Order Total : 1099

158 |
159 | 160 | 161 |
162 |
163 | 164 | 165 | 166 | 203 | 204 | 205 | 206 | 211 | 212 | 213 |
214 |
215 |
216 |

Login Form

217 |
218 | 219 | 220 | 221 |
222 |
223 |
224 |

Register Form

225 |
226 | 227 | 228 | 229 | 230 | 231 | 232 |
233 |
234 |
235 | 236 | 237 | 238 | 239 |
240 |

Apple Macbook Pro MQ032 14.5' Inter Core i7 5550U 8GB DDR3

241 |
242 |
243 | 244 |
245 |
246 |
Price : 598
247 |
Brand : Apple
248 |
Warranty : 12 Months
249 |
Delivery of the city : Free
250 |
Payment : COD, Visa, Mastercard, Debit, Credit, Installation
251 |
Availability : in Stock
252 |
Product Code : GA000006488
253 | Add to Cart 254 | Write a review 255 | Buy Now 256 |
257 |
258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 335 | 336 | -------------------------------------------------------------------------------- /product-detail.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Product Detail Page 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 | 16 | 17 |
18 |
    19 |
  • INR 20 |
  • 21 |
22 |
23 | 24 | 25 |
26 | 31 |
32 | 33 | 34 |
35 | 44 |
45 |
46 |
47 | 48 | 49 | 50 | 51 |
52 |
53 | 56 | 61 |
62 | 67 |
68 |
69 |
70 | 71 | 72 | 73 | 74 |
75 |
76 |
77 |
78 | 79 | Loading Images 80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 |

Macbook Pro MQ032 14.5' Inter Core i7 5550U 8GB DDR3
Code : GA00006488

89 |
Price : 598
90 |
Brand : Apple
91 |
Warranty : 12 Months
92 |
Delivery of the city : Free
93 |
Payment : COD, Visa, Mastercard, Debit, Credit, Installation
94 |
Availability : in Stock
95 | Add to Cart 96 | Write a review 97 | Buy Now 98 |
99 |
100 |

Feature

101 |

Brand : Apple

102 |

Bluetooth : Yes

103 |

Wifi : Yes

104 |

Webcam : Yes

105 |

Weight : 1.37kg

106 |

Dimensions : 304x212x14.9mm

107 |

Speakers : Yes

108 |

Microphone : Yes

109 |

Laptop Processor Code : 7360U

110 |

Laptop Processor Code : 2

111 |

Laptop Catch Size : 4M

112 |

Laptop Processor : Intel Core i7

113 |

Laptop Processor Frequency : 3.6 GHz

114 |

Laptop OS : MacOS sierra

115 |

Laptop Series : Macbook Pro

116 |

Laptop Purpose : Work, Multimedia

117 |

Laptop Keyboard Backlight : Yes

118 |

Laptop Hard Drive Capacity : 128GB

119 |

Laptop Hard Drive Type : SSD

120 |

Laptop RAM : 8GB

121 |

Laptop Screen Size : 13.3 inch

122 |

Laptop Screen Resolution : 2560x1600

123 |

Laptop LED Backlight : Yes

124 |

Matrix Type of Laptop Screen : IPS

125 |

Laptop Screen Cover : Glossy

126 |

Widescreen Laptop Screen : Yes

127 |

Video Card Manufacturer : Inter Iris Plus Graphics

128 |

Notebook Graphics Card Type : Inter

129 |
130 |
131 |
132 | 133 | 134 | 135 | 136 |
137 |
138 |

Popular Stores

139 |
140 | JBL 141 | SONY 142 | Xiaomi 143 | Beats 144 | Scheniser 145 | Philips 146 | Samsung 147 | Apple 148 | Microsoft 149 |
150 |
151 |
152 | 153 | 154 | 155 | 156 |
157 |
158 |

Greatest Offer News

159 | 166 |
167 |
168 | 169 | 170 | 171 | 172 |
173 | 191 |
192 | 193 | 194 | 195 | 196 | 206 | 207 | 208 | 209 | 210 | 247 | 248 | 249 | 250 | 255 | 256 | 257 | 258 |
259 |
260 |
261 |

Login Form

262 |
263 | 264 | 265 | 266 |
267 |
268 |
269 |

Register Form

270 |
271 | 272 | 273 | 274 | 275 | 276 | 277 |
278 |
279 |
280 | 281 | 282 | 283 | 284 |
285 |

Apple Macbook Pro MQ032 14.5' Inter Core i7 5550U 8GB DDR3

286 |
287 |
288 | 289 |
290 |
291 |
Price : 598
292 |
Brand : Apple
293 |
Warranty : 12 Months
294 |
Delivery of the city : Free
295 |
Payment : COD, Visa, Mastercard, Debit, Credit, Installation
296 |
Availability : in Stock
297 |
Product Code : GA000006488
298 | Add to Cart 299 | Write a review 300 | Buy Now 301 |
302 |
303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 380 | 381 | -------------------------------------------------------------------------------- /css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} -------------------------------------------------------------------------------- /cart.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Cart 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 | 24 | 25 |
26 |
    27 |
  • INR 28 |
      29 |
    • USD
    • 30 |
    31 |
  • 32 |
33 |
34 | 35 | 36 |
37 | 42 |
43 | 44 | 45 |
46 | 55 |
56 |
57 |
58 | 59 | 60 | 61 | 62 |
63 |
64 | 67 | 72 |
73 | 77 |
78 |
79 |
80 | 81 | 82 | 83 |
84 |
85 |
86 |
87 |
88 |

Shopping Cart

89 |
90 |
91 |
92 |
93 |
94 | 95 | 96 |
97 |
98 |
99 |
100 |
101 |
102 | 103 |
104 | 105 | 106 |
107 |
108 | 109 |
110 | 111 |
112 | 113 |

Sony Smart TV - 2015

114 |
115 | $700.00 $800.00 116 |
117 |
118 |
119 | 120 |

Sony Smart TV - 2015

121 |
122 | $700.00 $800.00 123 |
124 |
125 |
126 | 127 |

Sony Smart TV - 2015

128 |
129 | $700.00 $800.00 130 |
131 |
132 |
133 | 134 |

Sony Smart TV - 2015

135 |
136 | $700.00 $800.00 137 |
138 |
139 |
140 | 141 |
142 | 143 | 150 |
151 |
152 | 153 |
154 |
155 |
156 |
157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 173 | 174 | 177 | 178 | 181 | 182 | 185 | 186 | 193 | 194 | 197 | 198 | 199 | 209 | 210 | 211 |
  ProductPriceQuantityTotal
171 | × 172 | 175 | poster_1_up 176 | 179 | View Product Detail 180 | 183 | £15.00 184 | 187 |
188 | 189 | 190 | 191 |
192 |
195 | £15.00 196 |
200 |
201 | 202 | 203 | 204 |
205 | 206 | 207 | 208 |
212 |
213 | 214 |
215 | 216 | 217 |
218 |

You may be interested in...

219 | 240 |
241 | 242 | 243 |
244 |

Cart Totals

245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 |
Cart Subtotal£15.00
Shipping and HandlingFree Shipping
Order Total£15.00
264 |
265 | 266 | 267 |
268 |

269 | 270 |
271 | 272 |

273 | 280 |

281 | 282 |

283 | 284 |

285 | 286 | 287 |

288 | 289 |
290 |
291 | 292 | 293 |
294 |
295 |
296 |
297 |
298 |
299 |
300 | 301 | 302 | 339 | 340 | 341 | 342 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 424 | 425 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Credit : LearnDesign(Youtube Channel) 3 | Channel Link : https://goo.gl/5pskoC 4 | Email : help.learndesign@gmail.com 5 | */ 6 | 7 | 8 | 9 | /* http://meyerweb.com/eric/tools/css/reset/ 10 | v2.0 | 20110126 11 | License: none (public domain) 12 | */ 13 | 14 | html, body, div, span, applet, object, iframe, 15 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 16 | a, abbr, acronym, address, big, cite, code, 17 | del, dfn, em, img, ins, kbd, q, s, samp, 18 | small, strike, strong, sub, sup, tt, var, 19 | b, u, i, center, 20 | dl, dt, dd, ol, ul, li, 21 | fieldset, form, label, legend, 22 | table, caption, tbody, tfoot, thead, tr, th, td, 23 | article, aside, canvas, details, embed, 24 | figure, figcaption, footer, header, hgroup, 25 | menu, nav, output, ruby, section, summary, 26 | time, mark, audio, video { 27 | margin: 0; 28 | padding: 0; 29 | border: 0; 30 | font-size: 100%; 31 | font: inherit; 32 | outline: none; 33 | vertical-align: baseline; 34 | box-sizing: border-box; 35 | } 36 | /* HTML5 display-role reset for older browsers */ 37 | article, aside, details, figcaption, figure, 38 | footer, header, hgroup, menu, nav, section { 39 | display: block; 40 | } 41 | input{ 42 | box-sizing: border-box; 43 | outline: none; 44 | } 45 | body { 46 | line-height: 1; 47 | font-family: open sans; 48 | font-size: 14px; 49 | } 50 | ol, ul { 51 | list-style: none; 52 | } 53 | blockquote, q { 54 | quotes: none; 55 | } 56 | blockquote:before, blockquote:after, 57 | q:before, q:after { 58 | content: ''; 59 | content: none; 60 | } 61 | table { 62 | border-collapse: collapse; 63 | border-spacing: 0; 64 | } 65 | img{ 66 | max-width: 100%; 67 | } 68 | 69 | .container{ 70 | width: 90%; 71 | margin: 0 auto; 72 | } 73 | 74 | /*Topbar Style*/ 75 | .topbar{ 76 | display: inline-block; 77 | width: 100%; 78 | height: 30px; 79 | float: left; 80 | background-color: #ffa800; 81 | font-size: 12px; 82 | font-weight: 600; 83 | position: relative; 84 | } 85 | .topleft{ 86 | float: left; 87 | } 88 | .topcenter{ 89 | float: left; 90 | text-align: center; 91 | margin: 0 25px; 92 | } 93 | .topright{ 94 | float: right; 95 | } 96 | .topbar ul{ 97 | line-height: 30px; 98 | } 99 | .topbar ul li{ 100 | list-style-type: none; 101 | display: inline-block; 102 | position: relative; 103 | } 104 | .topbar ul li a{ 105 | text-decoration: none; 106 | display: inline-block; 107 | color: #fff; 108 | padding: 0 5px; 109 | width: 100%; 110 | text-align: center; 111 | -webkit-transition: 300ms; 112 | } 113 | .topbar ul li a:hover{ 114 | color: #000; 115 | } 116 | /*Submenu Style*/ 117 | .topbar ul li ul{ 118 | position: absolute; 119 | display: none; 120 | z-index: 999; 121 | background-color: #ffa800; 122 | border-bottom-left-radius: 4px; 123 | border-bottom-right-radius: 4px; 124 | border: 1px solid #eea312; 125 | } 126 | .topbar ul li ul li{ 127 | width: 100%; 128 | } 129 | .topbar ul li ul li a{ 130 | padding: 0; 131 | } 132 | .topbar ul li ul.myprofile-dropdown{ 133 | min-width: 120px; 134 | } 135 | 136 | 137 | /*Header Style*/ 138 | .header{ 139 | display: inline-block; 140 | width: 100%; 141 | float: left; 142 | padding: 15px 0; 143 | border-bottom: 1px solid #00000010; 144 | } 145 | .header .logo{ 146 | float: left; 147 | width: 20%; 148 | } 149 | .header .searchbar{ 150 | width: 45%; 151 | float: left; 152 | } 153 | .searchbar .searchField{ 154 | width: 100%; 155 | height: 35px; 156 | padding: 15px; 157 | border-radius: 50px; 158 | border: 1px solid gainsboro; 159 | } 160 | .header .headerright{ 161 | float: right; 162 | } 163 | .header .headerright ul li{ 164 | display: inline-block; 165 | padding: 10px 0; 166 | } 167 | .header .headerright ul li a{ 168 | text-decoration: none; 169 | margin-left: 10px; 170 | color: #333; 171 | } 172 | .header .headerright ul li .signBtn{ 173 | padding: 8px 13px; 174 | border-radius: 50px; 175 | background-color: #ffa800; 176 | color: #fff; 177 | font-weight: 600; 178 | } 179 | 180 | 181 | /*Categories Menu*/ 182 | .productContent{ 183 | display: inline-block; 184 | width: 100%; 185 | float: left; 186 | padding: 15px 0; 187 | position: relative; 188 | } 189 | .productContent .productCategories{ 190 | width: 20%; 191 | float: left; 192 | padding: 7px 15px; 193 | border-radius: 8px; 194 | border: 1px solid #dfdcdc; 195 | } 196 | .productContent .productCategories ul li{ 197 | display: inline-block; 198 | width: 100%; 199 | float: left; 200 | margin: 5px 0 10px; 201 | } 202 | .productContent .productCategories ul li a i.fa-caret-right{ 203 | margin-left: 5px; 204 | color: #ffb524; 205 | vertical-align: middle; 206 | margin-top: -1px; 207 | } 208 | .productContent .productCategories ul li a{ 209 | display: inline-block; 210 | padding: 5px 0; 211 | text-decoration: none; 212 | color: #333; 213 | font-weight: 600; 214 | } 215 | .megamenu{ 216 | position: absolute; 217 | width: 70.2%; 218 | background-color: #fff; 219 | border: 1px solid gainsboro; 220 | left: 24.8%; 221 | top: 2.5%; 222 | min-height: 372px; 223 | border-radius: 8px; 224 | z-index: 9999; 225 | display: none; 226 | } 227 | .productContent .productCategories ul li ul{ 228 | max-width: 22%; 229 | float: left; 230 | padding: 15px; 231 | } 232 | .productContent .productCategories ul li ul h3{ 233 | font-size: 12px; 234 | text-transform: uppercase; 235 | font-weight: 700; 236 | color: #333; 237 | margin-bottom: 10px; 238 | } 239 | .productContent .productCategories ul li ul li{ 240 | margin: 0; 241 | display: inline-block; 242 | float: left; 243 | } 244 | .productContent .productCategories ul li ul li a{ 245 | color: #333; 246 | font-size: 14px; 247 | font-weight: 500; 248 | } 249 | .productContent .productCategories ul li ul li a:hover{ 250 | color: #ffdd05; 251 | } 252 | 253 | 254 | /*Slider Style*/ 255 | .productContent .productSlider{ 256 | width: 78%; 257 | float: right; 258 | display: inline-block; 259 | background-color: #ffdd054d; 260 | border-radius: 8px; 261 | position: relative; 262 | overflow: hidden; 263 | } 264 | .sliderInner{ 265 | width: 100%; 266 | height: 365px; 267 | display: inline-block; 268 | padding: 5px; 269 | } 270 | .sliderInner img{ 271 | width: 100%; 272 | height: 365px; 273 | } 274 | .cycle-control{ 275 | position: absolute; 276 | top: 45%; 277 | left: 0; 278 | z-index: 100; 279 | width: 100%; 280 | } 281 | .cycle-control span{ 282 | width: 35px; 283 | height: 35px; 284 | border-radius: 50px; 285 | font-size: 28px; 286 | text-align: center; 287 | line-height: 35px; 288 | display: inline-block; 289 | background-color: #ffdd05; 290 | color: #fff; 291 | position: absolute; 292 | margin: 0 25px; 293 | } 294 | .cycle-control #next{ 295 | right: 0; 296 | } 297 | 298 | /*Offer Card Style*/ 299 | .offer-card{ 300 | width: 296px; 301 | height: 200px; 302 | display: inline-block; 303 | margin-left: 25px; 304 | margin-top: 15px; 305 | border-radius: 4px; 306 | overflow: hidden; 307 | } 308 | .offer-card img{ 309 | width: 100%; 310 | height: 200px; 311 | } 312 | 313 | 314 | /*Banner Style*/ 315 | .banner{ 316 | width: 100%; 317 | float: left; 318 | display: inline-block; 319 | padding: 35px 0; 320 | } 321 | .banner img{ 322 | border-radius: 4px; 323 | } 324 | 325 | 326 | /*Product Area Style*/ 327 | .product-area{ 328 | width: 100%; 329 | float: left; 330 | display: inline-block; 331 | padding: 25px 0; 332 | } 333 | /*Product Area Heading*/ 334 | .product-area h3{ 335 | font-size: 28px; 336 | color: #333; 337 | text-transform: uppercase; 338 | border-bottom: 1px solid #d2d2d2; 339 | font-weight: 600; 340 | padding: 10px 0; 341 | margin-bottom: 30px; 342 | } 343 | .product-area .col-3{ 344 | width: 24%; 345 | float: left; 346 | display: inline-block; 347 | border-radius: 4px; 348 | overflow: hidden; 349 | margin: 0 .5% 35px; 350 | } 351 | .product-area a{ 352 | font-size: 14px; 353 | columns: #333; 354 | text-decoration: none; 355 | text-align: center; 356 | position: relative; 357 | } 358 | .product-area .caption{ 359 | padding: 10px 0; 360 | } 361 | .product-area a big{ 362 | font-weight: 600; 363 | } 364 | .product-area a h4{ 365 | font-size: 15px; 366 | padding: 8px 0; 367 | font-weight: 600; 368 | line-height: 22px; 369 | color: #737373; 370 | } 371 | 372 | /*Product Price Button Style*/ 373 | .product-area a .price{ 374 | font-size: 18px; 375 | font-weight: 700; 376 | color: #333; 377 | background-color: #ffe4b3; 378 | border: none; 379 | padding: 10px 25px; 380 | border-radius: 4px; 381 | margin-top: 10px; 382 | } 383 | 384 | /*Product View Button*/ 385 | .productViewBtn{ 386 | font-size: 18px; 387 | font-weight: 700; 388 | color: #333; 389 | visibility: hidden; 390 | background-color: #ffa800; 391 | border: none; 392 | width: 100%; 393 | padding: 10px 25px; 394 | border-radius: 4px; 395 | cursor: pointer; 396 | } 397 | .product-area a:hover .productViewBtn{ 398 | visibility: visible; 399 | } 400 | 401 | 402 | /*Popular Stores*/ 403 | .popularStores{ 404 | width: 100%; 405 | display: inline-block; 406 | float: left; 407 | padding: 15px 0; 408 | } 409 | .popularStores h3{ 410 | font-size: 28px; 411 | color:#333; 412 | text-transform: uppercase; 413 | border-bottom: 1px solid #d2d2d2; 414 | font-weight: 600; 415 | padding: 10px 0; 416 | margin-bottom: 20px; 417 | } 418 | .popularStores a{ 419 | display: inline-block; 420 | padding: 15px 24px; 421 | margin: 0 5px; 422 | text-decoration: none; 423 | color: #333; 424 | font-size: 16px; 425 | border-radius: 4px; 426 | background-color: #e2e2e2; 427 | } 428 | 429 | /*Greatest offer News*/ 430 | .news{ 431 | width: 100%; 432 | display: inline-block; 433 | float: left; 434 | padding: 15px 0; 435 | } 436 | .news h3{ 437 | font-size: 28px; 438 | columns: #333; 439 | text-transform: uppercase; 440 | border-bottom: 1px solid #d2d2d2; 441 | font-weight: 600; 442 | padding: 10px 0; 443 | margin-bottom: 20px; 444 | } 445 | .owl-carousel .owl-nav{ 446 | position: absolute; 447 | width: 100%; 448 | top: 40%; 449 | } 450 | .owl-carousel .owl-nav button.owl-next span, 451 | .owl-carousel .owl-nav button.owl-prev span{ 452 | width: 45px; 453 | height: 45px; 454 | font-size: 48px; 455 | background-color: #ffa800; 456 | display: inline-block; 457 | line-height: 35px; 458 | border-radius: 50px; 459 | color: #fff; 460 | } 461 | .owl-carousel .owl-nav button.owl-prev{ 462 | left: -20px; 463 | position: absolute; 464 | } 465 | .owl-carousel .owl-nav button.owl-next{ 466 | right: -20px; 467 | position: absolute; 468 | } 469 | 470 | 471 | /*Support Style*/ 472 | .support{ 473 | width: 100%; 474 | display: inline-block; 475 | float: left; 476 | padding: 55px 0; 477 | text-align: center; 478 | } 479 | .support a{ 480 | display: inline-block; 481 | width: 25%; 482 | float: left; 483 | text-align: center; 484 | font-weight: 600; 485 | font-size: 16px; 486 | text-decoration: none; 487 | color: #333; 488 | border: 1px solid #e7e7e7; 489 | padding-bottom: 25px; 490 | } 491 | .support a h5{ 492 | padding-top: 10px; 493 | } 494 | .support a img{ 495 | max-width: 92px; 496 | } 497 | 498 | 499 | /*Other Inforamtion Style*/ 500 | .otherInfo{ 501 | width: 100%; 502 | display: inline-block; 503 | float: left; 504 | padding: 0 0 25px; 505 | text-align: center; 506 | } 507 | .otherInfoHandle{ 508 | font-size: 18px; 509 | font-weight: 600; 510 | padding: 15px 0; 511 | cursor: pointer; 512 | color: blue; 513 | text-decoration: underline; 514 | } 515 | .otherInfoBody{ 516 | font-size: 16px; 517 | line-height: 24px; 518 | padding: 0 80px; 519 | } 520 | .otherInfoBody p{ 521 | margin-bottom: 15px; 522 | } 523 | 524 | 525 | /*Footer Style*/ 526 | .footer{ 527 | width: 100%; 528 | display: inline-block; 529 | float: left; 530 | padding: 25px 0; 531 | background-color: #ffa80020; 532 | } 533 | .footer .col-3{ 534 | width: 24%; 535 | float: left; 536 | } 537 | .footer p{ 538 | margin-bottom: 10px; 539 | font-size: 14px; 540 | color: #333; 541 | line-height: 18px; 542 | } 543 | .footer p big{ 544 | font-weight: 700; 545 | } 546 | .footer .col-3 ul li a{ 547 | display: inline-block; 548 | text-decoration: none; 549 | color: #333; 550 | font-size: 15px; 551 | font-weight: 600; 552 | margin-bottom: 15px; 553 | } 554 | .copyright{ 555 | display: inline-block; 556 | width: 100%; 557 | text-align: center; 558 | float: left; 559 | background-color: #ffa80080; 560 | padding: 10px 0; 561 | columns: #333; 562 | } 563 | 564 | 565 | /*Login Form Style*/ 566 | .loginBox{ 567 | width: 100%; 568 | height: 100%; 569 | padding: 15px; 570 | display: none; 571 | position: fixed; 572 | top: 0; 573 | left: 0; 574 | background-color: #fff2d7; 575 | border-radius: 4px; 576 | z-index: 999; 577 | } 578 | .loginBox h3{ 579 | font-size: 28px; 580 | color: #333; 581 | padding-bottom: 35px; 582 | } 583 | .closeBtn{ 584 | float: right; 585 | padding: 15px; 586 | border-radius: 50px; 587 | background-color: #ffa800; 588 | color: #fff; 589 | cursor: pointer; 590 | } 591 | .loginForm,.registerForm{ 592 | padding: 55px; 593 | width: 45%; 594 | } 595 | .loginForm{ 596 | float: left; 597 | } 598 | .registerForm{ 599 | float: right; 600 | } 601 | .textField{ 602 | width: 100%; 603 | height: 45px; 604 | margin-bottom: 15px; 605 | background-color: transparent; 606 | border: 1px solid #ffa800; 607 | border-radius: 4px; 608 | color: #333; 609 | font-size: 18px; 610 | padding: 5px 10px; 611 | } 612 | .submitBtn{ 613 | width: 100%; 614 | height: 45px; 615 | background-color: #ffa800; 616 | border:none; 617 | border-radius: 4px; 618 | font-size: 20px; 619 | text-transform: uppercase; 620 | color: #fff; 621 | font-weight: 700; 622 | } 623 | 624 | 625 | /*ProductViewBox Style*/ 626 | .productViewBox{ 627 | width: 90%; 628 | height: 90%; 629 | margin: auto auto; 630 | background-color: gray; 631 | position: fixed; 632 | top: 0; bottom: 0; 633 | left: 0; right: 0; 634 | z-index: 999; 635 | border: 1px solid #ffa800; 636 | border-radius: 4px; 637 | background-color: #fff2d7; 638 | box-shadow: 0 5px 250px #000; 639 | padding: 15px 25px; 640 | overflow-y: auto; 641 | display: none; 642 | } 643 | .productViewBox h3{ 644 | font-size: 24px; 645 | font-weight: 700; 646 | padding-bottom: 15px; 647 | margin-bottom: 15px; 648 | border-bottom: 1px solid; 649 | } 650 | .productViewBox-closeBtn{ 651 | float: right; 652 | position: absolute; 653 | top: 0; 654 | right: 0; 655 | width: 35px; 656 | height: 35px; 657 | margin: 10px; 658 | border-radius: 50px; 659 | background-color: #ffa800; 660 | color: #fff; 661 | font-size: 18px; 662 | text-align: center; 663 | line-height: 35px; 664 | } 665 | .productViewBoxImg{ 666 | width: 45%; 667 | float: left; 668 | padding: 15px; 669 | background-color: #fff; 670 | border: 1px solid #dadada; 671 | } 672 | .productViewBoxImg img{ 673 | width: 100%; 674 | } 675 | .productViewBoxDetail{ 676 | width: 50%; 677 | float: right; 678 | } 679 | .productViewBoxDetail h5{ 680 | font-size: 18px; 681 | margin-bottom: 15px; 682 | line-height: 28px; 683 | font-weight: 500; 684 | color: #333; 685 | } 686 | .productViewBoxDetail h5 b{ 687 | font-weight: 600; 688 | color: #000; 689 | } 690 | .productViewBoxDetail .addtocart{ 691 | border: 1px solid; 692 | color: #ffa800; 693 | font-size: 18px; 694 | font-weight: 600; 695 | text-decoration: none; 696 | padding: 10px 15px; 697 | border-radius: 4px; 698 | display: inline-block; 699 | } 700 | .productViewBoxDetail .writereview{ 701 | color: #333; 702 | font-size: 16px; 703 | font-weight: 600; 704 | text-decoration: none; 705 | padding: 10px 15px; 706 | border-radius: 4px; 707 | margin-left: 20px; 708 | display: inline-block; 709 | } 710 | .productViewBoxDetail .buynow{ 711 | border: 1px solid #ffa800; 712 | background-color: #ffa800; 713 | color: #fff; 714 | font-size: 20px; 715 | text-transform: uppercase; 716 | font-weight: 700; 717 | text-decoration: none; 718 | padding: 15px 25px; 719 | border-radius: 4px; 720 | margin-top: 20px; 721 | width: 60%; 722 | text-align: center; 723 | display: inline-block; 724 | } 725 | 726 | 727 | /*Product Detail Page Style*/ 728 | .product-detail{ 729 | display: inline-block; 730 | float: left; 731 | width: 100%; 732 | padding: 45px 0; 733 | } 734 | .product-detail h3{ 735 | font-size: 24px; 736 | padding: 15px 0; 737 | } 738 | .product-detail-left{ 739 | float: left; 740 | width:40%; 741 | } 742 | .product-detail-right{ 743 | float: right; 744 | width: 55%; 745 | } 746 | .product-detail-right h3{ 747 | font-size: 22px; 748 | line-height: 24px; 749 | padding-top: 0; 750 | } 751 | .product-detail-right h3 small{ 752 | font-size: 14px; 753 | color: gray; 754 | } 755 | .product-detail-right h5{ 756 | font-size: 18px; 757 | margin-bottom: 20px; 758 | color: gray; 759 | } 760 | .product-detail-right h5 b{ 761 | color: #000; 762 | } 763 | .product-detail-right .addtocart{ 764 | border: 1px solid; 765 | color: #ffa800; 766 | font-size: 18px; 767 | font-weight: 600; 768 | text-decoration: none; 769 | padding: 10px 15px; 770 | border-radius: 4px; 771 | display: inline-block; 772 | } 773 | .product-detail-right .writereview{ 774 | color: #333; 775 | font-size: 16px; 776 | font-weight: 600; 777 | text-decoration: none; 778 | padding: 10px 15px; 779 | border-radius: 4px; 780 | margin-left: 20px; 781 | display: inline-block; 782 | } 783 | .product-detail-right .buynow{ 784 | border: 1px solid #ffa800; 785 | background-color: #ffa800; 786 | color: #fff; 787 | font-size: 20px; 788 | text-transform: uppercase; 789 | font-weight: 700; 790 | text-decoration: none; 791 | padding: 15px 25px; 792 | border-radius: 4px; 793 | margin-top: 20px; 794 | width: 60%; 795 | text-align: center; 796 | display: inline-block; 797 | } 798 | 799 | .product-detail-feature{ 800 | width: 100%; 801 | float: left; 802 | display: inline-block; 803 | margin-top: 25px; 804 | padding: 15px; 805 | background-color: #ffa8001a; 806 | } 807 | .product-detail-feature h3{ 808 | font-weight: 500; 809 | border-bottom: 1px solid; 810 | } 811 | .product-detail-feature p{ 812 | padding: 15px 0; 813 | font-size: 18px; 814 | border-bottom: 1px solid #dedede; 815 | width: 50%; 816 | float: left; 817 | } 818 | .product-detail .sp-wrap{ 819 | max-width: 100%; 820 | } 821 | .product-detail-left img{ 822 | max-width: inherit; 823 | } 824 | 825 | 826 | 827 | /*Checkout Style*/ 828 | .checkout{ 829 | display: inline-block; 830 | float: left; 831 | width: 100%; 832 | padding: 45px 0; 833 | } 834 | .checkout h2{ 835 | font-size: 22px; 836 | font-weight: 700; 837 | color: #222; 838 | border-bottom: 1px solid; 839 | padding-bottom: 15px; 840 | margin-bottom: 15px; 841 | text-transform: uppercase; 842 | } 843 | .checkout-inner{ 844 | width: 70%; 845 | float: left; 846 | border-right: 1px solid #c5c5c5; 847 | padding-right: 25px; 848 | } 849 | .checkout-form-steps{ 850 | width: 100%; 851 | padding: 15px; 852 | display: inline-block; 853 | } 854 | .checkout-form-steps h4{ 855 | font-size: 18px; 856 | font-weight: 700; 857 | border-bottom: 1px solid; 858 | color: #ff9800; 859 | padding-bottom: 15px; 860 | margin-bottom: 25px; 861 | } 862 | .checkout-form-steps .textfield{ 863 | width: 100%; 864 | height: 45px; 865 | border-radius: 4px; 866 | border: 2px solid #d0d0d0; 867 | margin-bottom: 15px; 868 | padding: 10px; 869 | font-size: 15px; 870 | } 871 | .checkout-form-steps .textfield:focus, .checkout-form-steps label:hover{ 872 | border-color: #ffa800; 873 | } 874 | .checkout-form-steps label{ 875 | width: 100%; 876 | float: left; 877 | border:2px solid #d0d0d0; 878 | border-radius: 4px; 879 | margin-bottom: 15px; 880 | padding: 10px; 881 | font-size: 15px; 882 | } 883 | .submitorder-button{ 884 | width: 300px; 885 | height: 50px; 886 | margin: 15px; 887 | border-radius: 4px; 888 | float: right; 889 | font-size: 22px; 890 | color: #fff; 891 | border:none; 892 | font-weight: 600; 893 | background-color: #ffa800; 894 | } 895 | 896 | /*Order List Style*/ 897 | .orderlist{ 898 | width: 28%; 899 | float: right; 900 | } 901 | .orderlist h3{ 902 | font-size: 18px; 903 | padding: 15px 0; 904 | line-height: 22px; 905 | } 906 | .orderlist p{ 907 | padding: 15px 10px; 908 | background-color: #00000010; 909 | font-size: 18px; 910 | border-bottom: 1px solid #00000020; 911 | } 912 | .orderlist p span{ 913 | float: right; 914 | } 915 | .orderlist .textfield{ 916 | width: 100%; 917 | height: 45px; 918 | padding: 15px; 919 | border-radius: 4px; 920 | margin: 15px 0; 921 | border: 1px solid #00000040; 922 | font-size: 16px; 923 | } 924 | .orderlist .applycode-button{ 925 | width: 100%; 926 | height: 45px; 927 | padding: 15px; 928 | border-radius: 4px; 929 | margin-bottom: 25px; 930 | border: none; 931 | font-size: 16px; 932 | background-color: #ffa80050; 933 | } -------------------------------------------------------------------------------- /index_usd.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Online Store Website 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 | 17 | 18 |
19 |
    20 |
  • USD 21 |
      22 |
    • INR
    • 23 |
    24 |
  • 25 |
26 |
27 | 28 | 29 |
30 | 35 |
36 | 37 | 38 |
39 | 48 |
49 |
50 |
51 | 52 | 53 | 54 | 55 |
56 |
57 | 60 | 65 |
66 | 71 |
72 |
73 |
74 | 75 | 76 | 77 | 78 |
79 |
80 |
81 | 294 |
295 | 296 | 297 | 298 |
299 |
300 | 301 | 302 |
303 |
304 | 305 | 306 |
307 |
308 | 309 | 310 | 319 |
320 |
321 | 322 | 323 | 324 | 325 | 330 | 331 | 332 | 333 | 334 |
335 |
336 |

Top Selling Products

337 | 338 | 350 | 351 | 363 | 364 | 376 | 377 | 389 | 390 | 391 | 403 | 404 | 416 | 417 | 429 | 430 | 442 | 443 |

New 2019 Fresh Stock

444 | 456 | 468 | 480 | 492 | 493 |
494 |
495 | 496 | 497 | 498 |
499 |
500 |

Popular Stores

501 |
502 | JBL 503 | SONY 504 | Xiaomi 505 | Beats 506 | Scheniser 507 | Philips 508 | Samsung 509 | Apple 510 | Microsoft 511 |
512 |
513 |
514 | 515 | 516 | 517 | 518 |
519 |
520 |

Greatest Offer News

521 | 528 |
529 |
530 | 531 | 532 | 533 | 534 |
535 | 553 |
554 | 555 | 556 | 557 | 567 | 568 | 569 | 570 | 607 | 608 | 609 | 610 | 615 | 616 | 617 |
618 |
619 |
620 |

Login Form

621 |
622 | 623 | 624 | 625 |
626 |
627 |
628 |

Register Form

629 |
630 | 631 | 632 | 633 | 634 | 635 | 636 |
637 |
638 |
639 | 640 | 641 | 642 | 643 |
644 |

Apple Macbook Pro MQ032 14.5' Inter Core i7 5550U 8GB DDR3

645 |
646 |
647 | 648 |
649 |
650 |
Price : 598
651 |
Brand : Apple
652 |
Warranty : 12 Months
653 |
Delivery of the city : Free
654 |
Payment : COD, Visa, Mastercard, Debit, Credit, Installation
655 |
Availability : in Stock
656 |
Product Code : GA000006488
657 | Add to Cart 658 | Write a review 659 | Buy Now 660 |
661 |
662 | 663 | 664 | 665 | 666 | 667 | 668 | 669 | 735 | 736 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Online Store Website 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 |
16 | 17 | 18 |
19 |
    20 |
  • INR 21 |
      22 |
    • USD
    • 23 |
    24 |
  • 25 |
26 |
27 | 28 | 29 |
30 | 35 |
36 | 37 | 38 |
39 | 48 |
49 |
50 |
51 | 52 | 53 | 54 | 55 |
56 |
57 | 60 | 65 |
66 | 71 |
72 |
73 |
74 | 75 | 76 | 77 | 78 |
79 |
80 |
81 | 294 |
295 | 296 | 297 | 298 |
299 |
300 | 301 | 302 |
303 |
304 | 305 | 306 |
307 |
308 | 309 | 310 | 319 |
320 |
321 | 322 | 323 | 324 | 325 | 330 | 331 | 332 | 333 | 334 |
335 |
336 |

Top Selling Products

337 | 338 | 350 | 351 | 363 | 364 | 376 | 377 | 389 | 390 | 391 | 403 | 404 | 416 | 417 | 429 | 430 | 442 | 443 |

New 2019 Fresh Stock

444 | 456 | 468 | 480 | 492 | 493 |
494 |
495 | 496 | 497 | 498 |
499 |
500 |

Popular Stores

501 |
502 | JBL 503 | SONY 504 | Xiaomi 505 | Beats 506 | Scheniser 507 | Philips 508 | Samsung 509 | Apple 510 | Microsoft 511 |
512 |
513 |
514 | 515 | 516 | 517 | 518 |
519 |
520 |

Greatest Offer News

521 | 528 |
529 |
530 | 531 | 532 | 533 | 534 |
535 | 553 |
554 | 555 | 556 | 557 | 567 | 568 | 569 | 570 | 607 | 608 | 609 | 610 | 615 | 616 | 617 |
618 |
619 |
620 |

Login Form

621 |
622 | 623 | 624 | 625 |
626 |
627 |
628 |

Register Form

629 |
630 | 631 | 632 | 633 | 634 | 635 | 636 |
637 |
638 |
639 | 640 | 641 | 642 | 643 |
644 |

Apple Macbook Pro MQ032 14.5' Inter Core i7 5550U 8GB DDR3

645 |
646 |
647 | 648 |
649 |
650 |
Price : 598
651 |
Brand : Apple
652 |
Warranty : 12 Months
653 |
Delivery of the city : Free
654 |
Payment : COD, Visa, Mastercard, Debit, Credit, Installation
655 |
Availability : in Stock
656 |
Product Code : GA000006488
657 | Add to Cart 658 | Write a review 659 | Buy Now 660 |
661 |
662 | 663 | 664 | 665 | 666 | 667 | 668 | 669 | 735 | 736 | -------------------------------------------------------------------------------- /css/style2.css: -------------------------------------------------------------------------------- 1 | .floatleft { float: left } 2 | .floatright { float: right } 3 | .alignleft { 4 | float: left; 5 | margin-right: 15px; 6 | } 7 | .alignright { 8 | float: right; 9 | margin-left: 15px; 10 | } 11 | .aligncenter { 12 | display: block; 13 | margin: 0 auto 15px; 14 | } 15 | a:focus { outline: 0px solid } 16 | img { 17 | max-width: 100%; 18 | height: auto; 19 | } 20 | .fix { overflow: hidden } 21 | h1, 22 | h2, 23 | h3, 24 | h4, 25 | h5, 26 | h6 { 27 | margin: 0 0 15px; 28 | } 29 | body { font-family:Arial, Helvetica, sans-serif; } 30 | 31 | 32 | 33 | .header-area { 34 | background: none repeat scroll 0 0 #f4f4f4; 35 | } 36 | .header-area a { 37 | color: #888; 38 | } 39 | .user-menu ul { 40 | list-style: outside none none; 41 | margin: 0; 42 | padding: 0; 43 | } 44 | .user-menu li { 45 | display: inline-block; 46 | } 47 | .user-menu li a { 48 | display: block; 49 | font-size: 13px; 50 | margin-right: 5px; 51 | padding: 10px; 52 | } 53 | .user-menu li a i.fa { 54 | margin-right: 5px; 55 | } 56 | .header-right ul.list-inline { 57 | margin: 0; 58 | text-align: right; 59 | } 60 | .header-right ul.list-inline li a { 61 | display: block; 62 | padding: 9px; 63 | } 64 | .header-right ul.list-inline li ul a { 65 | padding: 5px 15px; 66 | } 67 | .header-right ul.list-inline li ul { 68 | border: medium none; 69 | border-radius: 0; 70 | left: 50%; 71 | margin-left: -50px; 72 | min-width: 100px; 73 | text-align: center; 74 | } 75 | 76 | .mainmenu-area {background: none repeat scroll 0 0 #fbfbfb; 77 | font-family: "Roboto Condensed",sans-serif; 78 | text-transform: uppercase; 79 | width: 100%; 80 | z-index: 999;} 81 | 82 | 83 | 84 | .logo h1 { 85 | font-size: 40px; 86 | margin: 30px 0;font-weight: 400; 87 | } 88 | .logo h1 a { 89 | color: #999; 90 | } 91 | .logo h1 a:hover {text-decoration: none;opacity: .7} 92 | .logo h1 a span { 93 | color: #5a88ca; 94 | } 95 | .shopping-item { 96 | border: 1px solid #ddd; 97 | float: right; 98 | font-size: 18px; 99 | margin-top: 40px; 100 | padding: 10px; 101 | position: relative; 102 | } 103 | .shopping-item a { 104 | color: #666; 105 | } 106 | .cart-amunt { 107 | color: #5a88ca; 108 | font-weight: 700; 109 | } 110 | .product-count { 111 | background: none repeat scroll 0 0 #5a88ca; 112 | border-radius: 50%; 113 | color: #fff; 114 | display: inline-block; 115 | font-size: 10px; 116 | height: 20px; 117 | padding-top: 2px; 118 | position: absolute; 119 | right: -10px; 120 | text-align: center; 121 | top: -10px; 122 | width: 20px; 123 | } 124 | .shopping-item i.fa { 125 | margin-left: 15px; 126 | } 127 | 128 | 129 | .shopping-item:hover { 130 | background: none repeat scroll 0 0 #5a88ca; 131 | border-color: #5a88ca; 132 | } 133 | .shopping-item:hover a { 134 | color: #fff;text-decoration: none 135 | } 136 | .shopping-item:hover .cart-amunt { 137 | color: #fff; 138 | } 139 | .shopping-item:hover .product-count { 140 | background: none repeat scroll 0 0 #000; 141 | } 142 | 143 | 144 | .mainmenu-area ul.navbar-nav li a { 145 | color: #6e6a6a; 146 | font-size: 14px; 147 | padding: 20px; 148 | } 149 | 150 | .mainmenu-area ul.navbar-nav li:hover a, .mainmenu-area ul.navbar-nav li.active a {background: #5a88ca; color:#FFF;} 151 | .mainmenu-area .nav > li > a:focus {color: #FFF;} 152 | 153 | .slider-area { width:80%; position:relative; margin:0 auto; padding:5px;} 154 | /*------------------------- 155 | [9. Block slider] 156 | ---------------------------*/ 157 | .block-slider{ 158 | border:none; 159 | width: 100%; 160 | } 161 | .block-slider ul li{ 162 | list-style: none; 163 | } 164 | .block-slider .bx-pager{ 165 | display: none; 166 | } 167 | .block-slider .bx-prev, 168 | .block-slider .bx-next{ 169 | width: 32px; 170 | height: 32px; 171 | border: 1px solid #eaeaea; 172 | text-align: center; 173 | display: block; 174 | border-radius: 50%; 175 | font-size: 30px; 176 | position: absolute; 177 | top: 50%; 178 | -ms-transform: translateY(-50%); 179 | -webkit-transform: translateY(-50%); 180 | transform: translateY(-50%); 181 | line-height: 29px; 182 | -moz-transition: all 0.45s ease; 183 | -webkit-transition: all 0.45s ease; 184 | -o-transition: all 0.45s ease; 185 | -ms-transition: all 0.45s ease; 186 | transition: all 0.45s ease; 187 | } 188 | .block-slider img{ 189 | width: 100%; 190 | height: auto; 191 | } 192 | .block-slider .bx-prev{ 193 | left: 0px; 194 | padding-right: 3px; 195 | } 196 | .block-slider .bx-next{ 197 | right: 0px; 198 | padding-left: 3px; 199 | } 200 | .block-slider:hover .bx-prev{ 201 | left: 10px; 202 | } 203 | .block-slider:hover .bx-next{ 204 | right: 10px; 205 | } 206 | .block-slider .bx-prev:hover, 207 | .block-slider .bx-next:hover{ 208 | background: #5a88ca; 209 | color: #fff; 210 | border-color: #5a88ca; 211 | } 212 | 213 | /*------------------ 214 | [4. Slidershow] 215 | ------------------*/ 216 | 217 | .block-slider .bx-pager{ 218 | display: block; 219 | text-align: center; 220 | } 221 | .block-slider .bx-pager-item{ 222 | width: 15px; 223 | height: 15px; 224 | background: #fff; 225 | font-size: 0; 226 | display: inline-block; 227 | border-radius: 50%; 228 | margin: 0 3px; 229 | } 230 | .block-slider .bx-pager-item a{ 231 | width: 100%; 232 | height: 100%; 233 | background: #999; 234 | display: block; 235 | border-radius: 50%; 236 | } 237 | .block-slider .bx-pager-item a.active{ 238 | background: #1bd172; 239 | } 240 | .block-slider .caption-group{ 241 | position: absolute; 242 | top: 26%; 243 | right: 16%; 244 | } 245 | .block-slider .caption-group .title{ 246 | margin: 0; 247 | } 248 | .block-slider .caption-group .subtitle{ 249 | margin: 0; 250 | margin-top: 5px; 251 | } 252 | .block-slider .caption-group .button-radius{ 253 | margin-top: 27px; 254 | } 255 | .block-slider .caption-group .primary{ 256 | color: #1bd172; 257 | } 258 | .block-slider .caption-group .caption{ 259 | 260 | } 261 | 262 | /*---------------------- 263 | [10. Block top seller ] 264 | ------------------------*/ 265 | .button-radius{ 266 | position: relative; 267 | border: 1px solid #eaeaea; 268 | padding: 1px; 269 | min-height: 34px; 270 | background: #fff; 271 | display: inline-block; 272 | width: auto; 273 | line-height: 30px; 274 | padding-left: 40px; 275 | padding-right: 20px; 276 | margin: 0; 277 | color: #666666; 278 | -webkit-border-radius: 17px; 279 | -moz-border-radius: 17px; 280 | border-radius: 17px; 281 | -webkit-transition: all 1s ease; 282 | -moz-transition: all 1s ease; 283 | -o-transition: all 1s ease; 284 | -ms-transition: all 1s ease; 285 | transition: all 1s ease; 286 | margin-top: 10px; 287 | font-size: 14px; 288 | } 289 | .button-radius .icon{ 290 | -webkit-transition: all 1s ease-out; 291 | -moz-transition: all 1s ease-out; 292 | -o-transition: all 1s ease-out; 293 | -ms-transition: all 1s ease-out; 294 | transition: all 1s ease-out; 295 | position: absolute; 296 | left: 2%; 297 | top: 2px; 298 | overflow: hidden; 299 | } 300 | 301 | .button-radius .icon:before{ 302 | font-family: 'FontAwesome'; 303 | content: "\f105"; 304 | font-size: 14px; 305 | color: #fff; 306 | width: 28px; 307 | height: 28px; 308 | background-color: #5a88ca; 309 | border-radius: 90%; 310 | text-align: center; 311 | line-height: 26px; 312 | float: left; 313 | -webkit-transition: all 1s ease-out; 314 | -moz-transition: all 1s ease-out; 315 | -o-transition: all 1s ease-out; 316 | -ms-transition: all 1s ease-out; 317 | transition: all 1s ease-out; 318 | } 319 | 320 | .button-radius.white{ 321 | border-color: #fff; 322 | color: #fff; 323 | background: transparent; 324 | } 325 | .button-radius.white .icon:before{ 326 | background: #fff; 327 | color: #333; 328 | } 329 | 330 | .button-radius:hover .icon{ 331 | left: 100%; 332 | margin-left: -30px; 333 | } 334 | .button-radius:hover{ 335 | padding-left: 20px; 336 | padding-right: 40px; 337 | } 338 | 339 | .promo-area { 340 | background:#fbfbfb; 341 | color: #fff; 342 | padding: 40px 0 40px; 343 | } 344 | 345 | .brands-area { 346 | border-top:1px solid #e5e5e5; 347 | border-bottom:1px solid #e5e5e5; 348 | color: #fff; 349 | padding: 20px 0 20px; 350 | } 351 | 352 | .promo-area .zigzag-bottom, .brands-area .zigzag-bottom{background: #f4f4f4} 353 | .single-promo { 354 | font-size: 25px; 355 | font-weight: 200; 356 | padding: 20px 10px; 357 | text-align: center; 358 | } 359 | .single-promo i { 360 | font-size: 50px; 361 | } 362 | 363 | .single-promo:hover {color: #fff;background: #222;} 364 | .promo1 { background:#5a88ca;} 365 | .promo2 { background:#ffd900;} 366 | .promo3 { background:#fa8072;} 367 | .promo4 { background:#4abebd;} 368 | .section-title { 369 | font-family: "Raleway",sans-serif; 370 | font-size: 50px; 371 | font-weight: 100; 372 | margin-bottom: 50px; 373 | text-align: center; 374 | } 375 | 376 | 377 | .product-f-image { 378 | position: relative; 379 | } 380 | .product-hover { 381 | height: 100%; 382 | left: 0; 383 | position: absolute; 384 | top: 0; 385 | width: 100%;overflow: hidden;border: 1px solid #ddd; 386 | } 387 | .product-hover:after { 388 | background: none repeat scroll 0 0 #000; 389 | content: ""; 390 | height: 100%; 391 | left: -100%; 392 | opacity: 0.6; 393 | position: absolute; 394 | top: 0; 395 | width: 100%;transition: .4s; 396 | } 397 | .product-hover a { 398 | background: none repeat scroll 0 0 #5a88ca; 399 | border-radius: 5px; 400 | color: #fff; 401 | display: block; 402 | font-size: 16px; 403 | left: 10%; 404 | margin: 0; 405 | padding: 10px; 406 | position: absolute; 407 | text-align: center; 408 | text-transform: uppercase; 409 | border: 1px solid #5a88ca; 410 | width: 80%;z-index: 99;transition: .4s; 411 | } 412 | .product-hover a:hover { 413 | background: #000; 414 | text-decoration: none;border-color: #444; 415 | } 416 | .product-carousel-price ins { 417 | color: #5a88ca; 418 | font-weight: 700; 419 | margin-right: 5px; 420 | text-decoration: none; 421 | } 422 | .product-hover a i.fa { 423 | margin-right: 5px; 424 | } 425 | .product-hover a.add-to-cart-link {top: -25%;} 426 | .product-hover a.view-details-link { bottom: -25%;} 427 | .single-product h2 { 428 | font-size: 18px; 429 | line-height: 25px; 430 | margin-bottom: 10px; 431 | margin-top: 15px; 432 | } 433 | 434 | 435 | .single-product h2 a { 436 | color: #222; 437 | } 438 | .single-product p { 439 | color: #5a88ca; 440 | font-weight: 700; 441 | } 442 | 443 | .single-product { 444 | overflow: hidden; 445 | } 446 | .single-product:hover {} 447 | .single-product:hover .product-hover a.add-to-cart-link {top: 32%;} 448 | .single-product:hover .product-hover a.view-details-link {bottom: 32%;} 449 | .single-product:hover .product-hover:after{left: 0} 450 | 451 | 452 | .product-carousel { 453 | padding-top: 40px; 454 | } 455 | .latest-product .owl-nav { 456 | position: absolute; 457 | right: 0; 458 | top: 0; 459 | } 460 | 461 | .latest-product .owl-nav div, .related-products-wrapper .owl-nav div { 462 | background:#fa8072; 463 | color:#FFF; 464 | display: inline-block; 465 | margin-left: 15px; 466 | padding: 1px 10px; 467 | } 468 | .latest-product .owl-nav div:hover, .brand-wrapper .owl-nav div:hover, .related-products-wrapper .owl-nav div:hover {color: #FFF; background:#f95f5f;} 469 | .brand-list {padding-top: 40px;} 470 | .brand-list .owl-nav { 471 | position: absolute; 472 | right: 0; 473 | top: 0; 474 | } 475 | .brand-wrapper .owl-nav div { 476 | border: 1px solid #fff; 477 | color: #fff; 478 | display: inline-block; 479 | margin-left: 15px; 480 | padding: 1px 10px; 481 | } 482 | 483 | .brand-wrapper .owl-nav div { 484 | background:#fa8072; 485 | color:#FFF; 486 | display: inline-block; 487 | margin-left: 15px; 488 | padding: 1px 10px; 489 | } 490 | 491 | .maincontent-area {padding-bottom: 50px; padding-top:20px;} 492 | 493 | .product-wid-title { 494 | font-family: raleway; 495 | font-size: 30px; 496 | font-weight: 100; 497 | margin-bottom: 40px; 498 | } 499 | 500 | 501 | .single-wid-product { 502 | margin-bottom: 31px; 503 | overflow: hidden; 504 | } 505 | .product-thumb { 506 | float: left; 507 | height: 90px; 508 | margin-right: 15px; 509 | width: 100px; 510 | } 511 | .single-wid-product h2 { 512 | font-size: 14px; 513 | margin-bottom: 12px; 514 | } 515 | .product-wid-rating { 516 | color: #ffc808; 517 | margin-bottom: 10px; 518 | } 519 | .product-wid-price ins { 520 | color: #5a88ca; 521 | font-weight: 700; 522 | margin-right: 10px; 523 | text-decoration: none; 524 | } 525 | .single-wid-product h2 a { 526 | color: #222; 527 | } 528 | .single-wid-product h2 a:hover, .single-product h2 a:hover { 529 | color: #5a88ca; 530 | } 531 | .wid-view-more { 532 | background: none repeat scroll 0 0 #5a88ca; 533 | color: #fff; 534 | padding: 3px 15px; 535 | position: absolute; 536 | right: 10px; 537 | top: 3px; 538 | } 539 | .wid-view-more:hover {color: #fff;background-color: #222;text-decoration: none} 540 | .single-product-widget { 541 | position: relative; 542 | } 543 | .product-widget-area { 544 | padding-bottom: 30px; 545 | padding-top: 30px; 546 | } 547 | .product-widget-area .zigzag-bottom{background: #f4f4f4;} 548 | .footer-top-area .zigzag-bottom{background: #f4f4f4} 549 | .footer-top-area {background: none repeat scroll 0 0 #333; 550 | color: #999; 551 | padding: 35px 0 180px;} 552 | 553 | 554 | .footer-bottom-area {background: #000;color: #fff} 555 | .footer-about-us span { 556 | color: #5a88ca; 557 | } 558 | .footer-wid-title { 559 | font-family: raleway; 560 | font-size: 30px; 561 | font-weight: 100;color: #fff 562 | } 563 | 564 | .footer-about-us h2 { 565 | font-weight: 200; 566 | } 567 | .footer-menu ul { 568 | list-style: outside none none; 569 | margin: 0; 570 | padding: 0; 571 | } 572 | .footer-menu ul li { 573 | border-bottom: 1px dashed #555; 574 | padding: 5px 0; 575 | } 576 | .footer-menu a { 577 | display: block; 578 | padding: 5px 0;color: #999 579 | } 580 | 581 | 582 | .footer-social a { 583 | background: none repeat scroll 0 0 #5a88ca; 584 | color: #fff; 585 | display: inline-block; 586 | font-size: 20px; 587 | height: 40px; 588 | margin-bottom: 10px; 589 | margin-right: 10px; 590 | padding-top: 5px; 591 | text-align: center; 592 | width: 40px;border: 1px solid #5a88ca; 593 | } 594 | 595 | .footer-social a:hover {background-color: #222;border-color: #666} 596 | 597 | .footer-social {margin-top: 20px} 598 | 599 | 600 | .newsletter-form input[type="email"] { 601 | background: none repeat scroll 0 0 #fff; 602 | border: medium none; 603 | margin-bottom: 10px; 604 | padding: 10px; 605 | width: 100%; 606 | } 607 | .newsletter-form input[type="submit"] { 608 | background: none repeat scroll 0 0 #5a88ca; 609 | border: medium none; 610 | color: #fff; 611 | display: inline-block; 612 | font-size: 18px; 613 | padding: 7px 20px; 614 | text-transform: uppercase;border: 1px solid #5a88ca; 615 | } 616 | .newsletter-form input[type="submit"]:hover {background: #222;border-color: #666} 617 | .newsletter-form { 618 | margin-top: 25px; 619 | } 620 | a {color: #5a88ca} 621 | a:hover, a:focus {color: #17a78b} 622 | .footer-bottom-area { 623 | background: none repeat scroll 0 0 #000; 624 | color: #fff; 625 | padding-bottom: 40px; 626 | } 627 | 628 | 629 | .slide-bulletz { 630 | bottom: 30px; 631 | left: 0; 632 | position: absolute; 633 | text-align: center; 634 | width: 100%; 635 | z-index: 99; 636 | } 637 | ol.slide-indicators { 638 | left: inherit; 639 | list-style: outside none none; 640 | margin: 0; 641 | padding: 0; 642 | position: relative; 643 | width: 100%; 644 | } 645 | ol.slide-indicators li { 646 | background: none repeat scroll 0 0 #222; 647 | border: medium none; 648 | border-radius: 0; 649 | cursor: pointer; 650 | display: inline-block; 651 | height: 10px; 652 | margin: 0 0 0 5px; 653 | width: 10px; 654 | } 655 | ol.slide-indicators li.active { 656 | background: none repeat scroll 0 0 #fff; 657 | height: 10px; 658 | margin: 0 0 0 5px; 659 | width: 10px; 660 | } 661 | 662 | 663 | .carousel.carousel-fade .item { transition: opacity 1s ease-in-out } 664 | .carousel.carousel-fade .active.left, 665 | .carousel.carousel-fade .active.right { 666 | left: 0; 667 | z-index: 2; 668 | opacity: 0; 669 | filter: alpha(opacity=0); 670 | } 671 | 672 | .footer-card-icon { 673 | font-size: 30px; 674 | text-align: right; 675 | } 676 | 677 | .copyright > p { 678 | margin: 10px 0 0; 679 | } 680 | 681 | .product-big-title-area {background: url(img/crossword.png) repeat scroll 0 0 #5a88ca} 682 | 683 | .product-bit-title h2 { 684 | font-family: raleway; 685 | font-size: 50px; 686 | font-weight: 200; 687 | margin: 0; 688 | padding: 50px 0;color: #fff; 689 | } 690 | 691 | .single-product-area .zigzag-bottom {background-color: #f4f4f4} 692 | 693 | .single-product-area { 694 | padding: 80px 0 130px; 695 | } 696 | 697 | 698 | 699 | 700 | 701 | .sidebar-title { 702 | color: #fead53; 703 | font-size: 25px; 704 | margin-bottom: 30px; 705 | text-transform: uppercase; 706 | } 707 | .single-sidebar { 708 | margin-bottom: 50px; 709 | } 710 | input[type="text"], input[type="password"], input[type="email"], textarea { 711 | border: 1px solid #ddd; 712 | padding: 10px; 713 | } 714 | input[type="submit"], button[type=submit] { 715 | background: none repeat scroll 0 0 #5a88ca; 716 | border: medium none; 717 | color: #fff; 718 | padding: 11px 20px; 719 | text-transform: uppercase; 720 | } 721 | input[type="submit"]:hover, button[type=submit]:hover {background-color: #222} 722 | .single-sidebar input[type="text"] { 723 | margin-bottom: 10px; 724 | width: 100%; 725 | } 726 | .thubmnail-recent { 727 | margin-bottom: 30px; 728 | overflow: hidden; 729 | } 730 | .recent-thumb { 731 | float: left; 732 | height: auto; 733 | margin-right: 15px; 734 | width: 63px; 735 | } 736 | .thubmnail-recent > h2 { 737 | font-size: 20px; 738 | margin-bottom: 10px; 739 | } 740 | .thubmnail-recent > h2 a { 741 | color: #222; 742 | } 743 | .product-sidebar-price > ins { 744 | color: #5a88ca; 745 | font-weight: 700; 746 | margin-right: 10px; 747 | text-decoration: none; 748 | } 749 | .single-sidebar > ul { 750 | list-style: outside none none; 751 | margin: 0; 752 | padding: 0; 753 | } 754 | .single-sidebar li { 755 | border-bottom: 1px solid #f1f1f1; 756 | padding: 10px 0; 757 | } 758 | .single-sidebar a { 759 | display: block; 760 | } 761 | .product-breadcroumb { 762 | margin-bottom: 20px; 763 | } 764 | .product-breadcroumb > a { 765 | margin-right: 31px; 766 | position: relative; 767 | } 768 | .product-breadcroumb > a::before { 769 | content: "/"; 770 | position: absolute; 771 | right: -20px; 772 | top: 2px; 773 | } 774 | .product-breadcroumb > a:last-child::before { 775 | display: none; 776 | } 777 | .product-main-img { 778 | margin-bottom: 20px; 779 | } 780 | .product-gallery { 781 | margin-bottom: 25px; 782 | margin-left: -15px; 783 | overflow: hidden; 784 | } 785 | .product-gallery img { 786 | height: auto; 787 | margin-left: 15px; 788 | width: 76px; 789 | } 790 | .product-name { 791 | font-size: 25px; 792 | margin-bottom: 20px; 793 | } 794 | .product-inner-price { 795 | margin-bottom: 25px; 796 | } 797 | .product-inner-price > ins { 798 | color: #5a88ca; 799 | font-weight: 700; 800 | margin-right: 10px; 801 | text-decoration: none; 802 | } 803 | .quantity { 804 | float: left; 805 | margin-right: 15px; 806 | } 807 | .quantity input[type="number"] { 808 | border: 1px solid #5a88ca; 809 | padding: 5px; 810 | width: 50px; 811 | } 812 | .add_to_cart_button { 813 | background: none repeat scroll 0 0 #5a88ca; 814 | border: medium none; 815 | color: #fff; 816 | padding: 6px 25px;display: inline-block 817 | } 818 | .add_to_cart_button:hover {background-color: #222;color: #fff;text-decoration: none} 819 | form.cart { 820 | margin-bottom: 25px; 821 | } 822 | .product-inner-category { 823 | margin-bottom: 30px; 824 | } 825 | .product-tab { 826 | border-bottom: 1px solid #ddd; 827 | list-style: outside none none; 828 | margin: 0 0 30px; 829 | padding: 0; 830 | text-align: center; 831 | } 832 | .product-tab li { 833 | display: inline-block; 834 | } 835 | .product-tab li.active { 836 | background: none repeat scroll 0 0 #5a88ca; 837 | } 838 | .product-tab li.active a { 839 | color: #fff; 840 | } 841 | .product-tab li a { 842 | color: #222; 843 | display: block; 844 | font-size: 16px; 845 | padding: 10px 30px; 846 | } 847 | .product-tab li a:hover { 848 | text-decoration: none; 849 | } 850 | .product-tab li a:focus { 851 | text-decoration: none; 852 | } 853 | .tab-content h2 { 854 | font-size: 20px; 855 | } 856 | .tab-content { 857 | margin-bottom: 30px; 858 | } 859 | .submit-review label { 860 | display: block; 861 | } 862 | .submit-review input[type="text"], .submit-review input[type="email"], .submit-review textarea { 863 | margin-bottom: 20px; 864 | width: 100%; 865 | } 866 | .rating-chooser { 867 | margin-bottom: 30px; 868 | } 869 | .rating-chooser p { 870 | font-weight: 700; 871 | } 872 | .rating-wrap-post { 873 | font-size: 20px; 874 | } 875 | 876 | .submit-review textarea { 877 | height: 105px; 878 | } 879 | 880 | .related-products-wrapper { 881 | margin-top: 30px; 882 | } 883 | .related-products-title {color: #feae52; 884 | font-size: 25px; 885 | margin-bottom: 30px; 886 | text-transform: uppercase;} 887 | 888 | .related-products-wrapper .owl-nav { 889 | position: absolute; 890 | right: 0; 891 | top: -56px; 892 | } 893 | 894 | 895 | 896 | table.shop_table { 897 | border-bottom: 1px solid #ddd; 898 | border-right: 1px solid #ddd; 899 | margin-bottom: 50px; 900 | width: 100%; 901 | } 902 | table.shop_table th, table.shop_table td { 903 | border-left: 1px solid #ddd; 904 | border-top: 1px solid #ddd; 905 | padding: 15px; 906 | text-align: center; 907 | } 908 | table.shop_table th { 909 | background: none repeat scroll 0 0 #f4f4f4; 910 | font-size: 15px; 911 | text-transform: uppercase; 912 | } 913 | td.product-thumbnail img { 914 | height: auto; 915 | width: 70px; 916 | } 917 | td.product-name { 918 | font-size: 18px; 919 | } 920 | div.quantity input.plus, div.quantity input.minus { 921 | background: none repeat scroll 0 0 #5a88ca; 922 | border: medium none; 923 | color: #fff; 924 | height: 25px; 925 | line-height: 15px; 926 | width: 25px; 927 | } 928 | td.product-quantity div.quantity { 929 | float: none; 930 | margin: 0; 931 | } 932 | td.actions div.coupon { 933 | float: left; 934 | } 935 | .cart-collaterals { 936 | overflow: hidden; 937 | } 938 | .cross-sells { 939 | float: left; 940 | margin-right: 3%; 941 | width: 57%; 942 | } 943 | .cart_totals { 944 | float: right; 945 | margin-bottom: 50px; 946 | width: 40%; 947 | } 948 | .cart-collaterals h2 { 949 | color: #5a88ca; 950 | font-size: 25px; 951 | margin-bottom: 25px; 952 | text-transform: uppercase; 953 | } 954 | div.cart-collaterals ul.products { 955 | list-style: outside none none; 956 | margin: 0 0 0 -30px; 957 | padding: 0; 958 | } 959 | div.cart-collaterals ul.products li.product { 960 | float: left; 961 | margin-left: 30px; 962 | position: relative; 963 | width: 198px; 964 | } 965 | .cart_totals table { 966 | border-bottom: 1px solid #ddd; 967 | border-right: 1px solid #ddd; 968 | width: 100%; 969 | } 970 | .cart_totals table th, .cart_totals table td { 971 | border-left: 1px solid #ddd; 972 | border-top: 1px solid #ddd; 973 | padding: 10px; 974 | } 975 | .cart_totals table th { 976 | background: none repeat scroll 0 0 #f4f4f4; 977 | } 978 | .onsale { 979 | } 980 | div.cart-collaterals ul.products li.product .onsale { 981 | background: none repeat scroll 0 0 #5a88ca; 982 | color: #fff; 983 | padding: 5px 10px; 984 | position: absolute; 985 | right: 0; 986 | } 987 | div.cart-collaterals ul.products li.product h3 { 988 | color: #333; 989 | font-size: 20px; 990 | margin-top: 15px; 991 | } 992 | div.cart-collaterals ul.products li.product .price { 993 | color: #333; 994 | display: block; 995 | margin-bottom: 10px; 996 | overflow: hidden; 997 | } 998 | .price > ins { 999 | } 1000 | div.cart-collaterals ul.products li.product .price ins { 1001 | color: #5a88ca; 1002 | font-weight: 700; 1003 | margin-left: 10px; 1004 | text-decoration: none; 1005 | } 1006 | 1007 | 1008 | 1009 | .woocommerce-info { 1010 | background: none repeat scroll 0 0 #f4f4f4; 1011 | font-size: 18px; 1012 | margin-bottom: 20px; 1013 | padding: 15px; 1014 | } 1015 | .col2-set { 1016 | margin-left: -30px; 1017 | overflow: hidden; 1018 | } 1019 | .col-1, .col-2 { 1020 | float: left; 1021 | margin-left: 30px; 1022 | width: 360px; 1023 | } 1024 | #customer_details label { 1025 | display: block; 1026 | margin: 0 0 5px; 1027 | } 1028 | #customer_details input[type="text"], #customer_details textarea, .shipping_calculator input[type=text] { 1029 | margin-bottom: 10px; 1030 | width: 100%; 1031 | } 1032 | #customer_details h3 { 1033 | color: #5a88ca; 1034 | font-size: 20px; 1035 | text-transform: uppercase; 1036 | } 1037 | .create-account { 1038 | background: none repeat scroll 0 0 #f4f4f4; 1039 | margin-bottom: 50px; 1040 | padding: 15px; 1041 | } 1042 | #order_review_heading { 1043 | color: #5a88ca; 1044 | font-size: 20px; 1045 | text-transform: uppercase; 1046 | } 1047 | #payment ul.payment_methods { 1048 | list-style: outside none none; 1049 | margin: 0 0 30px; 1050 | padding: 0; 1051 | } 1052 | #payment ul.payment_methods li { 1053 | margin-bottom: 15px; 1054 | } 1055 | a.about_paypal { 1056 | font-size: 12px; 1057 | margin-left: 15px; 1058 | } 1059 | 1060 | 1061 | #customer_details select, .shipping_calculator select { 1062 | border: 1px solid #ddd; 1063 | margin-bottom: 15px; 1064 | padding: 10px; 1065 | width: 100%; 1066 | } 1067 | 1068 | 1069 | table.shop_table td.product-remove a { 1070 | display: inline-block; 1071 | padding: 0 5px 2px; 1072 | text-transform: uppercase; 1073 | } 1074 | 1075 | 1076 | table.shop_table td.product-remove a:hover {color: #fff;background: red;text-decoration: none} 1077 | table.shop_table td.product-name a{color: #222;} 1078 | table.shop_table td.product-name a:hover {color: #5a88ca;text-decoration: none} 1079 | div.quantity input.plus:hover, div.quantity input.minus:hover {background-color: #222} 1080 | div.cart-collaterals ul.products li.product a:hover h3 {color: #5a88ca} 1081 | div.cart-collaterals ul.products li.product a:hover {text-decoration: none} 1082 | 1083 | div.cart-collaterals ul.products li.product:hover .add_to_cart_button{background-color: #222} 1084 | 1085 | 1086 | .cart-collaterals .shipping_calculator { 1087 | float: right; 1088 | width: 40%; 1089 | } 1090 | 1091 | 1092 | #login-form-wrap, #coupon-collapse-wrap { 1093 | background: none repeat scroll 0 0 #f4f4f4; 1094 | margin-bottom: 30px; 1095 | padding: 25px; 1096 | } 1097 | #login-form-wrap label { 1098 | display: block; 1099 | margin-bottom: 5px; 1100 | } 1101 | #login-form-wrap input[type="text"], #login-form-wrap input[type="password"] { 1102 | margin-bottom: 10px; 1103 | width: 250px; 1104 | } 1105 | #login-form-wrap input[type="submit"] { 1106 | margin-bottom: 15px; 1107 | } 1108 | 1109 | 1110 | 1111 | .single-shop-product h2 { 1112 | font-size: 20px; 1113 | margin: 10px 0; 1114 | } 1115 | .product-option-shop { 1116 | margin-top: 15px; 1117 | } 1118 | 1119 | .single-shop-product {margin-bottom: 50px} 1120 | 1121 | .pagination > li > a, .pagination > li > span { 1122 | color: #5a88ca; 1123 | } --------------------------------------------------------------------------------