{"id":309,"date":"2019-07-25T13:32:03","date_gmt":"2019-07-25T13:32:03","guid":{"rendered":"https:\/\/cepixel.com\/pl\/?page_id=309"},"modified":"2025-11-28T07:41:10","modified_gmt":"2025-11-28T07:41:10","slug":"kosztorys","status":"publish","type":"page","link":"https:\/\/cepixel.com\/pl\/kosztorys\/","title":{"rendered":"Kosztorys"},"content":{"rendered":"<div id=\"pl-gb309-69e34bb4148d0\"  class=\"panel-layout\" ><div id=\"pg-gb309-69e34bb4148d0-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb309-69e34bb4148d0-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb309-69e34bb4148d0-0-0-0\" class=\"so-panel widget widget_cp_estimate panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"so-widget-cp_estimate so-widget-cp_estimate-base\">\n<div class=\"top-bg\" style=\"background-image: url('https:\/\/cepixel.com\/pl\/wp-content\/themes\/cepixel\/assets\/images\/top-bg.jpg')\">\n<\/div>\n<div class=\"estimate\">\n\t<div class=\"form-loader\" v-if=\"formLoader\">\n\t\t<div class=\"form-loader__content\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/wp-content\/themes\/cepixel\/assets\/images\/loader.gif\">\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"estimate-header\">\n\t\t<h2 v-if=\"estimate.current === 1\"> <b>Kontakt<\/b> z Tob\u0105: <\/h2>\n\t\t<h2 v-if=\"estimate.current === 2\"> <p>Produkty<b> i us\u0142ugi<\/b>:<\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 3\"> <p>Tw\u00f3j<b> Biznes i Bud\u017cet<\/b>:<\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 4\"> <p>Informacje<b> dodatkowe<\/b><\/p>\n <\/h2>\n\t\t<h2 v-if=\"estimate.current === 5\"> Zapytanie<b> wys\u0142ane<\/b> <\/h2>\n\n\t\t<div class=\"progress\">\n\t\t\t<div class=\"progress__bar\">\n\t\t\t\t<div class=\"progress__line\" :style=\"{ width: estimate.current <= 4 ? ((100 * estimate.current) \/ estimate.steps) + '%' : '100%' }\"><\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"progress__steps\" v-if=\"estimate.current <= 4\">\n\t\t\t\t<span>{{ estimate.current }}<\/span>\n\n\t\t\t\t<span>{{ estimate.steps }}<\/span>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"progress__label\" v-else>\n\t\t\t\t<span>Dzi\u0119kujemy {{ getName }} za wys\u0142anie nam zapytania. Skontaktujemy si\u0119 z Tob\u0105 po zapoznaniu si\u0119 ze szczeg\u00f3\u0142ami. Zwykle nie trwa to wi\u0119cej ni\u017c kilka dni.<\/span>\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"estimate-content\">\n\t\t<div class=\"estimate-content__step\"\n\t\t\t :class=\"[ estimate.current === 1 ? 'current' : ((estimate.current < 1) ? 'next' : 'prev') ]\" id=\"step-1\">\n\t\t\t<form autocomplete=\"off\" class=\"estimate-form\">\n\t\t\t\t<h3>Witaj mi\u0142y cz\u0142owieku! Jak si\u0119 miewasz?<\/h3>\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<span>Chcieliby\u015bmy Ci\u0119 lepiej pozna\u0107 \u2013 jak si\u0119 nazywasz?<\/span>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<input type=\"text\" name=\"097vh41089237j41x82374c127x40\" @keydown=\"showInput($event)\" v-model=\"name\" autocomplete=\"nope\" ref=\"eInput\" :class=\"{'is-dirty' : estimate.step_1.name}\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>.<\/span>\n\t\t\t\t<\/div>\n\n\n\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t<div class=\"estimate-form__row\" v-show=\"estimate.step_1.name\">\n\t\t\t\t\t\t<span>{{ getName }}, aby\u015bmy mogli skontaktowa\u0107 si\u0119 z Tob\u0105, podaj sw\u00f3j E-mail:<\/span>\n\t\t\t\t\t\t<div class=\"form-field\" :class=\"{'form-field--invalid' : invalidEmail}\">\n\t\t\t\t\t\t\t<input type=\"text\" v-model=\"estimate.step_1.email\" @keyup=\"validateEmail\" @keydown.enter=\"focusInput('s1i3')\" autocomplete=\"nope\" ref=\"s1i2\" class=\"email-input\" :class=\"{'is-dirty' : estimate.step_1.email}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>oraz Numer telefonu: <\/span>\n\t\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t\t<input type=\"text\" v-model=\"estimate.step_1.phone\" @keydown.enter=\"estimate.step_1.email &#038;&#038; estimate.step_1.name ? nextStep() : false\"autocomplete=\"nope\" ref=\"s1i3\" :class=\"{'is-dirty' : estimate.step_1.phone}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/transition>\n\t\t\t<\/form>\n\t\t<\/div>\n\n\t\t<div class=\"estimate-content__step\"\n\t\t\t :class=\"[ estimate.current === 2 ? 'current' : ((estimate.current < 2) ? 'next' : 'prev') ]\" id=\"step-2\">\n\t\t\t<div class=\"estimate-form\">\n\n\t\t\t\t<div class=\"products-interest\">\n\t\t\t\t\t<h3>Cze\u015b\u0107 {{ getName }}, jaki produkt mo\u017cemy dla Ciebie wykona\u0107?<\/h3>\n\n\t\t\t\t\t<div class=\"selection-boxes\">\n\n                        \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Aplikacj\u0119 Webow\u0105')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Aplikacj\u0119 Webow\u0105')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/web-app.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Aplikacj\u0119 Webow\u0105\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Aplikacj\u0119 Webow\u0105')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Aplikacj\u0119 Mobiln\u0105')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Aplikacj\u0119 Mobiln\u0105')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/mobile.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Aplikacj\u0119 Mobiln\u0105\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Aplikacj\u0119 Mobiln\u0105')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Stron\u0119 www')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Stron\u0119 www')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/web.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Stron\u0119 www\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Stron\u0119 www')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('E-commerce')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('E-commerce')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/e-commerce.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        E-commerce\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('E-commerce')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Serwis informacyjny')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Serwis informacyjny')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/serwisy.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Serwis informacyjny\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Serwis informacyjny')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Platform\u0119 B2B')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Platform\u0119 B2B')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/b2b.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Platform\u0119 B2B\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Platform\u0119 B2B')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Landing Page')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Landing Page')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/landing.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Landing Page\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Landing Page')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Product Page')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Product Page')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/product.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Product Page\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Product Page')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectProduct('Inny')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.products.includes('Inny')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__icon\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/uploads\/sites\/4\/2019\/07\/others.png\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Inny\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.products.includes('Inny')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"services-interest\">\n\t\t\t\t\t<h3>Wybierz us\u0142ugi, kt\u00f3re ci\u0119 interesuj\u0105:<\/h3>\n\n\t\t\t\t\t<div class=\"selection-boxes\">\n\n                        \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Prototypowanie UX\/UI')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Prototypowanie UX\/UI')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Prototypowanie UX\/UI\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Prototypowanie UX\/UI')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Projekt Graficzny')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Projekt Graficzny')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Projekt Graficzny\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Projekt Graficzny')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Programowanie Front-end')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Programowanie Front-end')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Programowanie Front-end\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Programowanie Front-end')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Programowanie Back-end')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Programowanie Back-end')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Programowanie Back-end\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Programowanie Back-end')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \n\t\t\t\t\t\t\t\t<div class=\"selection-boxes__item\" @click=\"selectService('Integracj\u0119 API')\"\n\t\t\t\t\t\t\t\t\t :class=\"{'is-active' : estimate.services.includes('Integracj\u0119 API')}\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__border\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#A68D5E\"><\/stop>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"#A68D5E\" width=\"99.5%\"\n\t\t\t\t\t\t\t\t\t\t\t\t  height=\"98%\"><\/rect>\n\n\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__text\">\n                                        Integracj\u0119 API\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"selection-boxes__checkbox\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t\t :class=\"{'is-checked' : estimate.services.includes('Integracj\u0119 API')}\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n                                \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"estimate-content__step\"\n\t\t\t :class=\"[ estimate.current === 3 ? 'current' : ((estimate.current < 3) ? 'next' : 'prev') ]\" id=\"step-3\">\n\t\t\t<div class=\"estimate-form\">\n\t\t\t\t<h3>Jeste\u015bmy ju\u017c blisko {{ getName }}!<\/h3>\n\n\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<span>Jaki rodzaj biznesu prowadzisz?<\/span>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t\t<div class=\"cp-select\" id=\"select-business\" @click.stop=\"openSelect($event)\" :class=\"{'is-active' : select === 'select-business'}\">\n\t\t\t\t\t\t\t\t<input type=\"text\" readonly v-model=\"estimate.step_3.business\" ref=\"s3i1\" @keydown=\"onSelectPress($event)\">\n\n\t\t\t\t\t\t\t\t<div class=\"cp-list\">\n\n                                    \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Startup'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.business === 'Startup'}\" @mouseover=\"selectIndex = 0\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Startup<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">Chc\u0119 wystartowa\u0107 z nowym produktem na rynku.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Nowy produkt'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.business === 'Nowy produkt'}\" @mouseover=\"selectIndex = 1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Nowy produkt<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">Chc\u0119 rozszerzy\u0107 ofert\u0119 firmy o kolejny produkt.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Instniej\u0105cy produkt'\" :class=\"{'is-active' : selectIndex === 2, 'is-selected' : estimate.step_3.business === 'Instniej\u0105cy produkt'}\" @mouseover=\"selectIndex = 2\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Instniej\u0105cy produkt<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">Potrzebuj\u0119 zmiany w swoim aktualnym biznesie.<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            <!--\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Startup'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.business === 'Startup'}\" @mouseover=\"selectIndex = 0\">-->\n<!--\t\t\t\t\t\t\t\t\t\t<p>Startup<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to create a project for a completely new company<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t<\/div>-->\n<!---->\n<!--\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'New product'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.business === 'New product'}\" @mouseover=\"selectIndex = 1\">-->\n<!--\t\t\t\t\t\t\t\t\t\t<p>New product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to create a project for a  new product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t<\/div>-->\n<!---->\n<!--\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.business = 'Existing product'\" :class=\"{'is-active' : selectIndex === 2, 'is-selected' : estimate.step_3.business === 'Existing product'}\" @mouseover=\"selectIndex = 2\">-->\n<!--\t\t\t\t\t\t\t\t\t\t<p>Existing product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t\t<p class=\"label\">I want to create a project for a  existing product<\/p>-->\n<!--\t\t\t\t\t\t\t\t\t<\/div>-->\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>.<\/span>\n\t\t\t\t<\/div>\n\n\n\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t<div class=\"estimate-form__row\" v-show=\"estimate.step_3.business\">\n\t\t\t\t\t\t<span>Preferowany model rozliczeniowy to: <\/span>\n\t\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t\t<div class=\"cp-select\" id=\"select-billing\" @click.stop=\"openSelect($event)\" :class=\"{'is-active' : select === 'select-billing'}\">\n\t\t\t\t\t\t\t\t<input type=\"text\" readonly v-model=\"estimate.step_3.billing\" @keydown=\"onSelectPress($event)\">\n\n\t\t\t\t\t\t\t\t<div class=\"cp-list\">\n                                    \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.billing = 'Rozliczenie godzinowe'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.billing === 'Rozliczenie godzinowe'}\" @mouseover=\"selectIndex = 0\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Rozliczenie godzinowe<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">Rozliczamy si\u0119 na podstawie raportu<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.billing = 'Okre\u015blony bud\u017cet'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.billing === 'Okre\u015blony bud\u017cet'}\" @mouseover=\"selectIndex = 1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Okre\u015blony bud\u017cet<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"label\">Rozliczamy si\u0119 za ka\u017cdy etap projektu<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                            \n\n\t\t\t\t\t\t\t\t\t<div class=\"cp-list__footer\">\n\t\t\t\t\t\t\t\t\t\t<a @click=\"open('billing')\">Dowiedz si\u0119 wi\u0119cej o modelach rozliczeniowych<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<span>. Po zapoznaniu si\u0119 ze szczeg\u00f3\u0142ami, zaproponujemy odpowiedni model rozliczeniowy.<\/span>\n\t\t\t\t\t\t<a @click=\"open('billing')\">Dowiedz si\u0119 wi\u0119cej o modelach rozliczeniowych.<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/transition>\n\n\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t<div class=\"estimate-form__row\" v-if=\"estimate.step_3.billing\">\n\t\t\t\t\t<span>Tw\u00f3j planowany bud\u017cet na inwestycj\u0119 to:<\/span>\n\t\t\t\t\t<div class=\"form-field\">\n\t\t\t\t\t\t<div class=\"cp-select\" id=\"select-budget\" @click.stop=\"openSelect($event)\" :class=\"{'is-active' : select === 'select-budget'}\">\n\t\t\t\t\t\t\t<input type=\"text\" readonly v-model=\"estimate.step_3.budget\" @keydown=\"onSelectPress($event)\">\n\n\t\t\t\t\t\t\t<div class=\"cp-list\">\n                                \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '8 000 z\u0142 lub mniej'\" :class=\"{'is-active' : selectIndex === 0, 'is-selected' : estimate.step_3.budget === '8 000 z\u0142 lub mniej'}\" @mouseover=\"selectIndex = 0\">\n\t\t\t\t\t\t\t\t\t\t\t<p>8 000 z\u0142 lub mniej<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '8 000 z\u0142 - 15 000 z\u0142'\" :class=\"{'is-active' : selectIndex === 1, 'is-selected' : estimate.step_3.budget === '8 000 z\u0142 - 15 000 z\u0142'}\" @mouseover=\"selectIndex = 1\">\n\t\t\t\t\t\t\t\t\t\t\t<p>8 000 z\u0142 &#8211; 15 000 z\u0142<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '15 000 z\u0142 - 25 000 z\u0142'\" :class=\"{'is-active' : selectIndex === 2, 'is-selected' : estimate.step_3.budget === '15 000 z\u0142 - 25 000 z\u0142'}\" @mouseover=\"selectIndex = 2\">\n\t\t\t\t\t\t\t\t\t\t\t<p>15 000 z\u0142 &#8211; 25 000 z\u0142<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '25 000 z\u0142 - 50 000 z\u0142'\" :class=\"{'is-active' : selectIndex === 3, 'is-selected' : estimate.step_3.budget === '25 000 z\u0142 - 50 000 z\u0142'}\" @mouseover=\"selectIndex = 3\">\n\t\t\t\t\t\t\t\t\t\t\t<p>25 000 z\u0142 &#8211; 50 000 z\u0142<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '50 000 z\u0142 - 100 000 z\u0142'\" :class=\"{'is-active' : selectIndex === 4, 'is-selected' : estimate.step_3.budget === '50 000 z\u0142 - 100 000 z\u0142'}\" @mouseover=\"selectIndex = 4\">\n\t\t\t\t\t\t\t\t\t\t\t<p>50 000 z\u0142 &#8211; 100 000 z\u0142<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '100 000 z\u0142 - 200 000 z\u0142'\" :class=\"{'is-active' : selectIndex === 5, 'is-selected' : estimate.step_3.budget === '100 000 z\u0142 - 200 000 z\u0142'}\" @mouseover=\"selectIndex = 5\">\n\t\t\t\t\t\t\t\t\t\t\t<p>100 000 z\u0142 &#8211; 200 000 z\u0142<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\t\t\t\t\t\t\t\t\t\t<div class=\"cp-list__item\" @click=\"estimate.step_3.budget = '+ 200 000 z\u0142'\" :class=\"{'is-active' : selectIndex === 6, 'is-selected' : estimate.step_3.budget === '+ 200 000 z\u0142'}\" @mouseover=\"selectIndex = 6\">\n\t\t\t\t\t\t\t\t\t\t\t<p>+ 200 000 z\u0142<\/p>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n                                        \n\n\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<span>.<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t<\/transition>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"estimate-content__step\" :class=\"[ estimate.current === 4 ? 'current' : ((estimate.current < 4) ? 'next' : 'prev') ]\" id=\"step-4\">\n\t\t\t<form autocomplete=\"off\" class=\"estimate-form\">\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<div class=\"form-field form-field--textarea\">\n\t\t\t\t\t\t<textarea name=\"your-message\" v-model=\"estimate.step_4.description\" placeholder=\"Powiedz nam co\u015b o swoich potrzebach, projekcie, konkurencji itp.\" @keyup=\"resizeTextarea\" ref=\"eTextarea\" :class=\"{'is-dirty' : estimate.step_4.description}\"><\/textarea>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"estimate-form__row\">\n\t\t\t\t\t<div class=\"form-field form-field--checkbox\">\n\t\t\t\t\t\t<div class=\"checkbox\" @click=\"estimate.step_4.policy = !estimate.step_4.policy\" :class=\"{'is-checked' : estimate.step_4.policy}\"><\/div>\n\t\t\t\t\t\t<span class=\"label\">Chcia\u0142bym otrzyma\u0107 oferty od CePixel oraz zgadzam si\u0119 na przetwarzanie moich danych osobowych tylko w tej sprawie.<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/form>\n\t\t<\/div>\n\n\n\t\t<div class=\"estimate-content__step\" :class=\"[ estimate.current === 5 ? 'current' : ((estimate.current < 5) ? 'next' : 'prev') ]\" id=\"step-5\">\n\t\t\t<form autocomplete=\"off\" class=\"estimate-form\">\n\t\t\t\t<div class=\"summary\">\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Imi\u0119 i nazwisko:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_1.name }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Adres e-mail:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_1.email }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Numer telefonu:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_1.phone }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__divider\"><\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Produkty:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\">\n\t\t\t\t\t\t\t<span v-for=\"(product, i) in estimate.products\" :key=\"i\"> {{product}}\n\t\t\t\t\t\t\t\t<span v-if=\"i < estimate.products.length - 1\">, <\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Us\u0142ugi:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\">\n\t\t\t\t\t\t\t<span v-for=\"(service, i) in estimate.services\" :key=\"i\"> {{service}}\n\t\t\t\t\t\t\t\t<span v-if=\"i < estimate.services.length - 1\">, <\/span>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__divider\"><\/div>\n\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Typ biznesu:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_3.business }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Model rozliczeniowy:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_3.billing }}<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Bud\u017cet:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_3.budget }}<\/div>\n\t\t\t\t\t<\/div>\n\n\n\t\t\t\t\t<div class=\"summary__divider\"><\/div>\n\n\n\t\t\t\t\t<div class=\"summary__row\">\n\t\t\t\t\t\t<div class=\"summary__label\">Wiadomo\u015b\u0107:<\/div>\n\t\t\t\t\t\t<div class=\"summary__value\"> {{ estimate.step_4.description }}<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/form>\n\t\t<\/div>\n\n\t<\/div>\n\n\t<div class=\"estimate-footer\">\n\t\t<div class=\"estimate-footer__lines\" id=\"next-step\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" decoding=\"async\" src=\"https:\/\/cepixel.com\/pl\/wp-content\/themes\/cepixel\/assets\/images\/large-lines.svg\" data-depth=\"1.15\">\n\t\t<\/div>\n\n\t\t<div class=\"estimate-footer__logo\">\n\t\t\t<div class=\"icon icon--4\">logo<\/div>\n\t\t<\/div>\n\t\t<div class=\"btn btn--outline btn--large\" @click=\"prevStep\" :class=\"{'hide' : (estimate.current === 1 || estimate.current === 5)}\">\n\t\t\t<div class=\"btn__content\">\n\t\t\t\t<span>Poprzedni krok<\/span>\n\t\t\t<\/div>\n\n\t\t\t<span class=\"btn__svg\">\n\t\t\t\t\t<svg width=\"100%\" height=\"41\">\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t<\/defs>\n\n\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"url(#grad1)\" width=\"99.5%\" height=\"38\"><\/rect>\n\t\t\t\t\t<\/svg>\n\t\t\t<\/span>\n\t\t<\/div>\n\n\t\t<div class=\"btn btn--large\" @click=\"estimate.current !== 4 ? nextStep() : sendEstimate()\" :class=\"{'disabled' : (estimate.current === 1 &#038;&#038; (!estimate.step_1.name || !estimate.step_1.email || !estimate.step_1.phone || invalidEmail) || (estimate.current === 2 &#038;&#038; (estimate.products.length === 0 || estimate.services.length === 0)) || (estimate.current === 3 &#038;&#038; (!estimate.step_3.business || !estimate.step_3.billing || !estimate.step_3.budget)) || (estimate.current === 4 &#038;&#038; (!estimate.step_4.description || !estimate.step_4.policy))) }\">\n\t\t\t<div class=\"btn__content\">\n\t\t\t\t<span v-if=\"estimate.current < 4\">Nast\u0119pny krok<\/span>\n\t\t\t\t<span v-if=\"estimate.current === 4\">Wy\u015blij zapytanie<\/span>\n\t\t\t\t<span v-if=\"estimate.current === 5\">Powr\u00f3t do strony g\u0142\u00f3wnej<\/span>\n\t\t\t\t<div class=\"icon icon--4\">arrow_right_s<\/div>\n\t\t\t<\/div>\n\t\t\t<span class=\"btn__svg\">\n\t\t\t\t\t\t<svg width=\"100%\" height=\"41\">\n\t\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t\t<linearGradient id=\"grad1\">\n\t\t\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#fff\"><\/stop>\n\t\t\t\t\t\t\t\t<\/linearGradient>\n\t\t\t\t\t\t\t<\/defs>\n\t\t\t\t\t\t\t<rect x=\".5\" y=\"1.5\" rx=\"20\" fill=\"none\" stroke=\"url(#grad1)\" width=\"99.5%\" :height=\"38\"><\/rect>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1101,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/pages\/309"}],"collection":[{"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":35,"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"predecessor-version":[{"id":1272,"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/pages\/309\/revisions\/1272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/media\/1101"}],"wp:attachment":[{"href":"https:\/\/cepixel.com\/pl\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}