<meta charset="UTF-8">

<meta name="description" content="Beautiful Responsive Animated OnePage Template" />

<meta name="keywords" content="Zerif, responsive, html, template, creative"/>

<meta name="author" content="Mizanur Rahman" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Перетяжка мебели в Киеве и области</title>

<link rel="shortcut icon" href="images/images.jpg">

<link rel="stylesheet" href="css/bootstrap.min.css">

<link rel="stylesheet" href="css/owl.theme.css">

<link rel="stylesheet" href="css/owl.carousel.css">

<link rel="stylesheet" href="css/jquery.vegas.min.css">

<link rel="stylesheet" href="css/animate.min.css">

<link rel="stylesheet" href="assets/icon-fonts/styles.css">

<link rel="stylesheet" href="css/pixed-icons.css">

<!-- CUSTOM STYLES -->

<link rel="stylesheet" href="css/styles.css">

<link rel="stylesheet" href="css/responsive.css">

<!-- WEBFONT -->

<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,400italic|Montserrat:700,400|Homemade+Apple' rel='stylesheet' type='text/css'>

<!--[if lt IE 9]>

<!-- JQUERY -->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<header id="home" class="header">

<div id="main-nav" class="navbar navbar-inverse bs-docs-nav" role="banner">

<div class="container">

<div class="navbar-header responsive-logo">

<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar-collapse">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<div class="navbar-brand">

<img src="images/logo.png" alt="Logo" style="height: 40px;">

</div>

</div>

<nav class="navbar-collapse collapse" role="navigation" id="bs-navbar-collapse">

<ul class="nav navbar-nav navbar-right responsive-nav main-nav-list">

<li><a href="#home">Главная</a></li>

<li><a href="#focus">Наши цели</a></li>

<li><a href="#aboutus">О Нас</a></li>

<li><a href="#pricingtable">Цены</a></li>

<li><a href="#products">Каталог тканей</a></li>

<li><a href="#contact">Контакты</a></li>

</ul>

</nav>

</div>

</div>

<!-- / END TOP BAR -->

<!-- BIG HEADING WITH CALL TO ACTION BUTTONS AND SHORT MESSAGES -->

<div class="container">

<!-- HEADING -->

<h1 class="intro">Перетяжка мебели в Киеве и области</h1>

<!-- CALL TO ACTION BUTTONS -->

<div class="buttons inpage-scroll">

<a href="#contact" class="btn btn-primary custom-button red-btn">Рассчитать стоимость перетяжки</a>

<a href="#contact" class="btn btn-primary custom-button green-btn">Заказать бесплатно мастера</a>

</div>

<!-- 3 SHORT MESSAGE ABOUT COMPANY -->

<div class="row bottom-message-section">

<div class="col-lg-4 col-sm-4">

<div class="short-text">

<i class="icon icon-fontawesome-webfont-358"></i> Фиксированная цена

</div>

</div>

<div class="col-lg-4 col-sm-4">

<div class="short-text">

<i class="icon-fontawesome-webfont-286"></i> Качественный продукт в сроки

</div>

</div>

<div class="col-lg-4 col-sm-4">

<div class="short-text">

<i class="icon-fontawesome-webfont-347"></i> Экономия денег

</div>

</div>

</div>

</div> <!-- / END BIG HEADING WITH CALL TO ACTION BUTTONS AND SHORT MESSAGES -->

</header> <!-- / END HOME SECTION -->

<section class="focus" id="focus">

<div class="container">

<!-- SECTION HEADER -->

<div class="section-header">

<!-- SECTION TITLE -->

<h2 class="dark-text">Наши цели</h2>

<!-- SHORT DESCRIPTION ABOUT THE SECTION -->

<h6>

Почему перетяжка всегда выгоднее покупки новой мебели?

</h6>

</div>

<!-- / END SECTION HEADER -->

<!-- 4 FOCUS BOXES -->

<div class="row">

<!-- FIRST FOCUS BOXES -->

