diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..07e4fe72 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules/**/* diff --git a/app/css/styles.css b/app/css/styles.css new file mode 100644 index 00000000..f4de450c --- /dev/null +++ b/app/css/styles.css @@ -0,0 +1,823 @@ +/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */ +/* + * Normalization + */ +audio:not([controls]) { + display: none; } + +button { + -webkit-appearance: button; + overflow: visible; } + +details { + display: block; } + +html { + -ms-overflow-style: -ms-autohiding-scrollbar; + overflow-y: scroll; + -webkit-text-size-adjust: 100%; } + +input { + -webkit-border-radius: 0; } + input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-appearance: button; } + input[type="number"] { + width: auto; } + input[type="search"] { + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +main { + display: block; } + +pre { + overflow: auto; } + +progress { + display: inline-block; } + +small { + font-size: 75%; } + +summary { + display: block; } + +svg:not(:root) { + overflow: hidden; } + +template { + display: none; } + +textarea { + overflow: auto; } + +[hidden] { + display: none; } + +/* + * Universal inheritance + */ +*, +::before, +::after { + box-sizing: inherit; } + +* { + font-size: inherit; + line-height: inherit; } + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; } + +/* + * Opinionated defaults + */ +*, +::before, +::after { + border-style: solid; + border-width: 0; } + +* { + background-repeat: no-repeat; + margin: 0; + padding: 0; } + +:root { + background-color: #ffffff; + box-sizing: border-box; + color: #000000; + cursor: default; + font: 100% / 1.5 sans-serif; } + +a { + text-decoration: none; } + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; } + +button, +input, +select, +textarea { + background-color: transparent; } + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; } + +button, +[type="button"], +[type="date"], +[type="datetime"], +[type="datetime-local"], +[type="email"], +[type="month"], +[type="number"], +[type="password"], +[type="reset"], +[type="search"], +[type="submit"], +[type="tel"], +[type="text"], +[type="time"], +[type="url"], +[type="week"], +select, +textarea { + min-height: 1.5em; } + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; } + +nav ol, +nav ul { + list-style: none; } + +select { + -moz-appearance: none; + -webkit-appearance: none; } + select::-ms-expand { + display: none; } + select::-ms-value { + color: currentColor; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +textarea { + resize: vertical; } + +::-moz-selection { + background-color: #b3d4fc; + color: #ffffff; + text-shadow: none; } + +::selection { + background-color: #b3d4fc; + color: #ffffff; + text-shadow: none; } + +[aria-busy="true"] { + cursor: progress; } + +[aria-controls] { + cursor: pointer; } + +[aria-disabled] { + cursor: default; } + +[hidden][aria-hidden="false"] { + clip: rect(0 0 0 0); + display: inherit; + position: absolute; } + [hidden][aria-hidden="false"]:focus { + clip: auto; } + +a, +area, +button, +input, +label, +select, +textarea, +[tabindex] { + touch-action: manipulation; } + +/** +* @section CONTAINER GRID +*/ +.container { + padding: 0 20px; + width: 100%; } + +.content { + min-height: 1px; + margin: 0 -10px; } + .content:after { + display: table; + content: " "; + clear: both; } + +@media (min-width: 1280px) { + .container { + margin: 0 auto; + width: 1280px; } } + +/** +* @section COLUMNS +*/ +.block { + float: left; + min-height: 1px; + padding: 0 10px; + position: relative; } + +.block.one, +.block.two, +.block.three, +.block.four, +.block.five, +.block.six, +.block.seven, +.block.eight, +.block.nine, +.block.tex, +.block.eleven, +.block.twelve, +.block.thirteen, +.block.fourteen, +.block.fifteen, +.block.sixteen, +.block.seventeen, +.block.eighteen, +.block.nineteen, +.block.twenty { + box-sizing: border-box; } + +.block.one { + width: 5%; } + +.block.two { + width: 10%; } + +.block.three { + width: 15%; } + +.block.four { + width: 20%; } + +.block.five { + width: 25%; } + +.block.six { + width: 30%; } + +.block.seven { + width: 35%; } + +.block.eight { + width: 40%; } + +.block.nine { + width: 45%; } + +.block.ten { + width: 50%; } + +.block.eleven { + width: 55%; } + +.block.twelve { + width: 60%; } + +.block.thirteen { + width: 65%; } + +.block.fourteen { + width: 705%; } + +.block.fifteen { + width: 75%; } + +.block.sixteen { + width: 80%; } + +.block.seventeen { + width: 85%; } + +.block.eighteen { + width: 90%; } + +.block.nineteen { + width: 95%; } + +.block.twenty { + width: 100%; } + +@media (max-device-width: 900px) { + .block.full { + display: block !important; + float: none !important; + width: 100% !important; } } + +/* +* @section GRADIENTS +*/ +/** +* @section DEFAULT +*/ +* { + font-family: 'Lato', sans-serif; } + +img { + width: 100%; } + +.logo img { + max-width: 200px; } + +ul { + list-style: none; } + +/** +* @section INPUTS +*/ +input[type="text"], +input[type="password"], +input[type="email"], +input[type="button"] +textarea { + background: #f4f4f4; + border-radius: 5px; } + +/** +* @section HEADER +*/ +header .top { + padding: 20px 0; + min-height: 30px; } + header .top .block { + display: inline-block; + vertical-align: middle; + float: none; } + header .top .search { + width: calc(25% - 15px); } + header .top .search .input-search { + position: relative; } + header .top .search .input-search:before { + background: url("../images/backgrounds/icons.png"); + content: ""; + display: block; + height: 32px; + position: absolute; + width: 25px; } + header .top .search .input-search input { + height: 32px; + padding-left: 40px; + width: 100%; } + header .top .logo .logotipo { + text-align: center; } + header .top .login { + text-align: right; } + header .top .login .link-account, header .top .login .cart { + display: inline-block; + vertical-align: middle; } + header .top .login .link-account { + text-align: left; + text-transform: uppercase; + width: 59%; } + header .top .login .link-account a { + color: #000; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; + width: 59%; } + header .top .login .cart { + padding: 0; } + header .top .login .cart .resume, header .top .login .cart span { + display: inline-block; + vertical-align: middle; } + header .top .login .cart a.resume { + background: url("../images/backgrounds/icons.png") no-repeat -69px 0px transparent; + display: inline-block; + height: 30px; + position: relative; + width: 30px; } + header .top .login .cart a.resume span { + background: #fcc619; + border-radius: 16px; + color: #000; + font-size: 11px; + height: 16px; + position: absolute; + right: -5px; + text-align: center; + top: -8px; + width: 16px; } + header .top .login .cart .total-value-cart { + font-weight: 800; + font-size: 13px; + letter-spacing: 1px; + margin-left: 5px; } + +header .menu ul { + border-top: 1px solid #e4e4e4; + text-align: center; } + header .menu ul li { + display: inline-block; + height: 54px; + line-height: 54px; + vertical-align: middle; } + header .menu ul li a { + color: #000; + display: block; + padding: 0 25px; } + header .menu ul li a:hover { + background: #f4f4f4; + -webkit-transition: background-color 1000ms linear; + -moz-transition: background-color 1000ms linear; + -o-transition: background-color 1000ms linear; + -ms-transition: background-color 1000ms linear; + transition: background-color 1000ms linear; } + +/** +* @section SECTION +*/ +section { + /** @subsection BANNER */ + /** @subsection RECOMMENDATIONS CATEGORIES and PRODUCTS */ + /** @subsection CATEGORIES */ } + section .banners { + transition: all 0.8s ease-in-out; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + background-color: #000; + margin-bottom: 50px; } + section .banners.currentSlide0 { + background-image: url("../images/backgrounds/banner-0.png"); } + section .banners.currentSlide1 { + background-image: url("../images/backgrounds/banner-1.png"); } + section .banners.currentSlide2 { + background-image: url("../images/backgrounds/banner-2.png"); } + section .banners .slick-slide { + width: 100%; } + section .banners .slick-slide:focus { + outline: transparent; } + section .banners .slick-list { + z-index: 4; } + section .banners .slick-prev.slick-arrow { + background-image: url("../images/backgrounds/button-right.png"); + left: 0; } + section .banners .slick-next.slick-arrow { + background-image: url("../images/backgrounds/button-left.png"); + right: 0; } + section .banners .slick-arrow { + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + height: 108px; + width: 43px; + z-index: 5; } + section .banners .slick-arrow:before { + display: none; } + section .banners .slick-arrow:active { + opacity: 0.7; + transition: all 0.4s ease-in-out; } + section .banners p { + color: #fff; + font-size: 75px; + font-weight: 300; + padding: 215px 0 200px 0; + text-align: center; } + section .banners p span:first-of-type { + bottom: -20px; + font-size: 31px; + position: relative; } + section .banners p span { + clear: both; + display: block; + width: 100%; } + section .banners p span a { + border: 2px solid #fff; + border-radius: 5px; + clear: both; + color: #fff; + display: inline-block; + padding: 10px 80px; + font-size: 13px; + font-weight: 700; + text-transform: uppercase; + top: -10px; + position: relative; } + section .banners p span a:hover { + background: rgba(0, 0, 0, 0.3); + webkit-transition: background-color 1000ms linear; + -moz-transition: background-color 1000ms linear; + -o-transition: background-color 1000ms linear; + -ms-transition: background-color 1000ms linear; + transition: background-color 1000ms linear; } + section .banners p span a:focus { + outline: transparent; } + section .banners p span:last-of-type { + height: 60px; + text-align: center; + line-height: 32px; } + section .banners .slick-dots { + bottom: 0; + opacity: 1; + padding-bottom: 24px; + z-index: 6; } + section .banners .slick-dots li { + height: 18px; + margin: 0 4px; + width: 18px; } + section .banners .slick-dots li button:before { + color: transparent; + border: 2px solid #fff; + border-radius: 15px; + height: 15px; + opacity: 1; + text-indent: -9999px; + transition: all 0.6s ease-in-out; + width: 15px; } + section .banners .slick-dots li.slick-active button:before { + background: #fff; + border: none; } + section.recommendations { + /** @subsection PRODUCTS */ } + section.recommendations .categories .category { + display: inline-block; + padding: 0 25px; + position: relative; + text-align: center; + vertical-align: top; + width: 33.3%; } + section.recommendations .categories .category:first-of-type { + text-align: left; } + section.recommendations .categories .category:last-of-type { + text-align: right; } + section.recommendations .categories .category:first-of-type a { + left: -10px; } + section.recommendations .categories .category:last-of-type a { + right: -10px; } + section.recommendations .categories .category a { + display: block; + position: relative; } + section.recommendations .categories .category a span { + background-color: #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000)); + background-image: -webkit-linear-gradient(top, #fff, #000); + background-image: -moz-linear-gradient(top, #fff, #000); + background-image: -ms-linear-gradient(top, #fff, #000); + background-image: -o-linear-gradient(top, #fff, #000); + background-image: linear-gradient(top, #fff, #000); + filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#fff', end-colourStr='#000'); + color: #fff; + font-size: 41px; + font-weight: 300; + display: block; + height: 100%; + left: 0; + line-height: 250px; + opacity: 0; + position: absolute; + text-align: center; + top: 0; + transition: all 0.8s ease-in-out; + visibility: hidden; + width: 100%; } + section.recommendations .categories .category a:hover span { + opacity: 0.6; + visibility: visible; } + section.recommendations .block { + vertical-align: top; } + section.recommendations .container-products { + margin-top: 30px; } + section.recommendations .container-products:after { + display: table; + content: " "; + clear: both; } + section.recommendations .products h2 { + border-bottom: 1px solid #e4e4e4; + color: #2d2d2d; + font-size: 44px; + font-weight: 300; + padding-top: 40px; + margin-left: 10px; } + section.recommendations .products .product { + border-radius: 5px; + display: inline-block; + height: 405px; + text-align: center; + margin: 0 10px; + position: relative; + vertical-align: top; + transition: all 0.6s ease-in-out; + width: calc(20% - 20px); } + section.recommendations .products .product img { + margin: 30px 0; + width: 100%; } + section.recommendations .products .product img, section.recommendations .products .product .rating, section.recommendations .products .product .name, section.recommendations .products .product .price { + clear: both; + display: block; } + section.recommendations .products .product .frete-gratis, + section.recommendations .products .product .new { + background: #fcc619; + font-size: 12px; + right: 0; + padding: 0px 3px; + position: absolute; + text-align: center; + width: 70px; } + section.recommendations .products .product .frete-gratis { + top: 30px; } + section.recommendations .products .product .new { + top: 57px; } + section.recommendations .products .product .rating, section.recommendations .products .product .name, section.recommendations .products .product .price, section.recommendations .products .product .price-monthly { + margin-bottom: 5px; + text-align: left; } + section.recommendations .products .product .rating { + background-image: url("../images/backgrounds/rating.png"); + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + height: 12px; + width: 76px; } + section.recommendations .products .product .price { + position: relative; } + section.recommendations .products .product .old-price, + section.recommendations .products .product .price-monthly span { + color: #999999; } + section.recommendations .products .product .old-price { + text-decoration: line-through; } + section.recommendations .products .product .add-cart { + background: #000; + bottom: 0; + border-radius: 0 0 5px 5px; + cursor: pointer; + color: #fff; + font-size: 13px; + height: 0; + left: 0; + line-height: 50px; + position: absolute; + text-transform: uppercase; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; + width: 100%; } + section.recommendations .products .product .add-cart:after { + background: url("../images/backgrounds/icons.png") no-repeat -30px 0px transparent; + content: ""; + display: inline-block; + height: 30px; + position: relative; + top: 10px; + width: 30px; } + section.recommendations .products .product:hover { + box-shadow: 0px 0px 12px -4px #999; } + section.recommendations .products .product:hover .add-cart { + opacity: 1; + height: 50px; + visibility: visible; } + section.banner-login { + margin: 30px 0 40px 0; } + section.banner-login .content { + border: 2px solid #000; } + section.banner-login .name-login, section.banner-login .email-login { + padding: 24px 10px; } + section.banner-login .sale { + background: url("../images/backgrounds/sale.png") no-repeat 50px -39px transparent; + height: 125px; + padding-left: 250px; } + section.banner-login .sale p { + font-size: 29px; + font-weight: 300; + line-height: 32px; + letter-spacing: -1px; + padding: 13px 0; + text-align: justify; + white-space: nowrap; } + section.banner-login .sale p span.discount { + color: #fcc619; + font-size: 37px; + font-weight: 400; + display: block; + clear: both; + line-height: 31px; } + section.banner-login .sale p span:last-of-type { + font-size: 26px; } + section.banner-login label { + clear: both; + display: block; + font-size: 14px; + text-transform: uppercase; + font-weight: 600; } + section.banner-login input[type="text"], section.banner-login input[type="email"] { + height: 38px; + padding: 0 10px; + width: 100%; } + section.banner-login .submit-login { + padding: 36px 0; + text-align: center; } + section.banner-login .submit-login input { + background: #000; + border-radius: 5px; + border: none; + color: #fff; + cursor: pointer; + font-size: 13px; + padding: 17px 43px; + text-transform: uppercase; } + section.banner-login .submit-login input:focus { + outline: transparent; } + +/** +* @section FOOTER +*/ +footer { + background: #f4f4f4; } + footer .links-site > .container > .content > .block { + vertical-align: middle; + display: inline-block; + float: none; } + footer .block.logo { + width: calc(25% - 5px); } + footer .block.logo img { + max-width: 170px; + width: 100%; } + footer .block.links { + margin-bottom: 40px; + margin-top: 45px; } + footer .block.links li a { + color: #999999; + font-size: 14px; } + footer .block.links li.title { + font-size: 17px; + font-weight: 600; + margin-bottom: 15px; + text-transform: uppercase; } + footer .copyright .container { + border-top: 1px solid #e4e4e4; + color: #999999; + padding: 20px 0; + text-align: center; } + footer .payment-products li { + display: inline-block; + vertical-align: middle; } + footer .payment-products span { + background-image: url("../images/backgrounds/icons.png"); + background-position: 0 0; + background-repeat: no-repeat; + background-color: transparent; + display: block; + text-indent: -9999px; + height: 30px; + width: 30px; } + footer .payment-products span.visa { + background-position: -431px 1px; + width: 50px; } + footer .payment-products span.master-card { + background-position: -371px 0px; + width: 47px; } + footer .payment-products span.hiper-card { + background-position: -308px 0px; + width: 51px; } + footer .payment-products span.hiper { + background-position: -261px 4px; + width: 47px; + height: 40px; } + footer .payment-products span.diners { + background-position: -168px 0px; + width: 92px; } + footer .payment-products span.boleto { + background-position: -107px 0px; + width: 53px; } + +/** +* @section RESPONSIVE +*/ +@media (max-device-width: 768px) { + header .menu ul li a { + font-size: 30px; } + section.recommendations .products .product { + height: auto; } + section.recommendations .products .product .rating { + height: 70px; + width: 300px; } + section.recommendations .products .product span, + section.recommendations .products .product p, + section.recommendations .products .product button { + font-size: 40px; } } + +@media (min-device-width: 768px) and (max-device-width: 1023px) { + img { + max-width: 400px; } } + +@media (max-device-width: 900px) { + img { + border-radius: 25px; } + .banner-sale { + width: calc(100% - 40px); } } + +@media (max-device-width: 1023px) { + section .categories .category { + text-align: center !important; } } diff --git a/app/images/backgrounds/banner-0.png b/app/images/backgrounds/banner-0.png new file mode 100644 index 00000000..2fc45dd4 Binary files /dev/null and b/app/images/backgrounds/banner-0.png differ diff --git a/app/images/backgrounds/banner-1.png b/app/images/backgrounds/banner-1.png new file mode 100644 index 00000000..bea09dce Binary files /dev/null and b/app/images/backgrounds/banner-1.png differ diff --git a/app/images/backgrounds/banner-2.png b/app/images/backgrounds/banner-2.png new file mode 100644 index 00000000..3b2aeea7 Binary files /dev/null and b/app/images/backgrounds/banner-2.png differ diff --git a/app/images/backgrounds/button-left.png b/app/images/backgrounds/button-left.png new file mode 100644 index 00000000..d72438d0 Binary files /dev/null and b/app/images/backgrounds/button-left.png differ diff --git a/app/images/backgrounds/button-right.png b/app/images/backgrounds/button-right.png new file mode 100644 index 00000000..cb3bf666 Binary files /dev/null and b/app/images/backgrounds/button-right.png differ diff --git a/app/images/backgrounds/category1.png b/app/images/backgrounds/category1.png new file mode 100644 index 00000000..947ec0c6 Binary files /dev/null and b/app/images/backgrounds/category1.png differ diff --git a/app/images/backgrounds/category2.png b/app/images/backgrounds/category2.png new file mode 100644 index 00000000..066c36ab Binary files /dev/null and b/app/images/backgrounds/category2.png differ diff --git a/app/images/backgrounds/category3.png b/app/images/backgrounds/category3.png new file mode 100644 index 00000000..0d6f0fd1 Binary files /dev/null and b/app/images/backgrounds/category3.png differ diff --git a/app/images/backgrounds/icons.png b/app/images/backgrounds/icons.png new file mode 100644 index 00000000..da763d3e Binary files /dev/null and b/app/images/backgrounds/icons.png differ diff --git a/app/images/backgrounds/logo-profit-e.png b/app/images/backgrounds/logo-profit-e.png new file mode 100644 index 00000000..607772ec Binary files /dev/null and b/app/images/backgrounds/logo-profit-e.png differ diff --git a/app/images/backgrounds/product1.png b/app/images/backgrounds/product1.png new file mode 100644 index 00000000..5c470292 Binary files /dev/null and b/app/images/backgrounds/product1.png differ diff --git a/app/images/backgrounds/product2.png b/app/images/backgrounds/product2.png new file mode 100644 index 00000000..f506cb71 Binary files /dev/null and b/app/images/backgrounds/product2.png differ diff --git a/app/images/backgrounds/product3.png b/app/images/backgrounds/product3.png new file mode 100644 index 00000000..55332d7f Binary files /dev/null and b/app/images/backgrounds/product3.png differ diff --git a/app/images/backgrounds/product4.png b/app/images/backgrounds/product4.png new file mode 100644 index 00000000..04765125 Binary files /dev/null and b/app/images/backgrounds/product4.png differ diff --git a/app/images/backgrounds/product5.png b/app/images/backgrounds/product5.png new file mode 100644 index 00000000..9272f628 Binary files /dev/null and b/app/images/backgrounds/product5.png differ diff --git a/app/images/backgrounds/rating.png b/app/images/backgrounds/rating.png new file mode 100644 index 00000000..8c662cc1 Binary files /dev/null and b/app/images/backgrounds/rating.png differ diff --git a/app/images/backgrounds/sale.png b/app/images/backgrounds/sale.png new file mode 100644 index 00000000..8b416349 Binary files /dev/null and b/app/images/backgrounds/sale.png differ diff --git a/app/images/favicon.ico b/app/images/favicon.ico new file mode 100644 index 00000000..bc830dac Binary files /dev/null and b/app/images/favicon.ico differ diff --git a/app/images/products/produto1.png b/app/images/products/produto1.png new file mode 100644 index 00000000..fe6a72b3 Binary files /dev/null and b/app/images/products/produto1.png differ diff --git a/app/images/products/produto2.png b/app/images/products/produto2.png new file mode 100644 index 00000000..55667901 Binary files /dev/null and b/app/images/products/produto2.png differ diff --git a/app/images/products/produto3.png b/app/images/products/produto3.png new file mode 100644 index 00000000..77ecf31c Binary files /dev/null and b/app/images/products/produto3.png differ diff --git a/app/images/products/produto4.png b/app/images/products/produto4.png new file mode 100644 index 00000000..1735c065 Binary files /dev/null and b/app/images/products/produto4.png differ diff --git a/app/images/products/produto5.png b/app/images/products/produto5.png new file mode 100644 index 00000000..ed372132 Binary files /dev/null and b/app/images/products/produto5.png differ diff --git a/app/index.html b/app/index.html new file mode 100644 index 00000000..022f913b --- /dev/null +++ b/app/index.html @@ -0,0 +1,280 @@ + + + + + Profit-e + + + + + + + + + + + + + + + + +
+
+ +
+ + + + + + +
+ + +
+
+ + +
+ +
+ +
+ +
+
+
+

Mais Comprados

+
+ +
+
+
+
+
+ + + + + + diff --git a/app/js/common.js b/app/js/common.js new file mode 100644 index 00000000..73ab05f7 --- /dev/null +++ b/app/js/common.js @@ -0,0 +1,23 @@ +/* +* format moeda +* @author Willian Bruno & Van Neves +* @version AGOSTO 13, 2013 +* @url wbruno.com.br/expressao-regular/formatar-em-moeda-reais-expressao-regular-em-javascript/ +*/ +function formatReal(mixed) { + var int = parseInt(mixed.toFixed(2).toString().replace(/[^\d]+/g, '')); + var tmp = int + ''; + tmp = tmp.replace(/([0-9]{2})$/g, ",$1"); + if (tmp.length > 6) + tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2"); + + return tmp; +} + +/** +* parse float +*/ +function toFloat (number, precision){ + var prec = Math.pow(10 , precision); + return Math.round(number * prec) / prec; +} diff --git a/app/js/home.js b/app/js/home.js new file mode 100644 index 00000000..ea47ed6e --- /dev/null +++ b/app/js/home.js @@ -0,0 +1,23 @@ +$(document).ready(function() { + // var value = window.devicePixelRatio; + // var w = window.innerWidth; + // var lWidth = window.screen.width; + + // clear values + $('header .cart .total-value-cart').text('R$ 0,00'); + $('header .cart .qtd-cart').text('0'); + + // view produtcs home + viewProducts(); + + // slider slick slider + $('.single-item-banner').slick({ + dots: true, + speed: 900, + autoplay: true + }); + // toggle class - bg banner + $('.single-item-banner').on('afterChange', function(event, slick, currentSlide){ + $('.banners').attr('class','banners currentSlide'+currentSlide); + }); +}); diff --git a/app/js/scripts.js b/app/js/scripts.js new file mode 100644 index 00000000..25037deb --- /dev/null +++ b/app/js/scripts.js @@ -0,0 +1,104 @@ +/* +* session save itens cart +*/ +// function saveItems(idProduct) { +// var saveProducts = ''; +// saveProducts += ' idProduct=' + idProduct + '/'; +// document.cookie += saveProducts; +// } + +/* +* get products +*/ +function viewProducts(){ + $.ajax({ + url: "../products.json", + dataType: "json", + success: function(products){ + $(products).each(function(index, product){ + // html content blocks + var contentProduct = ''; + // init block product + contentProduct += '
\n'; + // product url image + contentProduct += ' Photo Product\n'; + // frete + if(product.frete){ + contentProduct += ' Frete Grátis\n'; + } + // new + if(product.new){ + contentProduct += ' Novidade\n'; + } + // product rating + contentProduct += ' \n'; + // product name + contentProduct += ' ' + product.name + '\n'; + // product price tag + contentProduct += '
\n'; + // product old price + var productOldPrice = ''; + if(product.oldprice != '' && product.oldprice != 'null'){ + productOldPrice = formatReal(product.oldprice); + contentProduct += ' R$ '+ productOldPrice + ' | \n'; + } + // product price + var formatProductPrice = formatReal(product.price); + contentProduct += ' R$ '+formatProductPrice+''; + // end block price + contentProduct += '
'; + // button add product + contentProduct += ' '; + + // product price monthly + var amountOfInstallments = ''; + var priceMonthly = ''; + if(product.amount_installments != '' && product.amount_installments != 'null'){ + contentProduct += '
\n'; + // product amount of installments + priceMonthly = formatReal(product.price_monthly); + contentProduct += ' ou '+ product.amount_installments +' x de R$ '+ priceMonthly +''; + // end block price monthly + contentProduct += '
'; + } + // end block product + contentProduct += '
'; + + $(".container-products").append(contentProduct); + }); + }, + error: function(XMLHttpRequest, textStatus, errorThrown){ + $(".container-products").append('
Desculpe, não foi possível localizar os produtos.

'); + }, + complete: function(){ + // total value + var totalValueTmp = 0; + var sumTotal = 0; + + // account added itens + var accountItens = 0; + + $('.add-cart').on('click',function(){ + // save info of added product + var idProduct = $(this).attr('data-getdevs-pid'); + var nameProduct = $(this).parents('.block.product').find('.name').attr('data-getdevs-name'); + var priceProduct = $(this).parents('.block.product').find('.current-price').attr('data-getdevs-price'); + + // sum to cart + var parseFloatPrice = toFloat(priceProduct.replace(',', '.') , 2); + + // sum total + sumTotal += totalValueTmp + parseFloatPrice; + + var formatTotal = formatReal(sumTotal); + + // add html itens in cart + $('header .cart .total-value-cart').text('R$ '+formatTotal); + + accountItens = accountItens+1; + $('header .cart .qtd-cart').text(accountItens); + + }); + } + }); +} diff --git a/app/products.json b/app/products.json new file mode 100644 index 00000000..d1470807 --- /dev/null +++ b/app/products.json @@ -0,0 +1,53 @@ +[ + { + "id": "98432", + "name": "Suede Chelsea Boots", + "image": "/images/backgrounds/product1.png", + "frete": true, + "new": false, + "oldprice": "", + "price": 350.90, + "price_monthly": "", + "amount_installments": "" + },{ + "id": "60320", + "name": "Nike Air Max 90 Galaxy", + "image": "/images/backgrounds/product2.png", + "frete": false, + "new": false, + "oldprice": 699.50, + "price": 499.00, + "price_monthly": "", + "amount_installments": "" + },{ + "id": "78212", + "name": "Nike Air Max Tava Gradient", + "image": "/images/backgrounds/product3.png", + "frete": false, + "new": false, + "oldprice": "", + "price": 599.00, + "price_monthly": "", + "amount_installments": "" + },{ + "id": "32903", + "name": "Timberland Yellow Boot", + "image": "/images/backgrounds/product4.png", + "frete": true, + "new": true, + "oldprice": 699.00, + "price": 499.50, + "price_monthly": 49.90, + "amount_installments": 10 + },{ + "id": "43894", + "name": "Vans SK8 Hi Preto", + "image": "/images/backgrounds/product5.png", + "frete": true, + "new": false, + "oldprice": 320.00, + "price": 240.00, + "price_monthly": "", + "amount_installments": "" + } +] diff --git a/app/scss/imports/grid.scss b/app/scss/imports/grid.scss new file mode 100644 index 00000000..c96874e8 --- /dev/null +++ b/app/scss/imports/grid.scss @@ -0,0 +1,86 @@ +/** +* @section CONTAINER GRID +*/ +.container{ + padding: 0 20px; + width: 100%; +} +.content{ + min-height: 1px; + margin: 0 -10px; + + &:after { + display: table; + content: " "; + clear: both; + } +} +@media (min-width: 1280px){ + .container{ + margin: 0 auto; + width: 1280px; + } +} + +/** +* @section COLUMNS +*/ +.block{ + float: left; + //display: inline-block; + min-height: 1px; + padding: 0 10px; + position: relative; + //vertical-align: middle; +} +.block.one, +.block.two, +.block.three, +.block.four, +.block.five, +.block.six, +.block.seven, +.block.eight, +.block.nine, +.block.tex, +.block.eleven, +.block.twelve, +.block.thirteen, +.block.fourteen, +.block.fifteen, +.block.sixteen, +.block.seventeen, +.block.eighteen, +.block.nineteen, +.block.twenty{ + box-sizing: border-box; +} +.block.one{width: 5%;} +.block.two{width: 10%;} +.block.three{width: 15%;} +.block.four{width: 20%} +.block.five{width: 25%;} +.block.six{width: 30%;} +.block.seven{width: 35%;} +.block.eight{width: 40%;} +.block.nine{width: 45%;} +.block.ten{width: 50%;} +.block.eleven{width: 55%;} +.block.twelve{width: 60%;} +.block.thirteen{width: 65%;} +.block.fourteen{width: 705%;} +.block.fifteen{width: 75%;} +.block.sixteen{width: 80%;} +.block.seventeen{width: 85%;} +.block.eighteen{width: 90%;} +.block.nineteen{width: 95%;} +.block.twenty{width: 100%;} + +// for mobile +@media (max-device-width: 900px){ + .block.full{ + display: block !important; + float: none !important; + width: 100% !important; + } +} diff --git a/app/scss/imports/responsive.scss b/app/scss/imports/responsive.scss new file mode 100644 index 00000000..7a389561 --- /dev/null +++ b/app/scss/imports/responsive.scss @@ -0,0 +1,34 @@ +/** +* @section RESPONSIVE +*/ +@media (max-device-width: 768px){ + header .menu ul li a{font-size: 30px;} + section.recommendations .products .product{height: auto;} + section.recommendations .products .product .rating{ + height: 70px; + width: 300px; + } + section.recommendations .products .product span, + section.recommendations .products .product p, + section.recommendations .products .product button{font-size: 40px;} +} +@media (min-device-width: 768px) and (max-device-width: 1023px) { + img{ + max-width: 400px; + } +} +@media (max-device-width: 900px){ + img{border-radius: 25px;} + .banner-sale{ + width: calc(100% - 40px;) + } +} +@media (max-device-width: 1023px){ + section{ + .categories{ + .category{ + text-align: center !important; + } + } + } +} diff --git a/app/scss/imports/variables.scss b/app/scss/imports/variables.scss new file mode 100644 index 00000000..4d43ab37 --- /dev/null +++ b/app/scss/imports/variables.scss @@ -0,0 +1,6 @@ +// colors +$gray-light: #f4f4f4; +$gray: #e4e4e4; +$gray-dark: #2d2d2d; +$gray-darken: #999999; +$yellow: #fcc619; diff --git a/app/scss/mixins/mixins.scss b/app/scss/mixins/mixins.scss new file mode 100644 index 00000000..8c2ffd11 --- /dev/null +++ b/app/scss/mixins/mixins.scss @@ -0,0 +1,13 @@ +/* +* @section GRADIENTS +*/ +@mixin background-gradient($start-colour, $end-colour) { + background-color: $start-colour; + background-image: -webkit-gradient(linear, left top, left bottom, from($start-colour), to($end-colour)); + background-image: -webkit-linear-gradient(top, $start-colour, $end-colour); + background-image: -moz-linear-gradient(top, $start-colour, $end-colour); + background-image: -ms-linear-gradient(top, $start-colour, $end-colour); + background-image: -o-linear-gradient(top, $start-colour, $end-colour); + background-image: linear-gradient(top, $start-colour, $end-colour); + filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#{$start-colour}', end-colourStr='#{$end-colour}'); +} diff --git a/app/scss/styles.scss b/app/scss/styles.scss new file mode 100644 index 00000000..bff75fca --- /dev/null +++ b/app/scss/styles.scss @@ -0,0 +1,598 @@ +// resets +@import 'vendors/sanitize'; +// grid +@import 'imports/grid'; +// variables +@import 'imports/variables'; +// mixins +@import 'mixins/mixins'; + +/** +* @section DEFAULT +*/ +*{font-family: 'Lato', sans-serif;} +img{width: 100%;} +.logo img{max-width: 200px;} +ul{list-style: none;} + +/** +* @section INPUTS +*/ +input[type="text"], +input[type="password"], +input[type="email"], +input[type="button"] +textarea{ + background: $gray-light; + border-radius: 5px; +} + + +/** +* @section HEADER +*/ +header{ + .top{ + padding: 20px 0; + min-height: 30px; + + .block{ + display: inline-block; + vertical-align: middle; + float: none; + } + .search{ + width: calc(25% - 15px); + + .input-search{ + position: relative; + + &:before{ + background: url("../images/backgrounds/icons.png"); + content: ""; + display: block; + height: 32px; + position: absolute; + width: 25px; + } + input{ + height: 32px; + padding-left: 40px; + width: 100%; + } + } + } + .logo{ + .logotipo{ + text-align: center; + } + } + .login{ + text-align: right; + .link-account, .cart{ + display: inline-block; + vertical-align: middle; + } + .link-account{ + text-align: left; + text-transform: uppercase; + width: 59%; + + a{ + color: #000; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; + width: 59%; + } + } + .cart{ + padding: 0; + + .resume, span{ + display: inline-block; + vertical-align: middle; + } + a.resume{ + background: url("../images/backgrounds/icons.png") no-repeat -69px 0px transparent; + display: inline-block; + height: 30px; + position: relative; + width: 30px; + + span{ + background: $yellow; + border-radius: 16px; + color: #000; + font-size: 11px; + height: 16px; + position: absolute; + right: -5px; + text-align: center; + top: -8px; + width: 16px; + } + } + .total-value-cart{ + font-weight: 800; + font-size: 13px; + letter-spacing: 1px; + margin-left: 5px; + } + } + } + } + .menu{ + ul{ + border-top: 1px solid $gray; + text-align: center; + li{ + display: inline-block; + height: 54px; + line-height: 54px; + vertical-align: middle; + + a{ + color: #000; + display: block; + padding: 0 25px; + + &:hover{ + background: $gray-light; + -webkit-transition: background-color 1000ms linear; + -moz-transition: background-color 1000ms linear; + -o-transition: background-color 1000ms linear; + -ms-transition: background-color 1000ms linear; + transition: background-color 1000ms linear; + } + } + } + } + } +} +/** +* @section SECTION +*/ +section{ + /** @subsection BANNER */ + .banners{ + transition: all 0.8s ease-in-out; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + background-color: #000; + margin-bottom: 50px; + + &.currentSlide0{background-image: url("../images/backgrounds/banner-0.png");} + &.currentSlide1{background-image: url("../images/backgrounds/banner-1.png");} + &.currentSlide2{background-image: url("../images/backgrounds/banner-2.png");} + + .slick-slide{ + width: 100%; + + &:focus{outline: transparent;} + } + .slick-list{z-index: 4;} + .slick-prev.slick-arrow{ + background-image: url("../images/backgrounds/button-right.png"); + left: 0; + } + .slick-next.slick-arrow{ + background-image: url("../images/backgrounds/button-left.png"); + right: 0; + } + + .slick-arrow{ + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + height: 108px; + width: 43px; + z-index: 5; + + &:before{display: none;} + &:active{ + opacity: 0.7; + transition: all 0.4s ease-in-out; + } + } + + p{ + color: #fff; + font-size: 75px; + font-weight: 300; + padding: 215px 0 200px 0; + text-align: center; + + span:first-of-type{ + bottom: -20px; + font-size: 31px; + position: relative; + } + span{ + clear: both; + display: block; + width: 100%; + + a{ + border: 2px solid #fff; + border-radius: 5px; + clear: both; + color: #fff; + display: inline-block; + padding: 10px 80px; + font-size: 13px; + font-weight: 700; + text-transform: uppercase; + top: -10px; + position: relative; + + &:hover{ + background: rgba(black, 0.3); + webkit-transition: background-color 1000ms linear; + -moz-transition: background-color 1000ms linear; + -o-transition: background-color 1000ms linear; + -ms-transition: background-color 1000ms linear; + transition: background-color 1000ms linear; + } + &:focus{outline: transparent;} + } + } + span:last-of-type{ + height: 60px; + text-align: center; + line-height: 32px; + } + + } + .slick-dots{ + bottom: 0; + opacity: 1; + padding-bottom: 24px; + z-index: 6; + + li{ + height: 18px; + margin: 0 4px; + width: 18px; + } + li button:before{ + color: transparent; + border: 2px solid #fff; + border-radius: 15px; + height: 15px; + opacity: 1; + text-indent: -9999px; + transition: all 0.6s ease-in-out; + width: 15px; + } + li.slick-active button:before { + background: #fff; + border: none; + } + } + } + /** @subsection RECOMMENDATIONS CATEGORIES and PRODUCTS */ + &.recommendations{ + .categories{ + .category{ + display: inline-block; + padding: 0 25px; + position: relative; + text-align: center; + vertical-align: top; + width: 33.3%; + + &:first-of-type{ + text-align: left; + } + &:last-of-type{ + text-align: right; + } + &:first-of-type a, + &:last-of-type a{ + + } + &:first-of-type a{left: -10px;} + &:last-of-type a{right: -10px;} + a{ + display: block; + position: relative; + + span{ + @include background-gradient(#fff, #000); + color: #fff; + font-size: 41px; + font-weight: 300; + display: block; + height: 100%; + left: 0; + line-height: 250px; + opacity: 0; + position: absolute; + text-align: center; + top: 0; + transition: all 0.8s ease-in-out; + visibility: hidden; + width: 100%; + } + + &:hover span{ + opacity: 0.6; + + visibility: visible; + } + } + + } + } + /** @subsection PRODUCTS */ + + .block{vertical-align: top;} + .container-products{ + margin-top: 30px; + + &:after { + display: table; + content: " "; + clear: both; + } + } + .products{ + h2{ + border-bottom: 1px solid $gray; + color: $gray-dark; + font-size: 44px; + font-weight: 300; + padding-top: 40px; + margin-left: 10px; + } + .product{ + border-radius: 5px; + display: inline-block; + height: 405px; + text-align: center; + margin: 0 10px; + position: relative; + vertical-align: top; + transition: all 0.6s ease-in-out; + width: calc(20% - 20px); + + img{ + margin: 30px 0; + width: 100%; + } + img, .rating, .name, .price{ + clear: both; + display: block; + } + .frete-gratis, + .new{ + background: $yellow; + font-size: 12px; + right: 0; + padding: 0px 3px; + position: absolute; + text-align: center; + width: 70px; + } + .frete-gratis{top:30px;} + .new{top:57px;} + + .rating, .name, .price, .price-monthly{ + margin-bottom: 5px; + text-align: left; + } + .rating{ + background-image: url("../images/backgrounds/rating.png"); + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + height: 12px; + width: 76px; + } + .price{ + position: relative; + } + .old-price, + .price-monthly span{color: $gray-darken;} + + .old-price{text-decoration: line-through;} + + .add-cart{ + background: #000; + bottom: 0; + border-radius: 0 0 5px 5px; + cursor: pointer; + color: #fff; + font-size: 13px; + height: 0; + left: 0; + line-height: 50px; + position: absolute; + text-transform: uppercase; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; + width: 100%; + + &:after{ + background: url("../images/backgrounds/icons.png") no-repeat -30px 0px transparent; + content: ""; + display: inline-block; + height: 30px; + position: relative; + top: 10px; + width: 30px; + } + } + &:hover { + box-shadow: 0px 0px 12px -4px #999; + + .add-cart{ + opacity: 1; + height: 50px; + visibility: visible; + } + } + } + } + } + /** @subsection CATEGORIES */ + &.banner-login{ + margin: 30px 0 40px 0; + + .content{border: 2px solid #000;} + + .name-login, .email-login {padding: 24px 10px;} + + .sale{ + background: url("../images/backgrounds/sale.png") no-repeat 50px -39px transparent; + height: 125px; + padding-left: 250px; + + p{ + font-size: 29px; + font-weight: 300; + line-height: 32px; + letter-spacing: -1px; + padding: 13px 0; + text-align: justify; + white-space: nowrap; + + span.discount{ + color: $yellow; + font-size: 37px; + font-weight: 400; + display: block; + clear: both; + line-height: 31px; + } + span:last-of-type{font-size: 26px;} + } + } + label{ + clear: both; + display: block; + font-size: 14px; + text-transform: uppercase; + font-weight: 600; + } + input[type="text"], input[type="email"] { + height: 38px; + padding: 0 10px; + width: 100%; + } + + .submit-login{ + padding: 36px 0; + text-align: center; + + input{ + background: #000; + border-radius: 5px; + border: none; + color: #fff; + cursor: pointer; + font-size: 13px; + padding: 17px 43px; + text-transform: uppercase; + + &:focus{outline: transparent;} + } + } + } +} + + + +/** +* @section FOOTER +*/ +footer{ + background: $gray-light; + .links-site > .container > .content > .block { + vertical-align: middle; + display: inline-block; + float: none; + } + .block.logo { + width: calc(25% - 5px); + + img{ + max-width: 170px; + width: 100%; + } + } + .block.links{ + margin-bottom: 40px; + margin-top: 45px; + + li{ + a{ + color: $gray-darken; + font-size: 14px; + } + } + + li.title { + font-size: 17px; + font-weight: 600; + margin-bottom: 15px; + text-transform: uppercase; + } + } + .copyright { + .container{ + border-top: 1px solid $gray; + color: $gray-darken; + padding: 20px 0; + text-align: center; + } + } + .payment-products{ + li{ + display: inline-block; + vertical-align: middle; + } + span{ + background-image: url("../images/backgrounds/icons.png"); + background-position: 0 0; + background-repeat: no-repeat; + background-color: transparent; + display: block; + text-indent: -9999px; + height: 30px; + width: 30px; + + &.visa{ + background-position: -431px 1px; + width: 50px; + } + &.master-card{ + background-position: -371px 0px; + width: 47px; + } + &.hiper-card{ + background-position: -308px 0px; + width: 51px; + } + &.hiper{ + background-position: -261px 4px; + width: 47px; + height: 40px; + } + &.diners{ + background-position: -168px 0px; + width: 92px; + } + &.boleto{ + background-position: -107px 0px; + width: 53px; + } + } + } +} + +// responsive +@import 'imports/responsive'; diff --git a/app/scss/vendors/sanitize.scss b/app/scss/vendors/sanitize.scss new file mode 100644 index 00000000..bd33f83d --- /dev/null +++ b/app/scss/vendors/sanitize.scss @@ -0,0 +1,300 @@ +/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */ + +/* + * Normalization + */ + +audio:not([controls]) { + display: none; // Chrome 44-, iOS 8+, Safari 9+ +} + +button { + -webkit-appearance: button; // iOS 8+ + overflow: visible; // Internet Explorer 11- +} + +details { + display: block; // Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ +} + +html { + -ms-overflow-style: -ms-autohiding-scrollbar; // Edge 12+, Internet Explorer 11- + overflow-y: scroll; // All browsers without overlaying scrollbars + -webkit-text-size-adjust: 100%; // iOS 8+ +} + +input { + -webkit-border-radius: 0; // iOS 8+ + + &[type="button"], + &[type="reset"], + &[type="submit"] { + -webkit-appearance: button; // iOS 8+ + } + + &[type="number"] { + width: auto; // Firefox 36+ + } + + &[type="search"] { + -webkit-appearance: textfield; // Chrome 45+, Safari 9+ + + &::-webkit-search-cancel-button, + &::-webkit-search-decoration { + -webkit-appearance: none; // Chrome 45+, Safari 9+ + } + } +} + +main { + display: block; // Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ +} + +pre { + overflow: auto; // Internet Explorer 11- +} + +progress { + display: inline-block; // Internet Explorer 11-, Windows Phone 8.1+ +} + +small { + font-size: if(variable-exists(small-font-size), $small-font-size, 75%); // All browsers +} + +summary { + display: block; // Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ +} + +svg:not(:root) { + overflow: hidden; // Internet Explorer 11- +} + +template { + display: none; // Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ +} + +textarea { + overflow: auto; // Edge 12+, Internet Explorer 11- +} + +[hidden] { + display: none; // Internet Explorer 10- +} + +/* + * Universal inheritance + */ + +*, +::before, +::after { + box-sizing: inherit; +} + +* { + font-size: inherit; + line-height: inherit; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + + + +/* + * Opinionated defaults + */ + +// specify the border style and width of all elements + +*, +::before, +::after { + border-style: solid; + border-width: 0; +} + +// specify the core styles of all elements + +* { + background-repeat: if(variable-exists(background-repeat), $background-repeat, no-repeat); + margin: 0; + padding: 0; +} + +// specify the root styles of the document + +:root { + background-color: if(variable-exists(root-background-color), $root-background-color, #ffffff); + box-sizing: if(variable-exists(root-box-sizing), $root-box-sizing, border-box); + color: if(variable-exists(root-color), $root-color, #000000); + cursor: if(variable-exists(root-cursor), $root-cursor, default); + font: if(variable-exists(root-font-size), $root-font-size, 100%)/#{if(variable-exists(root-line-height), $root-line-height, 1.5)} if(variable-exists(root-font-family), $root-font-family, sans-serif); +} + +// specify the text decoration of anchors + +a { + text-decoration: if(variable-exists(anchor-text-decoration), $anchor-text-decoration, none); +} + +// specify the alignment of media elements + +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: if(variable-exists(media-element-vertical-align), $media-element-vertical-align, middle); +} + +// specify the background color of form elements + +button, +input, +select, +textarea { + background-color: if(variable-exists(form-element-background-color), $form-element-background-color, transparent); +} + +// specify the inherited color and font of form elements + +button, +input, +select, +textarea { + color: inherit; + font-family: inherit; + font-style: inherit; + font-weight: inherit; +} + +// specify the minimum height of form elements + +button, +[type="button"], +[type="date"], +[type="datetime"], +[type="datetime-local"], +[type="email"], +[type="month"], +[type="number"], +[type="password"], +[type="reset"], +[type="search"], +[type="submit"], +[type="tel"], +[type="text"], +[type="time"], +[type="url"], +[type="week"], +select, +textarea { + min-height: if(variable-exists(form-element-min-height), $form-element-min-height, 1.5em); +} + +// specify the font family of code elements + +code, +kbd, +pre, +samp { + font-family: if(variable-exists(monospace-font-family), $monospace-font-family, monospace), monospace; +} + +// specify the list style of nav lists + +nav ol, +nav ul { + list-style: if(variable-exists(nav-list-style), $nav-list-style, none); +} + +// specify the standard appearance of selects + +select { + -moz-appearance: none; // Firefox 40+ + -webkit-appearance: none; // Chrome 45+ + + &::-ms-expand { + display: none; // Edge 12+, Internet Explorer 11- + } + + &::-ms-value { + color: currentColor; // Edge 12+, Internet Explorer 11- + } +} + +// specify the border styling of tables + +table { + border-collapse: if(variable-exists(table-border-collapse), $table-border-collapse, collapse); + border-spacing: if(variable-exists(table-border-spacing), $table-border-spacing, 0); +} + +// specify the resizability of textareas + +textarea { + resize: if(variable-exists(textarea-resize), $textarea-resize, vertical); +} + +// specify the background color, font color, and drop shadow of text selections + +::-moz-selection { + background-color: if(variable-exists(selection-background-color), $selection-background-color, #b3d4fc); // required when declaring ::selection + color: if(variable-exists(selection-color), $selection-color, #ffffff); + text-shadow: if(variable-exists(selection-text-shadow), $selection-text-shadow, none); +} + +::selection { + background-color: if(variable-exists(selection-background-color), $selection-background-color, #b3d4fc); // required when declaring ::selection + color: if(variable-exists(selection-color), $selection-color, #ffffff); + text-shadow: if(variable-exists(selection-text-shadow), $selection-text-shadow, none); +} + +// specify the progress cursor of updating elements + +[aria-busy="true"] { + cursor: progress; +} + +// specify the pointer cursor of trigger elements + +[aria-controls] { + cursor: pointer; +} + +// specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements + +[aria-disabled] { + cursor: default; +} + +// specify the style of visually hidden yet accessible elements + +[hidden][aria-hidden="false"] { + clip: rect(0 0 0 0); + display: inherit; + position: absolute; + + &:focus { + clip: auto; + } +} + +// remove delay from tapping on clickable elements + +a, +area, +button, +input, +label, +select, +textarea, +[tabindex] { + touch-action: manipulation; +} diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css new file mode 100644 index 00000000..62cc8702 --- /dev/null +++ b/dist/css/styles.min.css @@ -0,0 +1 @@ +@charset 'UTF-8';.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-dots,header .top .logo .logotipo{text-align:center}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button}.slick-list,svg:not(:root){overflow:hidden}.slick-dots,nav ol,nav ul,ul{list-style:none}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{margin:0;padding:0}pre,textarea{overflow:auto}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;width:100%}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}:root,[aria-disabled]{cursor:default}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}section .banners .slick-slide:focus,section .banners p span a:focus,section.banner-login .submit-login input:focus{outline:transparent}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */[hidden],audio:not([controls]),template{display:none}button{overflow:visible}details,main,summary{display:block}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{display:inline-block}small{font-size:75%}textarea{resize:vertical}*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}.block.eight,.block.eighteen,.block.eleven,.block.fifteen,.block.five,.block.four,.block.fourteen,.block.nine,.block.nineteen,.block.one,.block.seven,.block.seventeen,.block.six,.block.sixteen,.block.tex,.block.thirteen,.block.three,.block.twelve,.block.twenty,.block.two,:root{box-sizing:border-box}*{font-size:inherit;line-height:inherit;background-repeat:no-repeat;margin:0;padding:0}::after,::before{text-decoration:inherit;vertical-align:inherit}:root{background-color:#fff;color:#000;font:100%/1.5 sans-serif}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}[type=button],[type=reset],[type=submit],[type=number],[type=search],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=tel],[type=text],[type=time],[type=url],[type=week],button,select,textarea{min-height:1.5em}code,kbd,pre,samp{font-family:monospace,monospace}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background-color:#b3d4fc;color:#fff;text-shadow:none}::selection{background-color:#b3d4fc;color:#fff;text-shadow:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}.block,header .top .search .input-search{position:relative}[hidden][aria-hidden=false]:focus{clip:auto}[tabindex],a,area,button,input,label,select,textarea{touch-action:manipulation}.container{padding:0 20px;width:100%}.content{min-height:1px;margin:0 -10px}.content:after{display:table;content:" ";clear:both}@media (min-width:1280px){.container{margin:0 auto;width:1280px}}.block{float:left;min-height:1px;padding:0 10px}.block.one{width:5%}.block.two{width:10%}.block.three{width:15%}.block.four{width:20%}.block.five{width:25%}.block.six{width:30%}.block.seven{width:35%}.block.eight{width:40%}.block.nine{width:45%}.block.ten{width:50%}.block.eleven{width:55%}.block.twelve{width:60%}.block.thirteen{width:65%}.block.fourteen{width:705%}.block.fifteen{width:75%}.block.sixteen{width:80%}.block.seventeen{width:85%}.block.eighteen{width:90%}.block.nineteen{width:95%}.block.twenty{width:100%}@media (max-device-width:900px){.block.full{display:block!important;float:none!important;width:100%!important}}*{font-family:Lato,sans-serif}img{width:100%}.logo img{max-width:200px}input[type=button] textarea,input[type=email],input[type=password],input[type=text]{background:#f4f4f4;border-radius:5px}header .top{padding:20px 0;min-height:30px}header .top .block{display:inline-block;vertical-align:middle;float:none}header .top .search{width:calc(25% - 15px)}header .top .search .input-search:before{background:url(../images/backgrounds/icons.png);content:"";display:block;height:32px;position:absolute;width:25px}header .top .search .input-search input{height:32px;padding-left:40px;width:100%}header .top .login{text-align:right}header .top .login .cart,header .top .login .link-account{display:inline-block;vertical-align:middle}header .top .login .link-account{text-align:left;text-transform:uppercase;width:59%}header .top .login .link-account a{color:#000;font-size:12px;letter-spacing:1px;text-transform:uppercase;width:59%}header .top .login .cart{padding:0}header .top .login .cart .resume,header .top .login .cart span{display:inline-block;vertical-align:middle}header .top .login .cart a.resume{background:url(../images/backgrounds/icons.png) -69px 0 no-repeat;display:inline-block;height:30px;position:relative;width:30px}header .top .login .cart a.resume span{background:#fcc619;border-radius:16px;color:#000;font-size:11px;height:16px;position:absolute;right:-5px;text-align:center;top:-8px;width:16px}header .top .login .cart .total-value-cart{font-weight:800;font-size:13px;letter-spacing:1px;margin-left:5px}header .menu ul{border-top:1px solid #e4e4e4;text-align:center}header .menu ul li{display:inline-block;height:54px;line-height:54px;vertical-align:middle}header .menu ul li a{color:#000;display:block;padding:0 25px}header .menu ul li a:hover{background:#f4f4f4;-webkit-transition:background-color 1s linear;-moz-transition:background-color 1s linear;-o-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear}section .banners,section .banners .slick-arrow{background-position:center center;background-repeat:no-repeat;background-size:cover}section .banners{transition:all .8s ease-in-out;background-color:#000;margin-bottom:50px}section .banners.currentSlide0{background-image:url(../images/backgrounds/banner-0.png)}section .banners.currentSlide1{background-image:url(../images/backgrounds/banner-1.png)}section .banners.currentSlide2{background-image:url(../images/backgrounds/banner-2.png)}section .banners .slick-slide{width:100%}section .banners .slick-list{z-index:4}section .banners .slick-prev.slick-arrow{background-image:url(../images/backgrounds/button-right.png);left:0}section .banners .slick-next.slick-arrow{background-image:url(../images/backgrounds/button-left.png);right:0}section .banners .slick-arrow{height:108px;width:43px;z-index:5}section .banners .slick-arrow:before{display:none}section .banners .slick-arrow:active{opacity:.7;transition:all .4s ease-in-out}section .banners p{color:#fff;font-size:75px;font-weight:300;padding:215px 0 200px;text-align:center}section .banners p span:first-of-type{bottom:-20px;font-size:31px;position:relative}section .banners p span{clear:both;display:block;width:100%}section .banners p span a{border:2px solid #fff;border-radius:5px;clear:both;color:#fff;display:inline-block;padding:10px 80px;font-size:13px;font-weight:700;text-transform:uppercase;top:-10px;position:relative}section .banners p span a:hover{background:rgba(0,0,0,.3);webkit-transition:background-color 1s linear;-moz-transition:background-color 1s linear;-o-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear}section .banners p span:last-of-type{height:60px;text-align:center;line-height:32px}section .banners .slick-dots{bottom:0;opacity:1;padding-bottom:24px;z-index:6}section .banners .slick-dots li{height:18px;margin:0 4px;width:18px}section .banners .slick-dots li button:before{color:transparent;border:2px solid #fff;border-radius:15px;height:15px;opacity:1;text-indent:-9999px;transition:all .6s ease-in-out;width:15px}section .banners .slick-dots li.slick-active button:before{background:#fff;border:none}section.recommendations .categories .category{display:inline-block;padding:0 25px;position:relative;text-align:center;vertical-align:top;width:33.3%}section.recommendations .categories .category:first-of-type{text-align:left}section.recommendations .categories .category:last-of-type{text-align:right}section.recommendations .categories .category:first-of-type a{left:-10px}section.recommendations .categories .category:last-of-type a{right:-10px}section.recommendations .categories .category a{display:block;position:relative}section.recommendations .categories .category a span{background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#000));background-image:-webkit-linear-gradient(top,#fff,#000);background-image:-moz-linear-gradient(top,#fff,#000);background-image:-ms-linear-gradient(top,#fff,#000);background-image:-o-linear-gradient(top,#fff,#000);background-image:linear-gradient(top,#fff,#000);filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#fff', end-colourStr='#000');color:#fff;font-size:41px;font-weight:300;display:block;height:100%;left:0;line-height:250px;opacity:0;position:absolute;text-align:center;top:0;transition:all .8s ease-in-out;visibility:hidden;width:100%}section.recommendations .categories .category a:hover span{opacity:.6;visibility:visible}section.recommendations .block{vertical-align:top}section.recommendations .container-products{margin-top:30px}section.recommendations .container-products:after{display:table;content:" ";clear:both}section.recommendations .products h2{border-bottom:1px solid #e4e4e4;color:#2d2d2d;font-size:44px;font-weight:300;padding-top:40px;margin-left:10px}section.recommendations .products .product{border-radius:5px;display:inline-block;height:405px;text-align:center;margin:0 10px;position:relative;vertical-align:top;transition:all .6s ease-in-out;width:calc(20% - 20px)}section.recommendations .products .product img{margin:30px 0;width:100%}section.recommendations .products .product .name,section.recommendations .products .product .price,section.recommendations .products .product .rating,section.recommendations .products .product img{clear:both;display:block}section.recommendations .products .product .frete-gratis,section.recommendations .products .product .new{background:#fcc619;font-size:12px;right:0;padding:0 3px;position:absolute;text-align:center;width:70px}section.recommendations .products .product .frete-gratis{top:30px}section.recommendations .products .product .new{top:57px}section.recommendations .products .product .name,section.recommendations .products .product .price,section.recommendations .products .product .price-monthly,section.recommendations .products .product .rating{margin-bottom:5px;text-align:left}section.recommendations .products .product .rating{background-image:url(../images/backgrounds/rating.png);background-repeat:no-repeat;background-position:center center;background-size:contain;height:12px;width:76px}section.recommendations .products .product .price{position:relative}section.recommendations .products .product .old-price,section.recommendations .products .product .price-monthly span{color:#999}section.recommendations .products .product .old-price{text-decoration:line-through}section.recommendations .products .product .add-cart{background:#000;bottom:0;border-radius:0 0 5px 5px;cursor:pointer;color:#fff;font-size:13px;height:0;left:0;line-height:50px;position:absolute;text-transform:uppercase;opacity:0;visibility:hidden;transition:all .3s ease-in-out;width:100%}section.recommendations .products .product .add-cart:after{background:url(../images/backgrounds/icons.png) -30px 0 no-repeat;content:"";display:inline-block;height:30px;position:relative;top:10px;width:30px}section.recommendations .products .product:hover{box-shadow:0 0 12px -4px #999}section.recommendations .products .product:hover .add-cart{opacity:1;height:50px;visibility:visible}section.banner-login{margin:30px 0 40px}section.banner-login .content{border:2px solid #000}section.banner-login .email-login,section.banner-login .name-login{padding:24px 10px}section.banner-login .sale{background:url(../images/backgrounds/sale.png) 50px -39px no-repeat;height:125px;padding-left:250px}section.banner-login .sale p{font-size:29px;font-weight:300;line-height:32px;letter-spacing:-1px;padding:13px 0;text-align:justify;white-space:nowrap}section.banner-login .sale p span.discount{color:#fcc619;font-size:37px;font-weight:400;display:block;clear:both;line-height:31px}section.banner-login .sale p span:last-of-type{font-size:26px}section.banner-login label{clear:both;display:block;font-size:14px;text-transform:uppercase;font-weight:600}section.banner-login input[type=email],section.banner-login input[type=text]{height:38px;padding:0 10px;width:100%}section.banner-login .submit-login{padding:36px 0;text-align:center}section.banner-login .submit-login input{background:#000;border-radius:5px;border:none;color:#fff;cursor:pointer;font-size:13px;padding:17px 43px;text-transform:uppercase}footer{background:#f4f4f4}footer .links-site>.container>.content>.block{vertical-align:middle;display:inline-block;float:none}footer .block.logo{width:calc(25% - 5px)}footer .block.logo img{max-width:170px;width:100%}footer .block.links{margin-bottom:40px;margin-top:45px}footer .block.links li a{color:#999;font-size:14px}footer .block.links li.title{font-size:17px;font-weight:600;margin-bottom:15px;text-transform:uppercase}footer .copyright .container{border-top:1px solid #e4e4e4;color:#999;padding:20px 0;text-align:center}footer .payment-products li{display:inline-block;vertical-align:middle}footer .payment-products span{background-image:url(../images/backgrounds/icons.png);background-position:0 0;background-repeat:no-repeat;background-color:transparent;display:block;text-indent:-9999px;height:30px;width:30px}footer .payment-products span.visa{background-position:-431px 1px;width:50px}footer .payment-products span.master-card{background-position:-371px 0;width:47px}footer .payment-products span.hiper-card{background-position:-308px 0;width:51px}footer .payment-products span.hiper{background-position:-261px 4px;width:47px;height:40px}footer .payment-products span.diners{background-position:-168px 0;width:92px}footer .payment-products span.boleto{background-position:-107px 0;width:53px}@media (max-device-width:768px){header .menu ul li a{font-size:30px}section.recommendations .products .product{height:auto}section.recommendations .products .product .rating{height:70px;width:300px}section.recommendations .products .product button,section.recommendations .products .product p,section.recommendations .products .product span{font-size:40px}}@media (min-device-width:768px) and (max-device-width:1023px){img{max-width:400px}}@media (max-device-width:900px){img{border-radius:25px}.banner-sale{width:calc(100% - 40px)}}@media (max-device-width:1023px){section .categories .category{text-align:center!important}} \ No newline at end of file diff --git a/dist/images/backgrounds/banner-0.png b/dist/images/backgrounds/banner-0.png new file mode 100644 index 00000000..2fc45dd4 Binary files /dev/null and b/dist/images/backgrounds/banner-0.png differ diff --git a/dist/images/backgrounds/banner-1.png b/dist/images/backgrounds/banner-1.png new file mode 100644 index 00000000..bea09dce Binary files /dev/null and b/dist/images/backgrounds/banner-1.png differ diff --git a/dist/images/backgrounds/banner-2.png b/dist/images/backgrounds/banner-2.png new file mode 100644 index 00000000..3b2aeea7 Binary files /dev/null and b/dist/images/backgrounds/banner-2.png differ diff --git a/dist/images/backgrounds/banner-3.png b/dist/images/backgrounds/banner-3.png new file mode 100644 index 00000000..26cb6064 Binary files /dev/null and b/dist/images/backgrounds/banner-3.png differ diff --git a/dist/images/backgrounds/button-left.png b/dist/images/backgrounds/button-left.png new file mode 100644 index 00000000..820639d8 Binary files /dev/null and b/dist/images/backgrounds/button-left.png differ diff --git a/dist/images/backgrounds/button-right.png b/dist/images/backgrounds/button-right.png new file mode 100644 index 00000000..abbedbfc Binary files /dev/null and b/dist/images/backgrounds/button-right.png differ diff --git a/dist/images/backgrounds/category1.png b/dist/images/backgrounds/category1.png new file mode 100644 index 00000000..8fae1e51 Binary files /dev/null and b/dist/images/backgrounds/category1.png differ diff --git a/dist/images/backgrounds/category2.png b/dist/images/backgrounds/category2.png new file mode 100644 index 00000000..28432f2c Binary files /dev/null and b/dist/images/backgrounds/category2.png differ diff --git a/dist/images/backgrounds/category3.png b/dist/images/backgrounds/category3.png new file mode 100644 index 00000000..12202c8d Binary files /dev/null and b/dist/images/backgrounds/category3.png differ diff --git a/dist/images/backgrounds/icons.png b/dist/images/backgrounds/icons.png new file mode 100644 index 00000000..2a101411 Binary files /dev/null and b/dist/images/backgrounds/icons.png differ diff --git a/dist/images/backgrounds/logo-boleto.png b/dist/images/backgrounds/logo-boleto.png new file mode 100644 index 00000000..e11a8d77 Binary files /dev/null and b/dist/images/backgrounds/logo-boleto.png differ diff --git a/dist/images/backgrounds/logo-profit-e.png b/dist/images/backgrounds/logo-profit-e.png new file mode 100644 index 00000000..23f6b9ec Binary files /dev/null and b/dist/images/backgrounds/logo-profit-e.png differ diff --git a/dist/images/backgrounds/product1.png b/dist/images/backgrounds/product1.png new file mode 100644 index 00000000..fdb4e37f Binary files /dev/null and b/dist/images/backgrounds/product1.png differ diff --git a/dist/images/backgrounds/product2.png b/dist/images/backgrounds/product2.png new file mode 100644 index 00000000..a7c12b13 Binary files /dev/null and b/dist/images/backgrounds/product2.png differ diff --git a/dist/images/backgrounds/product3.png b/dist/images/backgrounds/product3.png new file mode 100644 index 00000000..6dc691a1 Binary files /dev/null and b/dist/images/backgrounds/product3.png differ diff --git a/dist/images/backgrounds/product4.png b/dist/images/backgrounds/product4.png new file mode 100644 index 00000000..b1466116 Binary files /dev/null and b/dist/images/backgrounds/product4.png differ diff --git a/dist/images/backgrounds/product5.png b/dist/images/backgrounds/product5.png new file mode 100644 index 00000000..435880a0 Binary files /dev/null and b/dist/images/backgrounds/product5.png differ diff --git a/dist/images/backgrounds/rating.png b/dist/images/backgrounds/rating.png new file mode 100644 index 00000000..9d17b345 Binary files /dev/null and b/dist/images/backgrounds/rating.png differ diff --git a/dist/images/backgrounds/sale.png b/dist/images/backgrounds/sale.png new file mode 100644 index 00000000..b3c77790 Binary files /dev/null and b/dist/images/backgrounds/sale.png differ diff --git a/dist/images/favicon.ico b/dist/images/favicon.ico new file mode 100644 index 00000000..bc830dac Binary files /dev/null and b/dist/images/favicon.ico differ diff --git a/dist/images/products/produto1.png b/dist/images/products/produto1.png new file mode 100644 index 00000000..6d3169be Binary files /dev/null and b/dist/images/products/produto1.png differ diff --git a/dist/images/products/produto2.png b/dist/images/products/produto2.png new file mode 100644 index 00000000..0672f7ce Binary files /dev/null and b/dist/images/products/produto2.png differ diff --git a/dist/images/products/produto3.png b/dist/images/products/produto3.png new file mode 100644 index 00000000..b47cae1b Binary files /dev/null and b/dist/images/products/produto3.png differ diff --git a/dist/images/products/produto4.png b/dist/images/products/produto4.png new file mode 100644 index 00000000..588d2c8c Binary files /dev/null and b/dist/images/products/produto4.png differ diff --git a/dist/images/products/produto5.png b/dist/images/products/produto5.png new file mode 100644 index 00000000..39b435e5 Binary files /dev/null and b/dist/images/products/produto5.png differ diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 00000000..4f44518f --- /dev/null +++ b/dist/index.html @@ -0,0 +1,270 @@ + + + + + Profit-e + + + + + + +
+
+ +
+ + + + + + +
+ + +
+
+ + +
+ + + +
+
+
+

