| Current Path : /home/bitrix/ext_www/royal-thermo.com.ua/v/ |
| Current File : /home/bitrix/ext_www/royal-thermo.com.ua/v/calculator.html |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<title>Радиатор и системы отопления</title>
<meta name="description" content="Project Description"/>
<meta name="keywords" content="Project keywords"/>
<!--icons-->
<link rel="apple-touch-icon" sizes="57x57" href="images/touch/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/touch/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/touch/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/touch/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/touch/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/touch/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/touch/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/touch/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/touch/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="images/touch/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/touch/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="images/touch/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/touch/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="images/touch/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="images/touch/manifest.json">
<link rel="mask-icon" href="images/touch/safari-pinned-tab.svg">
<link rel="shortcut icon" href="images/touch/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="images/touch/mstile-144x144.png">
<meta name="msapplication-config" content="images/touch/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta property="og:site_name" content="Project Name"/>
<meta property="og:url" content="https://site.com"/>
<meta property="og:title" content="Project Title"/>
<meta property="og:description" content="Project Description"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://site.com/logosocial.png"/>
<!--STYLE-->
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!--BEGIN PAGE HOLDER-->
<div class="page-holder" id="top">
<!--BEGIN HEADER-->
<header>
<div class="desktop-header">
<div class="header-top">
<div class="inner">
<div class="header-logo">
<a href="index.html">
<svg class="icon-logo">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-logo"></use>
</svg>
</a>
<div class="header-title">
Радиаторы <br/>и системы отопления
</div>
</div>
<div class="right-header">
<a href="#" class="gray-butn login-butn">
<span>Войти в Royal Bonus</span>
</a>
<ul class="header-top-nav">
<li>
<a href="press.html">Новости</a>
</li>
<li>
<a href="press.html">Пресса</a>
</li>
<li>
<a href="download.html">Скачать документы</a>
</li>
<li>
<a href="#">FAQ</a>
</li>
</ul>
<div class="header-controls">
<div class="search-holder">
<form class="search-form">
<input class="header-search-input" type="text" placeholder="Например: Радиатор чёрный"/>
<button class="gray-butn search-butn" type="submit">
<svg class="icon-search">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
</svg>
</button>
</form>
<button class="gray-butn search-butn search-trigger" type="button">
<svg class="icon-search">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
</svg>
</button>
</div>
<a href="calculator.html" class="gray-butn calculate-butn">
<svg class="icon-calculator">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-calculator"></use>
</svg>
</a>
</div>
<div class="phone-box">
<a href="tel:88004955654" class="call-to">
<svg class="icon-phone">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-phone"></use>
</svg>
8 800 495 56 54
</a>
<span>Круглосуточно</span>
</div>
</div>
</div>
</div>
<nav class="header-nav">
<div class="inner">
<ul>
<li>
<a href="catalogue.html">Каталог</a>
<ul class="dropdown-nav-list">
<li>
<a href="catalogue.html">Радиаторы отопления</a>
<ul>
<li>
<a href="#">Биметаллические</a>
<ul>
<li>
<a href="#">PIANOFORTE TOWER</a>
</li>
<li>
<a href="#">PIANOFORTE</a>
</li>
<li>
<a href="#">BILINER</a>
</li>
<li>
<a href="#">VITTORIA</a>
</li>
<li>
<a href="#">REVOLUTION BIMETALL</a>
</li>
</ul>
</li>
<li>
<a href="#">Алюминиевые</a>
<ul>
<li>
<a href="#">DREAMLINER</a>
</li>
<li>
<a href="#">INDIGO</a>
</li>
<li>
<a href="#">REVOLUTION</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Котлы</a>
</li>
<li>
<a href="#">Трубы и арматуры</a>
<ul>
<li>
<a href="#">Арматура</a>
<ul>
<li>
<a href="#">Арматура для приборов отопления</a>
</li>
<li>
<a href="#">Шаровые краны Expert</a>
</li>
</ul>
</li>
<li>
<a href="#">Шкафы распределительные</a>
</li>
<li>
<a href="#">Коллекторы</a>
</li>
<li>
<a href="#">Трубопроводы</a>
</li>
<li>
<a href="#">Комплектующие для трубопроводов</a>
</li>
</ul>
</li>
<li>
<a href="#">Дымоходы</a>
</li>
</ul>
</li>
<li>
<a href="history.html">Производство</a>
</li>
<li class="current">
<a href="seminars.html">Партнерство</a>
</li>
<li>
<a href="interior.html">Решения для интерьера</a>
</li>
<li class="right-dropdown">
<a href="#">Итальянская коллекция</a>
</li>
<li class="right-dropdown">
<a href="where.html">Где купить</a>
</li>
<li class="right-dropdown">
<a href="contacts.html">Контакты</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="mobile-header">
<div class="mobile-nav-btn mobile-header-control">
<div></div>
</div>
<a href="#" class="mobile-header-control">
<svg class="icon-calculator">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-calculator"></use>
</svg>
</a>
<a href="#" class="mobile-header-control right-control">
<svg class="icon-key">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-key"></use>
</svg>
</a>
<a href="tel:88004955654" class="mobile-header-control right-control">
<svg class="icon-phone-2">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-phone-2"></use>
</svg>
</a>
<div class="header-logo">
<a href="index.html">
<svg class="icon-logo">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-logo"></use>
</svg>
</a>
</div>
<div class="mobile-nav">
<div class="mobile-nav-holder">
<div class="search-box">
<form id="search-form">
<input class="search-input" type="text" placeholder="Поиск"/>
<button class="search-butn gray-butn" type="submit">
<svg class="icon-search">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-search"></use>
</svg>
</button>
</form>
</div>
<ul class="mobile-nav-list">
<li>
<a href="catalogue.html">Радиаторы отопления</a>
<ul>
<li>
<a href="#">Биметаллические</a>
<ul>
<li>
<a href="#">PIANOFORTE TOWER</a>
</li>
<li>
<a href="#">PIANOFORTE</a>
</li>
<li>
<a href="#">BILINER</a>
</li>
<li>
<a href="#">VITTORIA</a>
</li>
<li>
<a href="#">REVOLUTION BIMETALL</a>
</li>
</ul>
</li>
<li>
<a href="#">Алюминиевые</a>
<ul>
<li>
<a href="#">DREAMLINER</a>
</li>
<li>
<a href="#">INDIGO</a>
</li>
<li>
<a href="#">REVOLUTION</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Котлы</a>
</li>
<li>
<a href="#">Трубы и арматуры</a>
<ul>
<li>
<a href="#">Арматура</a>
<ul>
<li>
<a href="#">Арматура для приборов отопления</a>
</li>
<li>
<a href="#">Шаровые краны Expert</a>
</li>
</ul>
</li>
<li>
<a href="#">Шкафы распределительные</a>
</li>
<li>
<a href="#">Коллекторы</a>
</li>
<li>
<a href="#">Трубопроводы</a>
</li>
<li>
<a href="#">Комплектующие для трубопроводов</a>
</li>
</ul>
</li>
<li>
<a href="#">Дымоходы</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<!--end of HEADER-->
<!--BEGIN MAIN-->
<main class="main">
<!--calculator-->
<article class="calculator">
<div class="page-title">
<div class="inner">
<!--breadcrumbs-->
<ul class="breadcrumbs">
<li>
<a href="index.html">Главная</a>
</li>
<li class="current">
<a href="#">Калькулятор</a>
</li>
</ul>
<!-- end of breadcrumbs-->
<h1>Подбор радиаторов</h1>
</div>
<div class="page-title-image" data-stellar-ratio="0.8">
<img src="images/calculator-title.jpg" width="1560" height="308" alt=""/>
</div>
</div>
<div class="page-content">
<div class="inner">
<div class="calculator-text">
Для расчета числа радиаторов и количества секций воспользуйтесь данной программой расчета. Учитывая основные параметры помещения, программа рассчитывает его примерную теплопотребность и необходимое число секций радиаторов Royal Thermo. Расчет является приблизительным, для типовых жилых домов. Для помещений с большими окнами, эркерами число секций уточняйте у специалистов-монтажников.
</div>
<div class="catalogue-item">
<div class="catalogue-item-frame">
<form id="calculator-form">
<div class="calculator-column">
<div class="calculator-title">Помещение</div>
<div class="input-line">
<input class="text-input" id="size" name="size" type="text" placeholder="Площадь помещения, м²"/>
</div>
<div class="input-line">
<input class="text-input" id="height" name="height" type="text" placeholder="Высота помещения, м"/>
</div>
<div class="input-line">
<input class="text-input" id="windows" name="windows" type="text" placeholder="количество окон, шт"/>
</div>
<div class="input-line">
<input class="text-input" id="walls" name="walls" type="text" placeholder="Количество наружных стен"/>
</div>
</div>
<div class="calculator-column">
<div class="calculator-title">Радиаторы</div>
<div class="input-line">
<select class="white-select" name="radiator" title="выберите радиатор">
<option>выберите радиатор</option>
<option>радиатор</option>
<option>радиатор</option>
</select>
</div>
<div class="calculator-wt">
Теплоотдача секции, Вт:
<span>300 Вт</span>
</div>
<div class="input-line">
<select class="white-select" name="connection" title="выберите тип подключения">
<option>выберите тип подключения</option>
<option>тип подключения</option>
<option>тип подключения</option>
</select>
</div>
<div class="input-line">
<input class="text-input" id="temperature" name="temperature" type="text" placeholder="температура в помещении, ⁰С"/>
</div>
</div>
<div class="calculator-column">
<div class="calculator-title"></div>
<div class="input-line">
<select class="white-select" name="frame" title="Наличие декоративного экрана">
<option>Наличие декоративного экрана:</option>
<option>Да</option>
<option>Нет</option>
</select>
</div>
<div class="input-line">
<select class="white-select" name="serbian" title="Наличие глубокой ниши">
<option>Наличие глубокой ниши:</option>
<option>Да</option>
<option>Нет</option>
</select>
</div>
<div class="calculator-wt">
Теплопотребность помещения, Вт:
<span>10 кВт</span>
</div>
</div>
<div class="calculator-result">
<button class="white-butn" type="submit">
<span class="button-text">Рассчитать</span>
<span class="button-arrow"></span>
</button>
<div class="calculator-title">Результаты расчета</div>
<div class="calculator-result-data">
Количество секций, шт:
<span>20 шт</span>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</article>
<!-- end of calculator-->
</main>
<!--end of MAIN-->
<!--BEGIN FOOTER-->
<footer>
<div class="inner">
<div class="footer-left">
<div class="footer-logo">
<a href="index.html">
<svg class="icon-logo">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-logo"></use>
</svg>
</a>
</div>
<div class="footer-nav">
<ul>
<li>
<a href="#">Каталог</a>
</li>
<li>
<a href="history.html">Производство</a>
</li>
<li>
<a href="seminars.html">Партнерство</a>
</li>
</ul>
<ul>
<li>
<a href="interior.html">Решения для интерьера</a>
</li>
<li>
<a href="where.html">Где купить</a>
</li>
<li>
<a href="contacts.html">Контакты</a>
</li>
</ul>
<ul>
<li>
<a href="press.html">Новости</a>
</li>
<li>
<a href="press.html">Пресса</a>
</li>
<li>
<a href="download.html">Скачать документы</a>
</li>
</ul>
<ul>
<li>
<a href="#">FAQ</a>
</li>
</ul>
</div>
</div>
<div class="footer-right">
<a href="#" class="gray-butn login-butn">
<span>Войти в Royal Bonus</span>
</a>
<div class="phone-box">
<a href="tel:88004955654" class="call-to">
<svg class="icon-phone">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-phone"></use>
</svg>
8 800 495 56 54
</a>
<span>Круглосуточно</span>
</div>
<div class="footer-social">
<a href="#" target="_blank" rel="nofollow">
<svg class="icon-facebook">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-facebook"></use>
</svg>
</a>
<a href="#" target="_blank" rel="nofollow">
<svg class="icon-instagram">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-instagram"></use>
</svg>
</a>
<a href="#" target="_blank" rel="nofollow">
<svg class="icon-youtube">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-youtube"></use>
</svg>
</a>
<a href="#" target="_blank" rel="nofollow">
<svg class="icon-vk">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-vk"></use>
</svg>
</a>
<a href="#" target="_blank" rel="nofollow">
<svg class="icon-odnoklassniki">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-odnoklassniki"></use>
</svg>
</a>
<span>Присоединяйтесь</span>
<div class="feedback-btn">
<a href="#">Напишите нам</a>
</div>
</div>
</div>
<small class="footer-info">
© 2016 ООО «Royal Thermo»
<a href="#">Информация о сайте</a>
<span>Сделано в
<a href="#" target="_blank" rel="nofollow">ADLABS</a>
</span>
</small>
</div>
</footer>
<!--end of FOOTER-->
</div>
<!-- end of PAGE HOLDER-->
<div class="sticky">
<div class="inner">
<a class="up-btn anchor" href="#top">
</a>
</div>
</div>
<!--modals-->
<div class="modal-holder" id="modal-holder"></div>
<!-- end of modals-->
<!--ui-icons-->
<div id="ui-icons" class="ui-icons"></div>
<!--end of ui-icons-->
<!--JS-->
<script src="js/plugins.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>