<div class="col-lg-3 col-sm-3 focus-box red wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="service-icon">

<i class="pixeden pd-icon-focus1"></i> <!-- FOCUS ICON-->

</div>

<h5 class="red-border-bottom">СВОБОДА ВЫБОРА</h5> <!-- FOCUS HEADING -->

<p> <!-- FOCUS DESCRIPTION -->

Большой ассортимент современных обивочных материалов против ассортимента мебельных магазинов — счет явно не в пользу последних.

</p>

</div>

<!-- / END FIRST FOCUS BOX. Other boxes has same format -->

<div class="col-lg-3 col-sm-3 focus-box green wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="service-icon">

<span class="pixeden pd-icon-focus2"></span>

</div>

<h5 class="green-border-bottom">ОТЛИЧНОЕ КАЧЕСТВО</h5>

<p>

По мнению специалистов, мебель, произведенная 5–10 лет назад, по качеству превосходит многие современные модели средней ценовой категории.

</p>

</div>

<div class="col-lg-3 col-sm-3 focus-box blue wow fadeInRight animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="service-icon">

<i class="pixeden pd-icon-focus3"></i>

</div>

<h5 class="blue-border-bottom">ЭКОНОМИЯ ДЕНЕГ</h5>

<p>

Восстановление старой мебели всегда обходится дешевле, чем покупка новой. В результате Вы получаете практически новую мебель за гораздо меньшие деньги.

</p>

</div>

<div class="col-lg-3 col-sm-3 focus-box yellow wow fadeInRight animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="service-icon">

<i class="pixeden pd-icon-focus4"></i>

</div>

<h5 class="yellow-border-bottom">ЭКОНОМИЯ ВРЕМЕНИ</h5>

<p>

Изматывающие походы по мебельным магазинам отпадают сами собой. Ваш любимый диван, в обновленном виде, точно впишется в интерьер квартиры. Новое не всегда лучше и удобнее старого.

</p>

</div>

</div>

<!-- / END 4 FOCUS BOXES -->

</div> <!-- / END CONTAINER -->

</section> <!-- / END FOCUS SECTION -->

<section class="about-us" id="aboutus">

<div class="container">

<!-- SECTION HEADER -->

<div class="section-header">

<!-- SECTION TITLE -->

<h2 class="white-text">О Нас</h2>

<!-- SHORT DESCRIPTION ABOUT THE SECTION -->

<h6 class="white-text">

</h6>

</div>

<!-- / END SECTION HEADER -->

<!-- 3 COLUMNS OF ABOUT US-->

<div class="row">

<!-- COLUMN 1 - BIG MESSAGE ABOUT THE COMPANY-->

<div class="col-lg-4 col-md-4 column">

<div class="big-intro wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

Подарим Новую Жизнь Вашему Дивану

</div>

</div>

<!-- COLUMN 2 - BRIEF ABOUT THE COMPANY-->

<div class="col-lg-4 col-md-4 column">

<p class="wow fadeInUp animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

Основная специализация нашей мастерской – работа с обивкой мебели и мягкими частями мебели. Мы быстро и качественно поможем вам c:

Перетяжкой диванов, кресел, стульев.</br>

Ремонтом и заменой обивки кожаной мебели (в том числе кож. зам.).</br>

Частичным ремонтом или перетяжкой мебели (только подушки и подлокотники).</br></br>

Мы выполняем работы с мягкой мебели «под ключ» и вместе с заменой обивки можем выполнить:</br>

Укрепление и восстановление каркаса</br>

Склейка стульев</br>

Замена наполнителя</br>

Замена мебельных ремней или лент</br>

Замена пружинных блоков</br>

Ремонт и замена механизмов трансформации</br>

Изготовление подушек</br>

</p>

</div>

<!-- COLUMN 1 - SKILSS-->

<div class="col-lg-4 col-md-4 column">

<ul class="skills wow fadeInRight animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<!-- SKILL ONE -->

<li class="skill">

<div class="skill-count">

<input type="text" value="20" data-thickness=".2" class="skill1">