Mais Comprados

+
+ +
+
+
+
+
+ + + + + + diff --git a/dist/js/main.min.js b/dist/js/main.min.js new file mode 100644 index 00000000..56db5427 --- /dev/null +++ b/dist/js/main.min.js @@ -0,0 +1,5 @@ +function formatReal(e){var t=parseInt(e.toFixed(2).toString().replace(/[^\d]+/g,"")),n=t+"";return n=n.replace(/([0-9]{2})$/g,",$1"),n.length>6&&(n=n.replace(/([0-9]{3}),([0-9]{2}$)/g,".$1,$2")),n}function toFloat(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}function viewProducts(){$.ajax({url:"../products.json",dataType:"json",success:function(e){$(e).each(function(e,t){var n="";n+='
\n',n+=' Photo Product\n',t.frete&&(n+=' Frete Grátis\n'),t["new"]&&(n+=' Novidade\n'),n+=' \n',n+=' '+t.name+"\n",n+='
\n';var i="";""!=t.oldprice&&"null"!=t.oldprice&&(i=formatReal(t.oldprice),n+=' R$ '+i+" | \n");var o=formatReal(t.price);n+=' R$ '+o+"",n+="
",n+=' ';var r="";""!=t.amount_installments&&"null"!=t.amount_installments&&(n+='
\n',r=formatReal(t.price_monthly),n+=" ou "+t.amount_installments+" x de R$ "+r+"",n+="
"),n+="
",$(".container-products").append(n)})},error:function(e,t,n){$(".container-products").append('
Desculpe, não foi possível localizar os produtos.

')},complete:function(){var e=0,t=0,n=0;$(".add-cart").on("click",function(){var i=($(this).attr("data-getdevs-pid"),$(this).parents(".block.product").find(".name").attr("data-getdevs-name"),$(this).parents(".block.product").find(".current-price").attr("data-getdevs-price")),o=toFloat(i.replace(",","."),2);t+=e+o;var r=formatReal(t);$("header .cart .total-value-cart").text("R$ "+r),n+=1,$("header .cart .qtd-cart").text(n)})}})}!function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t=!!e&&"length"in e&&e.length,n=re.type(e);return"function"===n||re.isWindow(e)?!1:"array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e}function i(e,t,n){if(re.isFunction(t))return re.grep(e,function(e,i){return!!t.call(e,i,e)!==n});if(t.nodeType)return re.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(ve.test(t))return re.filter(t,e,n);t=re.filter(t,e)}return re.grep(e,function(e){return Z.call(t,e)>-1!==n})}function o(e,t){for(;(e=e[t])&&1!==e.nodeType;);return e}function r(e){var t={};return re.each(e.match(be)||[],function(e,n){t[n]=!0}),t}function s(){G.removeEventListener("DOMContentLoaded",s),e.removeEventListener("load",s),re.ready()}function a(){this.expando=re.expando+a.uid++}function l(e,t,n){var i;if(void 0===n&&1===e.nodeType)if(i="data-"+t.replace(Ee,"-$&").toLowerCase(),n=e.getAttribute(i),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:Ae.test(n)?re.parseJSON(n):n}catch(o){}$e.set(e,t,n)}else n=void 0;return n}function c(e,t,n,i){var o,r=1,s=20,a=i?function(){return i.cur()}:function(){return re.css(e,t,"")},l=a(),c=n&&n[3]||(re.cssNumber[t]?"":"px"),d=(re.cssNumber[t]||"px"!==c&&+l)&&De.exec(re.css(e,t));if(d&&d[3]!==c){c=c||d[3],n=n||[],d=+l||1;do r=r||".5",d/=r,re.style(e,t,d+c);while(r!==(r=a()/l)&&1!==r&&--s)}return n&&(d=+d||+l||0,o=n[1]?d+(n[1]+1)*n[2]:+n[2],i&&(i.unit=c,i.start=d,i.end=o)),o}function d(e,t){var n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[];return void 0===t||t&&re.nodeName(e,t)?re.merge([e],n):n}function u(e,t){for(var n=0,i=e.length;i>n;n++)Ce.set(e[n],"globalEval",!t||Ce.get(t[n],"globalEval"))}function p(e,t,n,i,o){for(var r,s,a,l,c,p,f=t.createDocumentFragment(),h=[],v=0,g=e.length;g>v;v++)if(r=e[v],r||0===r)if("object"===re.type(r))re.merge(h,r.nodeType?[r]:r);else if(Me.test(r)){for(s=s||f.appendChild(t.createElement("div")),a=(Le.exec(r)||["",""])[1].toLowerCase(),l=qe[a]||qe._default,s.innerHTML=l[1]+re.htmlPrefilter(r)+l[2],p=l[0];p--;)s=s.lastChild;re.merge(h,s.childNodes),s=f.firstChild,s.textContent=""}else h.push(t.createTextNode(r));for(f.textContent="",v=0;r=h[v++];)if(i&&re.inArray(r,i)>-1)o&&o.push(r);else if(c=re.contains(r.ownerDocument,r),s=d(f.appendChild(r),"script"),c&&u(s),n)for(p=0;r=s[p++];)Oe.test(r.type||"")&&n.push(r);return f}function f(){return!0}function h(){return!1}function v(){try{return G.activeElement}catch(e){}}function g(e,t,n,i,o,r){var s,a;if("object"==typeof t){"string"!=typeof n&&(i=i||n,n=void 0);for(a in t)g(e,a,n,i,t[a],r);return e}if(null==i&&null==o?(o=n,i=n=void 0):null==o&&("string"==typeof n?(o=i,i=void 0):(o=i,i=n,n=void 0)),o===!1)o=h;else if(!o)return e;return 1===r&&(s=o,o=function(e){return re().off(e),s.apply(this,arguments)},o.guid=s.guid||(s.guid=re.guid++)),e.each(function(){re.event.add(this,t,o,i,n)})}function y(e,t){return re.nodeName(e,"table")&&re.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function m(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function w(e){var t=Xe.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function x(e,t){var n,i,o,r,s,a,l,c;if(1===t.nodeType){if(Ce.hasData(e)&&(r=Ce.access(e),s=Ce.set(t,r),c=r.events)){delete s.handle,s.events={};for(o in c)for(n=0,i=c[o].length;i>n;n++)re.event.add(t,o,c[o][n])}$e.hasData(e)&&(a=$e.access(e),l=re.extend({},a),$e.set(t,l))}}function b(e,t){var n=t.nodeName.toLowerCase();"input"===n&&Pe.test(e.type)?t.checked=e.checked:"input"!==n&&"textarea"!==n||(t.defaultValue=e.defaultValue)}function T(e,t,n,i){t=J.apply([],t);var o,r,s,a,l,c,u=0,f=e.length,h=f-1,v=t[0],g=re.isFunction(v);if(g||f>1&&"string"==typeof v&&!ie.checkClone&&Be.test(v))return e.each(function(o){var r=e.eq(o);g&&(t[0]=v.call(this,o,r.html())),T(r,t,n,i)});if(f&&(o=p(t,e[0].ownerDocument,!1,e,i),r=o.firstChild,1===o.childNodes.length&&(o=r),r||i)){for(s=re.map(d(o,"script"),m),a=s.length;f>u;u++)l=o,u!==h&&(l=re.clone(l,!0,!0),a&&re.merge(s,d(l,"script"))),n.call(e[u],l,u);if(a)for(c=s[s.length-1].ownerDocument,re.map(s,w),u=0;a>u;u++)l=s[u],Oe.test(l.type||"")&&!Ce.access(l,"globalEval")&&re.contains(c,l)&&(l.src?re._evalUrl&&re._evalUrl(l.src):re.globalEval(l.textContent.replace(_e,"")))}return e}function k(e,t,n){for(var i,o=t?re.filter(t,e):e,r=0;null!=(i=o[r]);r++)n||1!==i.nodeType||re.cleanData(d(i)),i.parentNode&&(n&&re.contains(i.ownerDocument,i)&&u(d(i,"script")),i.parentNode.removeChild(i));return e}function S(e,t){var n=re(t.createElement(e)).appendTo(t.body),i=re.css(n[0],"display");return n.detach(),i}function C(e){var t=G,n=Ye[e];return n||(n=S(e,t),"none"!==n&&n||(Ue=(Ue||re("