diff --git a/imac.202c52ff.jpeg b/imac.202c52ff.jpeg new file mode 100644 index 0000000000..c282f7c494 Binary files /dev/null and b/imac.202c52ff.jpeg differ diff --git a/index.25f883ac.css b/index.25f883ac.css new file mode 100644 index 0000000000..46a33874bb --- /dev/null +++ b/index.25f883ac.css @@ -0,0 +1,2 @@ +.page{color:#060b35;font-family:Roboto,sans-serif;font-weight:400}.body{margin:0}.body__card{box-sizing:border-box;background-image:url(imac.202c52ff.jpeg);background-position:19px 32px;background-repeat:no-repeat;background-size:160px 134px;border:1px solid #f3f3f3;border-radius:5px;width:200px;height:406px;position:relative}.card__text{text-align:left;padding-inline:16px;font-family:Roboto;font-size:12px;font-weight:500;line-height:18px;position:absolute;top:206px}.card__product-code{color:#616070;text-align:left;padding-inline:16px;font-family:Roboto;font-size:10px;font-weight:400;line-height:14px;position:absolute;top:246px}.card__price{justify-content:space-between;width:166px;padding-inline:16px;display:flex;position:absolute;top:316px}.card__price-text{color:#616070;font-family:Roboto;font-size:12px;font-weight:400;line-height:18px}.card__price-price{font-family:Roboto;font-size:16px;font-weight:700;line-height:18px}.card__button{padding-inline:16px;display:flex}.card__buy{color:#fff;text-align:center;text-transform:uppercase;background-color:#00acdc;border-radius:5px;align-content:center;width:166px;height:40px;font-family:Roboto;font-size:14px;font-weight:700;line-height:16px;position:absolute;top:350px}.card__buy:hover{cursor:pointer;box-sizing:border-box;color:#00acdc;background-color:#fff;border:1px solid #00acdc;border-radius:5px}.stars{justify-content:space-between;width:166px;padding-inline:16px;display:flex;position:absolute;top:276px}.stars__stars-box{width:96px;display:flex}.stars__star{background-image:url(star.822d561e.svg);background-position:50%;background-repeat:no-repeat;width:16px;height:16px;margin-left:4px}.stars__star:first-child{margin-left:0}.stars__star:nth-child(-n+4){background-image:url(star-active.edda4c43.svg)}.stars__reviews{font-family:Roboto;font-size:10px;font-weight:400;line-height:14px} +/*# sourceMappingURL=index.25f883ac.css.map */ diff --git a/index.25f883ac.css.map b/index.25f883ac.css.map new file mode 100644 index 0000000000..d212e366ce --- /dev/null +++ b/index.25f883ac.css.map @@ -0,0 +1 @@ +{"mappings":"ACAA,kECAA,eAGE,wQCFA,+IAYA,qKAYA,oHASA,mGAQA,sFAOA,+CAKA,wPAiBE,qICvEJ,8GAQE,0CAKA,iKASA,uCAIA,6FAIA","sources":["index.25f883ac.css","src/styles/blocks/page.scss","src/styles/blocks/body.scss","src/styles/blocks/card.scss","src/styles/blocks/stars.scss"],"sourcesContent":[".page {\n color: #060b35;\n font-family: Roboto, sans-serif;\n font-weight: 400;\n}\n\n.body {\n margin: 0;\n}\n\n.body__card {\n box-sizing: border-box;\n background-image: url(\"imac.202c52ff.jpeg\");\n background-position: 19px 32px;\n background-repeat: no-repeat;\n background-size: 160px 134px;\n border: 1px solid #f3f3f3;\n border-radius: 5px;\n width: 200px;\n height: 406px;\n position: relative;\n}\n\n.card__text {\n text-align: left;\n padding-inline: 16px;\n font-family: Roboto;\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n position: absolute;\n top: 206px;\n}\n\n.card__product-code {\n color: #616070;\n text-align: left;\n padding-inline: 16px;\n font-family: Roboto;\n font-size: 10px;\n font-weight: 400;\n line-height: 14px;\n position: absolute;\n top: 246px;\n}\n\n.card__price {\n justify-content: space-between;\n width: 166px;\n padding-inline: 16px;\n display: flex;\n position: absolute;\n top: 316px;\n}\n\n.card__price-text {\n color: #616070;\n font-family: Roboto;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n}\n\n.card__price-price {\n font-family: Roboto;\n font-size: 16px;\n font-weight: 700;\n line-height: 18px;\n}\n\n.card__button {\n padding-inline: 16px;\n display: flex;\n}\n\n.card__buy {\n color: #fff;\n text-align: center;\n text-transform: uppercase;\n background-color: #00acdc;\n border-radius: 5px;\n align-content: center;\n width: 166px;\n height: 40px;\n font-family: Roboto;\n font-size: 14px;\n font-weight: 700;\n line-height: 16px;\n position: absolute;\n top: 350px;\n}\n\n.card__buy:hover {\n cursor: pointer;\n box-sizing: border-box;\n color: #00acdc;\n background-color: #fff;\n border: 1px solid #00acdc;\n border-radius: 5px;\n}\n\n.stars {\n justify-content: space-between;\n width: 166px;\n padding-inline: 16px;\n display: flex;\n position: absolute;\n top: 276px;\n}\n\n.stars__stars-box {\n width: 96px;\n display: flex;\n}\n\n.stars__star {\n background-image: url(\"star.822d561e.svg\");\n background-position: center;\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n margin-left: 4px;\n}\n\n.stars__star:first-child {\n margin-left: 0;\n}\n\n.stars__star:nth-child(-n+4) {\n background-image: url(\"star-active.edda4c43.svg\");\n}\n\n.stars__reviews {\n font-family: Roboto;\n font-size: 10px;\n font-weight: 400;\n line-height: 14px;\n}\n/*# sourceMappingURL=index.25f883ac.css.map */\n",".page {\n font-family: 'Roboto', sans-serif;\n font-weight: 400;\n color: #060b35;\n}\n",".body {\n margin: 0;\n\n &__card {\n box-sizing: border-box;\n width: 200px;\n height: 406px;\n border-radius: 5px;\n border: 1px solid #f3f3f3;\n position: relative;\n\n background-image: url(../images/imac.jpeg);\n background-size: 160px 134px;\n background-repeat: no-repeat;\n background-position-x: 19px;\n background-position-y: 32px;\n }\n}\n",".card {\n &__text {\n padding-inline: 16px;\n font-family: Roboto;\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n text-align: left;\n\n position: absolute;\n top: 206px;\n }\n\n &__product-code {\n padding-inline: 16px;\n position: absolute;\n top: 246px;\n color: #616070;\n font-family: Roboto;\n font-size: 10px;\n font-weight: 400;\n line-height: 14px;\n text-align: left;\n }\n\n &__price {\n padding-inline: 16px;\n width: 166px;\n position: absolute;\n top: 316px;\n display: flex;\n justify-content: space-between;\n }\n\n &__price-text {\n font-family: Roboto;\n font-size: 12px;\n font-weight: 400;\n line-height: 18px;\n color: #616070;\n }\n\n &__price-price {\n font-family: Roboto;\n font-size: 16px;\n font-weight: 700;\n line-height: 18px;\n }\n\n &__button {\n padding-inline: 16px;\n display: flex;\n }\n\n &__buy {\n color: #fff;\n font-family: Roboto;\n font-size: 14px;\n font-weight: 700;\n line-height: 16px;\n text-align: center;\n\n position: absolute;\n top: 350px;\n text-transform: uppercase;\n background-color: #00acdc;\n width: 166px;\n height: 40px;\n border-radius: 5px;\n align-content: center;\n\n &:hover {\n cursor: pointer;\n box-sizing: border-box;\n border-radius: 5px;\n color: #00acdc;\n border: 1px solid #00acdc;\n background-color: #fff;\n }\n }\n}\n",".stars {\n padding-inline: 16px;\n display: flex;\n justify-content: space-between;\n position: absolute;\n top: 276px;\n width: 166px;\n\n &__stars-box {\n display: flex;\n width: 96px;\n }\n\n &__star {\n width: 16px;\n height: 16px;\n background-image: url(../images/star.svg);\n background-repeat: no-repeat;\n background-position: center;\n margin-left: 4px;\n }\n\n &__star:first-child {\n margin-left: 0;\n }\n\n &__star:nth-child(-n + 4) {\n background-image: url(../images/star-active.svg);\n }\n\n &__reviews {\n font-family: Roboto;\n font-size: 10px;\n font-weight: 400;\n line-height: 14px;\n }\n}\n"],"names":[],"version":3,"file":"index.25f883ac.css.map"} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000000..6afb6b84d2 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +
="A"&&e<="Z"};function Un(e){for(var t="",n=0;n