</div>

<h6>Вы звоните нам и вызываете мастера-эксперта</h6>

</li>

<!-- SKILL TWO -->

<li class="skill">

<div class="skill-count">

<input type="text" value="40" data-thickness=".2" class="skill2">

</div>

<h6>Выбираете вариант доставки мебели в мастерскую</h6>

</li>

<!-- SKILL THREE -->

<li class="skill">

<div class="skill-count">

<input type="text" value="60" data-thickness=".2" class="skill3">

</div>

<h6>Заключаете договор</h6>

</li>

<!-- SKILL FOUR -->

<li class="skill">

<div class="skill-count">

<input type="text" value="80" data-thickness=".2" class="skill4">

</div>

<h6>Ремонтные работы</h6>

</li>

<li class="skill">

<div class="skill-count">

<input type="text" value="100" data-thickness=".2" class="skill4">

</div>

<h6>Доставка обратно и окончательный расчет</h6>

</li>

</ul>

</div> <!-- / END SKILLS COLUMN-->

</div> <!-- / END 3 COLUMNS OF ABOUT US-->

</div> <!-- / END CONTAINER -->

</section> <!-- END ABOUT US SECTION -->

<section class="purchase-now">

<div class="container">

<div class="row">

<div class="col-md-9">

<h3 class="white-text wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

При заказе перетяжки мебели Вы получаете 10% скидки на установку французских натяжных потолков! </h3>

</div>

<div class="col-md-3 wow fadeInRight animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<a href="" class="btn btn-primary custom-button red-btn">Заказать</a>

</div>

</div>

</div>

<section class="packages" id="pricingtable">

<div class="container">

<!-- SECTION HEADER -->

<div class="section-header">

<!-- SECTION TITLE -->

<h2 class="white-text">Цены</h2>

<!-- SHORT DESCRIPTION ABOUT THE SECTION -->

<h6 class="white-text">

У нас есть 4 дружественных предложения для вас. Проверьте все предложения и выберете правильный выбор для Вас.

</h6>

</div>

<!-- / END SECTION HEADER -->

<div class="row">

<!-- FIRST PACKAGE -->

<div class="col-lg-3 col-sm-3">

<div class="package wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="package-header green-bg">

<h5>Стульчик</h5>

</div>

<div class="price dark-bg">

<div class="price-container">

<h4><span class="dollar-sign">грн</span>30</h4><span class="price-meta">

</span>

</div>

</div>

<a href="#" class="btn btn-primary custom-button green-btn">

Заказать</a>

</div>

</div> <!-- / END FIRST PACKAGE -->

<div class="col-lg-3 col-sm-3">

<div class="package wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="package-header blue-bg">

<h5>Кухонный уголок</h5>

</div>

<div class="price dark-bg">

<div class="price-container">

<h4><span class="dollar-sign">грн</span>250</h4>

</div>

</div>

<a href="#" class="btn btn-primary custom-button blue-btn">

Заказать</a>

</div>

</div>

<div class="col-lg-3 col-sm-3">

<div class="best-value">

<div class="package wow fadeInUp animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="package-header red-bg">

<h4>Кресло</h4>

</div>

<div class="price dark-bg">

<h4><span class="dollar-sign">грн</span>350</h4>

</div>

<a href="#" class="btn btn-primary custom-button red-btn">

Заказать</a>

</div>

</div>

</div>

<div class="col-lg-3 col-sm-3">

<div class="package wow fadeInRight animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="package-header yellow-bg">

<h5>Диван</h5>

</div>

<div class="price dark-bg">

<h4><span class="dollar-sign">грн</span>600</h4>

</div>

<a href="#" class="btn btn-primary custom-button yellow-btn">

Заказать</a>

</div>

</div>

</div> <!-- / END PACKAGES -->

</div> <!--END CONTAINER -->

</section> <!-- END PACKAGES SECTION -->

<section class="products" data-type="background" data-speed="1" id="products">

<div class="color-overlay">

