Чому варто обрати нас

Особливості

Responsive Design

The theme is responsive, your website will look great on touch devices.

Parallax Effect

Create memorable pages with smooth parallax effects that everyone loves.

WooCommerce

Build a front page for your WooCommerce store in minutes.

Content Blocks

Change the sections contents, display each block exactly where you need it.

Підзаголовок розділу

Про нас

We provide creative solutions to clients around the world,
creating things that get attention and meaningful.

Калькулятор

Калькулятор вартості ремонту :root { --orange: #ff8c42; --text: #333; --gray-light: #f4f7f9; --border: #dfe3e8; } body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #fff; color: var(--text); padding: 20px; } .calc-wrapper { max-width: 1000px; margin: 0 auto; border: 1px solid #eee; padding: 30px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); } h1 { font-size: 28px; margin-bottom: 10px; } .subtitle { color: #777; font-size: 14px; margin-bottom: 30px; line-height: 1.4; } /* Верхняя сетка выбора */ .grid-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; } .input-box { display: flex; flex-direction: column; } .label-text { font-size: 13px; color: #999; margin-bottom: 8px; font-weight: 500; } select, input[type="number"] { padding: 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--gray-light); font-size: 15px; outline: none; } /* Нижняя сетка параметров */ .grid-bottom { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 30px; padding-top: 30px; border-top: 1px solid #eee; } .section-title { font-weight: bold; font-size: 14px; margin-bottom: 15px; color: #555; } /* Радиокнопки */ .radio-group { display: flex; flex-direction: column; gap: 12px; } .radio-label { display: flex; align-items: center; cursor: pointer; font-size: 15px; } .radio-label input { display: none; } .custom-dot { height: 18px; width: 18px; border: 2px solid #ccc; border-radius: 50%; margin-right: 12px; position: relative; background: #fff; } .radio-label input:checked + .custom-dot { border-color: var(--orange); } .radio-label input:checked + .custom-dot::after { content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background: var(--orange); border-radius: 50%; } /* Результат */ .footer-calc { margin-top: 40px; padding-top: 20px; text-align: center; } .btn-main { background: var(--orange); color: white; border: none; padding: 18px 40px; font-size: 18px; font-weight: bold; border-radius: 8px; cursor: pointer; width: 100%; transition: transform 0.1s; } .btn-main:active { transform: scale(0.98); } .total-price-tag { margin-top: 20px; font-size: 30px; font-weight: 800; color: var(--text); }

Калькулятор вартості ремонту

Значення є орієнтовним, не враховує деталей та індивідуальних особливостей об’єкта.

Що ремонтуємо Квартиру Приватний будинок Офіс
Тип нерухомості Новобудова Вторинний ринок
Площа об’єкта (м²)
Покриття підлоги
Стіни
Стеля
Кількість санвузлів
0 ₴
function calculate() { // 1. Отримуємо значення з полів const area = parseFloat(document.getElementById('area').value) || 0; const typeMultiplier = parseFloat(document.getElementById('objType').value); const baseWorkPrice = parseFloat(document.getElementById('realtyType').value); // 2. Отримуємо вибрані радіокнопки const floorPrice = parseFloat(document.querySelector('input[name="floor"]:checked').value); const wallsPrice = parseFloat(document.querySelector('input[name="walls"]:checked').value); const ceilingPrice = parseFloat(document.querySelector('input[name="ceiling"]:checked').value); const wcCount = parseFloat(document.querySelector('input[name="wc"]:checked').value); // 3. Розрахунок // (Площа * (База + Підлога + Стіни + Стеля)) * Коефіцієнт типу об'єкта let total = area * (baseWorkPrice + floorPrice + wallsPrice + ceilingPrice); total = total * typeMultiplier; // 4. Доплата за додаткові санвузли (наприклад, по 15 000 грн за кожний після першого) if (wcCount > 1) { total += (wcCount - 1) * 15000; } // 5. Форматування виводу в гривнях (український стандарт) document.getElementById('totalOutput').innerText = Math.round(total).toLocaleString('uk-UA') + ' ₴'; } // Запускаємо розрахунок відразу при завантаженні сторінки window.onload = calculate;

Калькулятор

Калькулятор вартості ремонту :root { --orange: #ff8c42; --text: #333; --gray-light: #f4f7f9; --border: #dfe3e8; } body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #fff; color: var(--text); padding: 20px; } .calc-wrapper { max-width: 1000px; /* Змінено з 900px на 1000px */ margin: 0 auto; border: 1px solid #eee; padding: 30px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); } h1 { font-size: 28px; margin-bottom: 10px; } .subtitle { color: #777; font-size: 14px; margin-bottom: 30px; line-height: 1.4; } /* Верхня сетка выбора */ .grid-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 30px; } .input-box { display: flex; flex-direction: column; } .label-text { font-size: 13px; color: #999; margin-bottom: 8px; font-weight: 500; } select, input[type="number"] { padding: 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--gray-light); font-size: 15px; outline: none; } /* Нижняя сетка параметров */ .grid-bottom { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 30px; padding-top: 30px; border-top: 1px solid #eee; } .section-title { font-weight: bold; font-size: 14px; margin-bottom: 15px; color: #555; } /* Радиокнопки */ .radio-group { display: flex; flex-direction: column; gap: 12px; } .radio-label { display: flex; align-items: center; cursor: pointer; font-size: 15px; } .radio-label input { display: none; } .custom-dot { height: 18px; width: 18px; border: 2px solid #ccc; border-radius: 50%; margin-right: 12px; position: relative; background: #fff; } .radio-label input:checked + .custom-dot { border-color: var(--orange); } .radio-label input:checked + .custom-dot::after { content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background: var(--orange); border-radius: 50%; } /* Результат */ .footer-calc { margin-top: 40px; padding-top: 20px; text-align: center; } .btn-main { background: var(--orange); color: white; border: none; padding: 18px 40px; font-size: 18px; font-weight: bold; border-radius: 8px; cursor: pointer; width: 100%; transition: transform 0.1s; } .btn-main:active { transform: scale(0.98); } .total-price-tag { margin-top: 20px; font-size: 30px; font-weight: 800; color: var(--text); }

Калькулятор вартості ремонту

Значення є орієнтовним, не враховує деталей та індивідуальних особливостей об’єкта.

Що ремонтуємо Квартиру Приватний будинок Офіс
Тип нерухомості Новобудова Вторинний ринок
Площа об’єкта (м²)
Покриття підлоги
Стіни
Стеля
Кількість санвузлів
0 ₴
function calculate() { const area = parseFloat(document.getElementById('area').value) || 0; const typeMultiplier = parseFloat(document.getElementById('objType').value); const baseWorkPrice = parseFloat(document.getElementById('realtyType').value); const floorPrice = parseFloat(document.querySelector('input[name="floor"]:checked').value); const wallsPrice = parseFloat(document.querySelector('input[name="walls"]:checked').value); const ceilingPrice = parseFloat(document.querySelector('input[name="ceiling"]:checked').value); const wcCount = parseFloat(document.querySelector('input[name="wc"]:checked').value); let total = area * (baseWorkPrice + floorPrice + wallsPrice + ceilingPrice); total = total * typeMultiplier; if (wcCount > 1) { total += (wcCount - 1) * 15000; } document.getElementById('totalOutput').innerText = Math.round(total).toLocaleString('uk-UA') + ' ₴'; } window.onload = calculate;
Підзаголовок розділу

Наші послуги

Калькулятор

Калькулятор вартості ремонту Калькулятор вартості ремонту Значення є орієнтовним, не враховує деталей та індивідуальних особливостей об’єкта. Що ремонтуємо КвартируПриватний будинокОфіс Тип нерухомості НовобудоваВторинний ринок Площа об’єкта (м²) Покриття підлоги Ламінат …

Калькулятор

Калькулятор вартості ремонту Калькулятор вартості ремонту Значення є орієнтовним. Заповніть форму, щоб отримати детальний розрахунок на пошту. Що ремонтуємо КвартируПриватний будинокОфіс Тип нерухомості НовобудоваВторинний ринок Площа (м²) Покриття підлоги Ламінат …

Калькулятор

Калькулятор вартості ремонту Калькулятор вартості ремонту Оберіть параметри, а нижче заповніть форму, щоб ми надіслали вам детальний кошторис. Що ремонтуємо КвартируПриватний будинокОфіс Тип нерухомості НовобудоваВторинний ринок Площа (м²) Покриття підлоги …

Калькулятор

Что ремонтируем КвартируДом / КоттеджОфис Тип недвижимости НовостройкаВторичка Площадь объекта (м²) Дизайн-проект (-50%) Не нуженНужен проект Покрытие пола Ламинат Паркет / Доска Стены Обои Покраска Декоративные Потолок Гипсокартон Натяжной Кол-во …

Parallax Effect - Perfected

Some Fun Facts about our agency?
368
Projects completed
99 %
Positive feedback
254
Pizzas ordered
$ 32
Average cost per hour
Підзаголовок розділу

Наша команда

Підзаголовок розділу

Останні новини

Responsive

Markup: Text Alignment

Default This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free …

Markup / Responsive

Markup: Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab …

Читайте наш блог
Підзаголовок розділу

Зв'язатися з нами

WE ARE ACCEPTING NEW PROJECTS.

Dorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar scelerisque dictum. Donec iaculis, diam sit amet suscipit feugiat, diam magna volutpat augue.

Consectetur adipiscing elit. Suspendisse pulvinar scelerisque dictum. Donec iaculis, diam sit amet suscipit feugiat, diam magna volutpat augue.



Pulvinar scelerisque

1 Infinite Loop
Cupertino
CA 95014
United States
1.123.456.789
contact@company.com
Fax: (123) 123-4567