Your IP : 3.135.202.58


Current Path : /home/bitrix/ext_www/royal-thermo.com.ua/v/
Upload File :
Current File : /home/bitrix/ext_www/royal-thermo.com.ua/v/index.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>
                                <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">

            <!--hero-->
            <div class="hero">
                <div class="hero-slider-holder">
                    <div class="hero-slider">

                        <div class="slide-holder">
                            <div class="hero-slide">
                                <div class="hero-slide-text">
                                    <div class="hero-slide-title">
                                        РАДИАТОРЫ И СИСТЕМЫ ОТОПЛЕНИЯ ОТ ВЕДУЩЕГО ПРОИЗВОДИТЕЛЯ. <br/>ДИЗАЙН. НАДЕЖНОСТЬ. ФУНКЦИОНАЛЬНОСТЬ
                                    </div>
                                    <div class="hero-slide-flags">
                                        <picture>
                                          <source srcset="images/flags/flag-1.png, images/flags/flag-1@2x.png 2x"/>
                                          <img src="images/flags/flag-1.png" alt=""/>
                                        </picture>
                                        <picture>
                                          <source srcset="images/flags/flag-2.png, images/flags/flag-2@2x.png 2x"/>
                                          <img src="images/flags/flag-2.png" alt=""/>
                                        </picture>
                                    </div>
                                    <p>
                                        Складская программа алюминиевых и биметаллических радиаторов отопления производства Италии и РФ
                                    </p>
                                    <a href="#" class="red-butn">
                                        <span>Подробнее</span>
                                        <span class="button-arrow"></span>
                                    </a>
                                </div>
                                <div class="hero-slide-image">
                                    <picture>
                                        <source media="(max-width:480px)" srcset="images/hero-slide-1-480.jpg"/>
                                        <source media="(max-width:980px)" srcset="images/hero-slide-1-980.jpg"/>
                                        <source srcset="images/hero-slide-1.jpg"/>
                                        <img src="images/hero-slide-1.jpg" alt=""/>
                                    </picture>
                                </div>
                            </div>
                        </div>

                        <div class="slide-holder">
                            <div class="hero-slide">
                                <div class="hero-slide-text">
                                    <div class="hero-slide-title with-line">
                                        Мощность <br/>производства 12 млн. <br/>секций в год.
                                    </div>
                                    <p>
                                        Собственные R&D центры,  20 международных патентов, страховая гарантия на радиаторы в 1 000 000 долл .
                                    </p>
                                    <a href="#" class="red-butn">
                                        <span>Подробнее</span>
                                        <span class="button-arrow"></span>
                                    </a>
                                </div>
                                <div class="hero-slide-image">
                                    <picture>
                                      <source media="(max-width:480px)" srcset="images/hero-slide-2-480.jpg"/>
                                      <source media="(max-width:980px)" srcset="images/hero-slide-2-980.jpg"/>
                                      <source srcset="images/hero-slide-2.jpg"/>
                                      <img src="images/hero-slide-2.jpg" alt=""/>
                                    </picture>
                                </div>
                            </div>
                        </div>

                        <div class="slide-holder">
                            <div class="hero-slide">
                                <div class="hero-slide-text">
                                    <div class="hero-slide-title with-line">
                                        НОВЕЙШИЕ ТЕХНОЛОГИИ <br/>В ОТОПЛЕНИИ ОТ ВЕДУЩЕГО <br/>ЕВРОПЕЙСКОГО ПРОИЗВОДИТЕЛЯ
                                    </div>
                                    <p>
                                        Производство высокотехнологичных биметаллических
                                        и алюминиевых радиаторов отопления методом
                                        литья под давлением
                                    </p>
                                    <a href="#" class="red-butn">
                                        <span>Подробнее</span>
                                        <span class="button-arrow"></span>
                                    </a>
                                </div>
                                <div class="hero-slide-image">
                                    <picture>
                                      <source media="(max-width:480px)" srcset="images/hero-slide-3-480.jpg"/>
                                      <source media="(max-width:980px)" srcset="images/hero-slide-3-980.jpg"/>
                                      <source srcset="images/hero-slide-3.jpg"/>
                                      <img src="images/hero-slide-3.jpg" alt=""/>
                                    </picture>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="slider-btn hero-prev light-btn">
                        <svg class="icon-prev"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-prev"></use></svg>
                    </div>
                    <div class="slider-btn hero-next light-btn">
                        <svg class="icon-next"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-next"></use></svg>
                    </div>
                </div>
            </div>
            <!-- end of hero-->

            <!--category-->
            <section class="category">
                <div class="inner">
                    <h2>
                        Каталог
                        <mark>Более 2000 товаров всегда в наличии на складе!</mark>
                    </h2>
                    <div class="category-list">
                        <div class="category-list-item">
                            <div class="category-image image-row">
                                <div class="image-cell">
                                    <picture>
                                        <source srcset="images/category-1.png, images/category-1@2x.png 2x"/>
                                        <img src="images/category-1.png" alt=""/>
                                    </picture>
                                </div>
                            </div>
                            <div class="category-name">Радиаторы отопления</div>
                            <a href="catalogue.html"></a>
                        </div>

                        <div class="category-list-item">
                            <div class="category-image image-row">
                                <div class="image-cell">
                                    <picture>
                                        <source srcset="images/category-2.png, images/category-2@2x.png 2x"/>
                                        <img src="images/category-2.png" alt=""/>
                                    </picture>
                                </div>
                            </div>
                            <div class="category-name">Котлы</div>
                            <a href="#"></a>
                        </div>

                        <div class="category-list-item">
                            <div class="category-image image-row">
                                <div class="image-cell">
                                    <picture>
                                        <source srcset="images/category-3.png, images/category-3@2x.png 2x"/>
                                        <img src="images/category-3.png" alt=""/>
                                    </picture>
                                </div>
                            </div>
                            <div class="category-name">Дымоходы</div>
                            <a href="#"></a>
                        </div>

                        <div class="category-list-item">
                            <div class="category-image image-row">
                                <div class="image-cell">
                                    <picture>
                                        <source srcset="images/category-4.png, images/category-4@2x.png 2x"/>
                                        <img src="images/category-4.png" alt=""/>
                                    </picture>
                                </div>
                            </div>
                            <div class="category-name">Трубы и арматура</div>
                            <a href="#"></a>
                        </div>
                    </div>
                </div>
            </section>
            <!--category-->

            <!--manufacture-->
            <section class="manufacture">
                <div class="inner">
                    <h2>
                        Производство
                        <mark>Предприятия в Италии и России общим объемом производства <br/>12 млн секций радиаторов отопления в год. </mark>
                    </h2>

                    <div class="manufacture-item italy modal-trigger" data-target="video-1-modal">
                        <div class="manufacture-item-frame">
                            <div class="manufacture-photo">
                                <img src="images/factory-1.jpg" width="262" height="150" alt=""/>
                                <svg class="icon icon-play"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-play"></use></svg>
                            </div>
                            <div class="manufacture-location">
                                <picture>
                                    <source srcset="images/flags/flag-1.png, images/flags/flag-1@2x.png 2x"/>
                                    <img src="images/flags/flag-1.png" alt=""/>
                                </picture>
                                <span>Завод в Орджано (Италия)</span>
                            </div>
                        </div>
                    </div>


                    <div class="manufacture-item russia modal-trigger" data-target="video-2-modal">
                        <div class="manufacture-item-frame">
                            <div class="manufacture-photo">
                                <img src="images/factory-2.jpg" width="262" height="150" alt=""/>
                                <svg class="icon icon-play"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-play"></use></svg>
                            </div>
                            <div class="manufacture-location">
                                <picture>
                                    <source srcset="images/flags/flag-2.png, images/flags/flag-2@2x.png 2x"/>
                                    <img src="images/flags/flag-2.png" alt=""/>
                                </picture>
                                <span>Завод в г. Киржач (РФ)</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="manufacture-image" data-stellar-ratio="0.9">
                    <picture>
                      <source media="(max-width:480px)" srcset="images/globe-480.jpg"/>
                      <source srcset="images/globe.jpg"/>
                      <img src="images/globe.jpg" alt=""/>
                    </picture>
                    <div class="manufacture-item-line italy"></div>
                    <div class="manufacture-item-line russia"></div>
                </div>
            </section>
            <!--end of manufacture-->

            <!--banners-->
            <div class="banners">
                <div class="inner">

                    <div class="banners-item">
                        <div class="banner-text">
                            <div class="banner-name">Royal Bonus <br/>программа лояльности</div>
                            <p>Разработана для специалистов <br/>в области отопления и проектировщиков <br/>аботающих в проектных институтах</p>
                        </div>

                        <div class="banner-bts">
                            <a href="#" class="banner-butn">
                                Подробнее
                                <span class="button-arrow"></span>
                            </a>
                        </div>

                        <img src="images/banner-1.jpg" width="490" height="202" alt=""/>
                    </div>

                    <div class="banners-item">
                        <div class="banner-text">
                            <div class="banner-name">Страховая программа</div>
                            <p>Радиаторы Royal Termo Застрахованы на сумму  1 000 000 $</p>
                        </div>
                        <div class="banner-bts">
                            <a href="#" class="banner-butn">
                                Подробнее
                                <span class="button-arrow"></span>
                            </a>
                        </div>

                        <img src="images/banner-2.jpg" width="360" height="202" alt=""/>
                    </div>

                    <div class="banners-item centered">
                        <div class="banner-text">
                            <div class="banner-name">
                                <svg class="icon icon-calculator"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-calculator"></use></svg>
                                Помощь в расчете
                            </div>
                        </div>
                        <div class="banner-bts">
                            <a href="#" class="banner-butn half-butn">
                                Радиаторов
                            </a>

                            <a href="#" class="banner-butn half-butn">
                                Котлов
                            </a>
                        </div>

                        <img src="images/banner-3.jpg" width="360" height="202" alt=""/>
                    </div>

                </div>
            </div>
            <!-- end of banners-->

            <!--technology-->
            <section class="technology" data-stellar-background-ratio="0.7">
                <div class="inner">
                    <h2>
                        Технологии и инновации
                        <mark>Более 20 международных патентов. Сертификация производства <br/>по международным стандартам ISO 9001, ISO 14001</mark>
                    </h2>

                    <div class="technology-item">
                        <div class="technology-name">Этапы производства радиаторов <br/>отопления Royal Thermo</div>
                        <img src="images/technology-1.jpg" width="618" height="163" alt=""/>
                        <div class="banner-bts">
                            <a href="#" class="banner-butn">
                                Подробнее
                                <span class="button-arrow"></span>
                            </a>
                        </div>
                    </div>

                    <div class="technology-item">
                        <div class="technology-name">Инновации радиаторов <br/>отопления Royal Thermo</div>
                        <img src="images/technology-2.jpg" width="618" height="163" alt=""/>
                        <div class="banner-bts">
                            <a href="#" class="banner-butn">
                                Подробнее
                                <span class="button-arrow"></span>
                            </a>
                        </div>
                    </div>

                </div>
            </section>
            <!-- end of technology-->

            <!--news-->
            <div class="news-preview">
                <div class="inner">
                    <div class="news-preview-list">
                        <div class="news-preview-link">
                            <a href="#" class="banner-butn">
                                Все новости
                                <span class="button-arrow"></span>
                            </a>
                        </div>

                        <div class="news-preview-item">
                            <div class="news-preview-frame">
                                <div class="news-preview-name">
                                    В Торгово-промышленной палате договорились о мерах регулирования рынка систем отопления
                                </div>
                                <div class="banner-bts">
                                    <a href="#" class="banner-butn">
                                        Подробнее
                                        <span class="button-arrow"></span>
                                    </a>
                                </div>
                                <time class="news-preview-date" datetime="2016-01-01 00:00:00">04.04.2016</time>
                                <img src="images/preview-1.jpg" width="359" height="239" alt=""/>
                            </div>
                        </div>

                        <div class="news-preview-item">
                            <div class="news-preview-frame">
                                <div class="news-preview-name">
                                    На MosBuild 2016 впервые представлена экспозиция отечественных систем отопления
                                </div>
                                <div class="banner-bts">
                                    <a href="#" class="banner-butn">
                                        Подробнее
                                        <span class="button-arrow"></span>
                                    </a>
                                </div>
                                <time class="news-preview-date" datetime="2016-01-01 00:00:00">04.04.2016</time>
                                <img src="images/preview-2.jpg" width="359" height="239" alt=""/>
                            </div>
                        </div>

                        <div class="news-preview-item">
                            <div class="news-preview-frame">
                                <div class="news-preview-name">
                                    Поездка партнеров Royal Thermo на завод по производству радиаторов и трубопроводов
                                </div>
                                <div class="banner-bts">
                                    <a href="#" class="banner-butn">
                                        Подробнее
                                        <span class="button-arrow"></span>
                                    </a>
                                </div>
                                <time class="news-preview-date" datetime="2016-01-01 00:00:00">04.04.2016</time>
                                <img src="images/preview-3.jpg" width="359" height="239" alt=""/>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end of news-->

            <!--portfolio-->
            <section class="portfolio">
                <h2>Объекты с оборудованием Royal Thermo</h2>

                <div class="inner">
                    <div class="portfolio-slider">

                        <div class="portfolio-slide">
                            <div class="portfolio-item">
                                <div class="portfolio-item-frame">
                                    <div class="portfolio-item-image">
                                        <img src="images/portfolio-1.jpg" width="618" height="450" alt=""/>
                                    </div>

                                    <div class="portfolio-item-text">
                                        <div class="portfolio-item-name">г. Уфа</div>
                                        <p>Оборудование: комплексная поставка радиаторов и запорной арматуры Royal Thermo </p>
                                    </div>

                                    <!--<a class="fancy" href="images/portfolio-1.jpg" data-fancybox-group="gallery"></a>-->
                                </div>
                            </div>
                        </div>

                        <div class="portfolio-slide">
                            <div class="portfolio-item">
                                <div class="portfolio-item-frame">
                                    <div class="portfolio-item-image">
                                        <img src="images/portfolio-2.jpg" width="618" height="450" alt=""/>
                                    </div>

                                    <div class="portfolio-item-text">
                                        <div class="portfolio-item-name">г. Оренбург</div>
                                        <p>Оборудование: Радиаторы Evolution 500</p>
                                    </div>
                                    <!--<a class="fancy" href="images/portfolio-2.jpg" data-fancybox-group="gallery"></a>-->
                                </div>
                            </div>
                        </div>

                        <div class="portfolio-slide">
                            <div class="portfolio-item">
                                <div class="portfolio-item-frame">
                                    <div class="portfolio-item-image">
                                        <img src="images/portfolio-1.jpg" width="618" height="450" alt=""/>
                                    </div>

                                    <div class="portfolio-item-text">
                                        <div class="portfolio-item-name">г. Уфа</div>
                                        <p>Оборудование: комплексная поставка радиаторов и запорной арматуры Royal Thermo </p>
                                    </div>
                                    <!--<a class="fancy" href="images/portfolio-1.jpg" data-fancybox-group="gallery"></a>-->
                                </div>
                            </div>
                        </div>

                        <div class="portfolio-slide">
                            <div class="portfolio-item">
                                <div class="portfolio-item-frame">
                                    <div class="portfolio-item-image">
                                        <img src="images/portfolio-2.jpg" width="618" height="450" alt=""/>
                                    </div>

                                    <div class="portfolio-item-text">
                                        <div class="portfolio-item-name">г. Оренбург</div>
                                        <p>Оборудование: Радиаторы Evolution 500</p>
                                    </div>
                                    <!--<a class="fancy" href="images/portfolio-2.jpg" data-fancybox-group="gallery"></a>-->
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="portfolio-controls">
                        <div class="slider-btn portfolio-prev">
                            <svg class="icon-prev"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-prev"></use></svg>
                        </div>
                        <div class="portfolio-dots"></div>
                        <div class="slider-btn portfolio-next">
                            <svg class="icon-next"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-next"></use></svg>
                        </div>
                    </div>

                </div>
            </section>
            <!-- end of portfolio-->

        </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">
                    &copy; 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>