<div class="container">

<!-- SECTION HEADER -->

<div class="section-header">

<!-- SECTION TITLE -->

<h2 class="white-text">Каталог тканей</h2>

<!-- SHORT DESCRIPTION ABOUT THE SECTION -->

<h6 class="white-text">

Ассортимент компании насчитывает более 100 наименований.

</h6>

</div>

<!-- / END SECTION HEADER -->

<!-- PRODUCTS -->

<div class="row wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<!-- SINGLE PRODUCT -->

<div class="col-md-4">

<div class="item item-1">

<div class="item-overlay">

</div>

<div class="item-content">

<div class="item-top-content">

<div class="item-top-content-inner">

<div class="item-product">

<div class="item-top-title">

<h5>Фатин жаккард</h5> <!-- PRODUCT TITLE-->

<p class="subdescription">

Корея

</p> <!-- PRODUCT DESCRIPTION-->

</div>

</div>

</div>

</div>

<!-- ITEM HOVER CONTENT-->

<div class="item-add-content">

<div class="item-add-content-inner">

<div class="section">

</div>

<div class="section">

<a href="#" class="btn btn-primary custom-button green-btn">Описание</a>

</div>

</div>

</div>

</div>

</div>

</div> <!-- / END FIRST ITEM -->

<div class="col-md-4">

<div class="item item-2">

<div class="item-overlay">

</div>

<div class="item-content">

<div class="item-top-content">

<div class="item-top-content-inner">

<div class="item-product">

<div class="item-top-title">

<h5>Органза</h5>

<p class="subdescription">

Италий

</p>

</div>

</div>

</div>

</div>

<div class="item-add-content">

<div class="item-add-content-inner">

<div class="section">

</div>

<div class="section">

<a href="#" class="btn btn-primary custom-button green-btn">Описание</a>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="col-md-4">

<div class="item item-3">

<div class="item-overlay">

</div>

<div class="item-content">

<div class="item-top-content">

<div class="item-top-content-inner">

<div class="item-product">

<div class="item-top-title">

<h5>Махра велсофт</h5>

<p class="subdescription">

США

</p>

</div>

</div>

</div>

</div>

<div class="item-add-content">

<div class="item-add-content-inner">

<div class="section">

</div>

<div class="section">

<a href="#" class="btn btn-primary custom-button green-btn">Описание</a>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="col-md-4">

<div class="item item-4">

<div class="item-overlay">

</div>

<div class="item-content">

<div class="item-top-content">

<div class="item-top-content-inner">

<div class="item-product">

<div class="item-top-title">

<h5>Фатин жаккард</h5> <!-- PRODUCT TITLE-->

<p class="subdescription">

Корея

</p> <!-- PRODUCT DESCRIPTION-->

</div>

</div>

</div>

</div>

<!-- ITEM HOVER CONTENT-->

<div class="item-add-content">

<div class="item-add-content-inner">

<div class="section">

</div>

<div class="section">

<a href="#" class="btn btn-primary custom-button green-btn">Описание</a>

</div>

</div>

</div>

</div>

</div>

</div> <!-- / END FIRST ITEM -->

<div class="col-md-4">

<div class="item item-5">

<div class="item-overlay">

</div>

<div class="item-content">

<div class="item-top-content">

<div class="item-top-content-inner">

<div class="item-product">

<div class="item-top-title">

<h5>Органза</h5>

<p class="subdescription">

Италий

</p>

</div>

</div>

</div>

</div>

<div class="item-add-content">

<div class="item-add-content-inner">

<div class="section">

</div>

<div class="section">

<a href="#" class="btn btn-primary custom-button green-btn">Описание</a>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="col-md-4">

<div class="item item-6">

<div class="item-overlay">

</div>

<div class="item-content">

<div class="item-top-content">

<div class="item-top-content-inner">

<div class="item-product">

<div class="item-top-title">

<h5>Махра велсофт</h5>

<p class="subdescription">

США

</p>

</div>

</div>

</div>

</div>

<div class="item-add-content">

<div class="item-add-content-inner">

<div class="section">

</div>

<div class="section">

<a href="#" class="btn btn-primary custom-button green-btn">Описание</a>

</div>

</div>

</div>

</div>

</div>

</div>

</div> <!-- / END PRODUCTS LIST -->

</div> <!-- / END CONTAINER -->

</div> <!-- / END COLOR OVERLAY -->

</section> <!-- / END PRODUCTS SECTION -->

<section class="contact-us" id="contact">

<div class="container">

<!-- SECTION HEADER -->

<div class="section-header">

<!-- SECTION TITLE -->

<h2 class="white-text">Заказать Наши Услуги</h2>

<!-- SHORT DESCRIPTION ABOUT THE SECTION -->

<h6 class="white-text">

</h6>

</div>

<!-- / END SECTION HEADER -->

<!-- CONTACT FORM-->

<div class="row">

<form role="form" class="contact-form" id="contact-form">

<div class="wow fadeInLeft animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<div class="col-lg-4 col-sm-4">

<input type="text" name="name" placeholder="Ваше Имя" class="form-control input-box" id="name">

</div>

<div class="col-lg-4 col-sm-4">

<input type="email" name="email" placeholder="Ваш Email" class="form-control input-box" id="email">

</div>

<div class="col-lg-4 col-sm-4">

<input type="text" name="subject" placeholder="Тема" class="form-control input-box" id="subject">

</div>

</div>

<div class="col-md-12 wow fadeInRight animated" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s">

<textarea name="message" class="form-control textarea-box" placeholder="Ваше Сообщение" id="message"></textarea>

</div>

<!-- IF MAIL SENT SUCCESSFULLY -->

<h4 class="success pull-left white-text">

Your message has been sent successfully.

</h4>

<!-- IF MAIL SENDING UNSUCCESSFULL -->

<h4 class="error pull-left white-text">

E-mail must be valid and message must be longer than 1 character.

</h4>

<button class="btn btn-primary custom-button red-btn wow fadeInLeft animated" id="submit" data-wow-offset="30" data-wow-duration="1.5s" data-wow-delay="0.15s" type="submit">Отправить Сообщение</button>

</form>

</div>

<!-- / END CONTACT FORM-->

</div> <!-- / END CONTAINER -->

</section> <!-- / END CONTACT US SECTION-->

<div class="container">

<!-- COMPANY ADDRESS-->

<div class="col-md-5 company-details">

<div class="icon-top red-text">

<i class="icon-fontawesome-webfont-302"></i>

</div>

г. Киев ул. Соломенская 5, Укранина

</div>

<!-- COMPANY EMAIL-->

<div class="col-md-2 company-details">

<div class="icon-top green-text">

<i class="icon-fontawesome-webfont-329"></i>

</div>

[email protected]

</div>

<!-- COMPANY PHONE NUMBER -->

<div class="col-md-2 company-details">

<div class="icon-top blue-text">

<i class="icon-fontawesome-webfont-101"></i>

</div>

096-925-39-07

</div>

<!-- SOCIAL ICON AND COPYRIGHT -->

<div class="col-lg-3 col-sm-3 copyright">

<ul class="social">

<li><a href=""><i class="icon-facebook"></i></a></li>

<li><a href=""><i class="icon-twitter-alt"></i></a></li>

<li><a href=""><i class="icon-linkedin"></i></a></li>

<li><a href=""><i class="icon-behance"></i></a></li>

<li><a href=""><i class="icon-dribbble"></i></a></li>

</ul>

©2016 Copyright

</div>

</div> <!-- / END CONTAINER -->

</footer> <!-- / END FOOOTER -->

<script src="js/bootstrap.min.js"></script>

<script src="js/wow.min.js"></script>

<script src="js/jquery.nav.js"></script>

<script src="js/jquery.knob.js"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/smoothscroll.js"></script>

<script src="js/jquery.vegas.min.js"></script>

<script src="js/zerif.js"></script>