Дианасидарович

Диана Сидарович – профессиональный стилист,  аккредитованный Международной ассоциацией стилистов, сертифицированный специалист компании Colour Me Beautiful.

Анализрынкаипрототипирование

Согласно новейших тенденций в мире моды, а также в соответствии с пожеланиями клиента, был разработан прототип сайта.

дизайн

Опираясь на прототип, утверждённый клиентом,
был создан уникальный дизайн сайта.

Разработка

На основании дизайнерского макета команда
программистов реализовала полноценный веб-продукт.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Диана Сидарович</title>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/jquery.bxslider.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<nav class="normal">
<div class="container top">
<div class="right">
<div class="box_form">
<div class="bg_form"></div>
<form action="" class="feed-back">
<input type="text" placeholder="Ваш телефон">
<input type="text" placeholder="Имя">
<input type="submit" value="Перезвоните мне">
</form>
</div>
<div class="clear"></div>
<div class="call_back"></div>
<div class="clear"></div>
<div class="phone">
<a href="tel:+375445758949">Minsk: +375(44)575-89-49</a>
<a href="tel:+380676565999">Kiev: +380(67)65-65-999</a></div>
<div class="clear"></div>
<div class="social">
<div class="toggle_about">
<a href="#">обо мне</a>
<div class="box_info">
<div class="box_text">
<div class="title">Диана сидарович</div>
<p>Стилист, аккредитованный международной ассоциацией стилистов, сертифицированный специалист компании Colour Me Beautiful. Работаю в таких городах как Киев, Минск, Лондон.</p>
<a href="">подробнее</a>
<div class="address">
<address>
Киев, ул. Ветрова 7б, Cалон Desire<br>
+380 67 65 65 999<br>[email protected]
</address>
</div>
</div>
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/about_me.jpg" alt="">
</div>
</div>
<a class="links" href="#"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/insta_head.png" alt="instagram"></a>
<a class="links" href="#"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/pinster_header.png" alt="pinster"></a>
<a class="links" href="#"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/facebook_head.png" alt="facebook"></a>
<div class="bg_modal"></div>
<input type="text">
<div class="search close">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/search_head.png" alt="serach btn">
<input type="submit" name="s">
</div>
<div class="lang">
<a href="#" class="cell">ENG</a>
</div>
</div>
</div>
<div class="logo_big"></div>
<a href="#" class="logo_small"></a>
<ul class="normal_menu">
<li><a href="#">главная</a></li>
<li class="down_btn">
<a href="javascript:void(0);" class="">услуги</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li class="down_btn">
<a href="javascript:void(0);" class="">look book</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li><a href="#">блог</a></li>
<li class="down_btn">
<a href="javascript:void(0);" class="">полезное</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
</ul>
<div class="toggle_button_menu"></div>
<ul class="mobile_menu">
<li><a href="#">главная</a></li>
<li class="down_btn">
<a href="javascript:void(0);">услуги</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li class="down_btn">
<a href="javascript:void(0);">look book</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li><a href="#">блог</a></li>
<li class="down_btn">
<a href="javascript:void(0);">полезное</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
</ul>
</div>
</nav>
<nav class="fixed">
<div class="container">
<div class="right">
<div class="lang">
<a href="#" class="cell">РУС</a>
<a href="#" class="cell">УКР</a>
<a href="#" class="cell">АНГЛ</a>
</div>
<div class="social">
<span class="toggle_about">обо мне</span>
<a href="#"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/insta_head.png" alt="instagram"></a>
<a href="#"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/pinster_header.png" alt="pinster"></a>
<a href="#"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/facebook_head.png" alt="facebook"></a>
<a href="javascript:void(0);"><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/search_head.png" alt="serach btn"></a>
</div>
</div>
<div class="logo"></div>
<ul class="normal_menu">
<li><a href="#">главная</a></li>
<li class="down_btn">
<a href="javascript:void(0);">услуги</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li class="down_btn">
<a href="javascript:void(0);">look book</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li><a href="#">блог</a></li>
<li class="down_btn">
<a href="javascript:void(0);">полезное</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
</ul>
<div class="toggle_button_menu"></div>
<ul class="mobile_menu">
<li><a href="#">главная</a></li>
<li class="down_btn">
<a href="javascript:void(0);">услуги</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li class="down_btn">
<a href="javascript:void(0);">look book</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li><a href="#">блог</a></li>
<li class="down_btn">
<a href="javascript:void(0);">полезное</a>
<ol class="hide_lvl">
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
</ul>
</div>
</nav>
<ul class="bxslider">
<li>
<div class="slides" style="background: url(img/slide1.jpg)no-repeat center center; background-size: cover;"></div>
</li>
<li>
<div class="slides" style="background: url(img/slide_2.jpg)no-repeat center center; background-size: cover;"></div>
</li>
<li>
<div class="slides" style="background: url(img/slide_3.jpg)no-repeat center center; background-size: cover;"></div>
</li>
</ul>
</header>
<section>
<div class="container">
<h1 class="custom_wrap">«Революция стиля стил »</h1>
<div class="scroll-down"></div>
<div class="content col-lg-9 col-md-12">
<p>Вы когда-нибудь думали, как внешний вид влияет на успех в делах и личной жизни?<br><br>
Или возможно сталкивались с проблемой – вещей много, а одеть нечего?<br>
Или Ваша карьера пошла вверх, необходимо выглядеть на уровне, а как стать стильной и статусной за короткое время?<br>
Или возможно Ваш кавалер высокого положения, весь такой элегантный, утонченный, пригласил Вас на прием, и «упасть в грязь лицом» абсолютно недопустимо.<br>
</ul>
<p>Таких «или» бесконечное множество и у женщин и у мужчин...</p>
<p class="upper_text">Стилист - это как раз тот человек, который просто необходим в данном случае.</p>
<h3>Диана сидарович</h3>
<p>Стилист, аккредитованный международной ассоциацией стилистов, сертифицированный специалист компании Colour Me Beautiful. Работаю в таких городах как Киев, Минск, Лондон.</p>
<a href="#" class="offer">заказать консультацию</a>
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_1.jpg" alt="">
<h2 class="custom_wrap">«Революция стиля»</h2>
<p>Раньше это были консультации по отдельности. Но, исходя из моего опыта, я поняла, что будет гораздо более эффективно сделать из них одну программу. Ведь клиента важно сопровождать на протяжении всех этапов преображения и осознания своего нового образа.</p>
<p>И это действительно работает! Вы сможете это сделать, мы вместе пройдем этот путь шаг за шагом.</p>
<p>Для участников этой программы есть очень выгодные предложения. Читайте дальше.</p>
<div class="tabs">
<ul class="tabs-nav">
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<div class="tabs-content">
<div class="col-md-5 text">
<p>Сначала мы просто проводим общую беседу, на которой я попытаюсь узнать вас поближе. Я буду задавать очень личные вопросы, касающиеся не только внешнего вида, но и вашего внутреннего состояния. Потому что для меня очень важно знать:</p>
<ul>
<li>что на самом деле у вас на душе?</li>
<li>какой вы человек, в чем заключается ваша индивидуальность?</li>
<li>что вы хотите сказать этому миру своим внешним видом?</li>
</ul>
</div>
<div class="col-md-7 images">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/tab_img_1.jpg" alt="">
</div>
<div class="take_me">Хочу поучаствовать</div>
<div class="clear"></div>
</div>
<div class="tabs-content">
<div class="col-md-5 text">
<p>Сначала мы просто проводим общую беседу, на которой я попытаюсь узнать вас поближе. Я буду задавать очень личные вопросы, касающиеся не только внешнего вида, но и вашего внутреннего состояния. Потому что для меня очень важно знать:</p>
<ul>
<li>что на самом деле у вас на душе?</li>
<li>какой вы человек, в чем заключается ваша индивидуальность?</li>
<li>что вы хотите сказать этому миру своим внешним видом?</li>
</ul>
</div>
<div class="col-md-7 images">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/tab_img_1.jpg" alt="">
</div>
<div class="take_me">Хочу поучаствовать</div>
</div>
<div class="tabs-content">
<div class="col-md-5 text">
<p>Сначала мы просто проводим общую беседу, на которой я попытаюсь узнать вас поближе. Я буду задавать очень личные вопросы, касающиеся не только внешнего вида, но и вашего внутреннего состояния. Потому что для меня очень важно знать:</p>
<ul>
<li>что на самом деле у вас на душе?</li>
<li>какой вы человек, в чем заключается ваша индивидуальность?</li>
<li>что вы хотите сказать этому миру своим внешним видом?</li>
</ul>
</div>
<div class="col-md-7 images">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/tab_img_1.jpg" alt="">
</div>
<div class="take_me">Хочу поучаствовать</div>
</div>
<div class="tabs-content">
<div class="col-md-5 text">
<p>Сначала мы просто проводим общую беседу, на которой я попытаюсь узнать вас поближе. Я буду задавать очень личные вопросы, касающиеся не только внешнего вида, но и вашего внутреннего состояния. Потому что для меня очень важно знать:</p>
<ul>
<li>что на самом деле у вас на душе?</li>
<li>какой вы человек, в чем заключается ваша индивидуальность?</li>
<li>что вы хотите сказать этому миру своим внешним видом?</li>
</ul>
</div>
<div class="col-md-7 images">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/tab_img_1.jpg" alt="">
</div>
<div class="take_me">Хочу поучаствовать</div>
</div>
<div class="tabs-content">
<div class="col-md-5 text">
<p>Сначала мы просто проводим общую беседу, на которой я попытаюсь узнать вас поближе. Я буду задавать очень личные вопросы, касающиеся не только внешнего вида, но и вашего внутреннего состояния. Потому что для меня очень важно знать:</p>
<ul>
<li>что на самом деле у вас на душе?</li>
<li>какой вы человек, в чем заключается ваша индивидуальность?</li>
<li>что вы хотите сказать этому миру своим внешним видом?</li>
</ul>
</div>
<div class="col-md-7 images">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/tab_img_1.jpg" alt="">
</div>
<div class="take_me">Хочу поучаствовать</div>
</div>
<div class="clear"></div>
</div>
<div class="price">
<h3 class="custom_wrap">Предлагаю для вас выгодное предложение:</h3>
<p>Давайте посмотрим, почему выгодно купить не отдельные консультации, а именно полную программу?<br>Я предлагаю Вашему вниманию стоимость каждой услуги:</p>
<div class="btn-services general active">Общая стоимость </div>
<div class="btn-services silver">Пакет silver</div>
<div class="btn-services gold">Пакет gold</div>
<div class="btn-services platinum">Пакет platinum</div>
<div class="box_tabel">
<div class="row">
<div class="cell">Услуга</div>
<div class="cell active">Общая стоимость (грн.)</div>
<div class="cell"><span>Пакет<br> «Silver»</span></div>
<div class="cell"><span>Пакет<br> «Gold»</span></div>
<div class="cell"><span>Пакет<br> «Platinum»</span></div>
</div>
<div class="row">
<div class="cell">Общая беседа</div>
<div class="cell active">бесплатно</div>
<div class="cell">1,5 часа</div>
<div class="cell">1,5 часа</div>
<div class="cell">1,5 часа</div>
</div>
<div class="row">
<div class="cell">Консультация по стилю</div>
<div class="cell active">800</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
</div>
<div class="row">
<div class="cell">Консультация по типу фигуры</div>
<div class="cell active">1600</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
</div>
<div class="row">
<div class="cell">Консультация по цветовому типу внешности</div>
<div class="cell active">1600</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
</div>
<div class="row">
<div class="cell">Цветовой паспорт</div>
<div class="cell active">1400</div>
<div class="cell">42 цвета</div>
<div class="cell">42 цвета</div>
<div class="cell">42 цвета</div>
</div>
<div class="row">
<div class="cell">Урок макияжа и прически</div>
<div class="cell active">1200</div>
<div class="cell">-</div>
<div class="cell">3 часа</div>
<div class="cell">3 часа</div>
</div>
<div class="row">
<div class="cell">Анализ гардероба</div>
<div class="cell active">500 грн./час</div>
<div class="cell">-</div>
<div class="cell">4 часа</div>
<div class="cell">4 часа</div>
</div>
<div class="row">
<div class="cell">Билеты на мастер-класс</div>
<div class="cell active">200</div>
<div class="cell">-</div>
<div class="cell">По 3 часа</div>
<div class="cell">По 3 часа</div>
</div>
<div class="row">
<div class="cell">Шоппинг-сопровождение</div>
<div class="cell active">500 грн./час</div>
<div class="cell">-</div>
<div class="cell">-</div>
<div class="cell">3 шопинга (4 ч.)</div>
</div>
<div class="row">
<div class="cell">Составление Look-book</div>
<div class="cell active">900</div>
<div class="cell">-</div>
<div class="cell">-</div>
<div class="cell">3-4 часа</div>
</div>
<div class="row">
<div class="cell">Курирование</div>
<div class="cell active">300 грн./мес</div>
<div class="cell">-</div>
<div class="cell">-</div>
<div class="cell">12 месяцев</div>
</div>
<div class="row">
<div class="cell">Сопровождение на фотосессии<br>(3 образа + макияж)</div>
<div class="cell active">1200</div>
<div class="cell">-</div>
<div class="cell">-</div>
<div class="cell">3-4 часа</div>
</div>
<div class="row">
<div class="cell">Билеты на мастер-класс</div>
<div class="cell active">200</div>
<div class="cell">-</div>
<div class="cell"></div>
<div class="cell">По 3 часа</div>
</div>
<div class="row">
<div class="cell">Полная стоимость программы</div>
<div class="cell active">21100 грн.</div>
<div class="cell">5400 грн.</div>
<div class="cell">6800 грн.</div>
<div class="cell">21100 грн.</div>
</div>
<div class="row">
<div class="cell">На время акции</div>
<div class="cell active">-</div>
<div class="cell"><span>3800 грн.</span></div>
<div class="cell"><span>5600 грн.</span></div>
<div class="cell"><span>9900 грн.</span></div>
</div>
</div>
<div class="btn-services general active">Общая стоимость </div>
<div class="btn-services silver">Пакет silver</div>
<div class="btn-services gold">Пакет gold</div>
<div class="btn-services platinum">Пакет platinum</div>
<p>При покупке пакета «Platinum» Вас ожидает специальное предложение, которое включает в себя выгодную стоимость и 4 бонуса.</p>
<p>Да, мои услуги стоят несколько дороже, чем у других специалистов в этой области. Это объясняется тем, что, воспользовавшись именно этой программой, Вам больше не придётся обращаться к стилистам, так как Вы научитесь не только самостоятельно создавать свой стиль и первоклассные луки, но и даже сможете помочь с нарядом своему мужчине или подруге.</p>
<p>И ещё несколько приятных сюрпризов-бонусов:<br>
1. Создание персонального Look-book.<br>
2. Курирование на протяжении года.<br>
По завершению основных этапов, мы работаем следующим образом: если у Вас возникают какие-либо вопросы – решаем их в телефонном режиме. Но один раз в месяц мы можем встретиться для оценки результатов.<br>
3. Бесплатное посещение всех моих мастер-классов в период нашего сотрудничества.<br>
4. Фотосессия в конце программы. Вы сами увидите, какие поразительные изменения произошли в Вашей внешности за это время.</p>
</div>
</div>
<div class="side-bar col-lg-3">
<div class="comment">
<p>Никогда ранее не задумывался над выбором одежды, более того, никогда не получалось комбинировать те или иные вещи вместе. На День рождения друзья подарили мне подарочный сертификат на услуги профессионального стилиста. Я сразу отнесся скептически к такомфу подарку, очень им благодарен! Ну и Консультация прошла в очень Ваш профессионализм!!!!</p>
<div class="name"><span>артем</span>, Киев</div>
<div class="box_img">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/artem.png" alt="">
<div class="blue"></div>
</div>
</div>
<div class="comment">
<p>Я впервые воспользовалась услугами стилиста, и была действительно поражена результатом! Раньше шоппинг в Киеве, да и не только, для меня был мучением, я не могла подолгу решиться на покупку той или иной вещи, была неуверенна то в цвете, то в фасоне. Многие ошибочно на полках шкафа. Но после изменилось. Четко определив мой цветоти аксессуары, легко комбинировать их в новые Теперь я легко могу подобрать одежду для каждого случая, и ношу все вещи из своего гардероба. А мои друзья и коллеги считают меня стильной!</p>
<div class="name"><span>татьяна</span>, Минск</div>
<div class="box_img">
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/tatyana.png" alt="">
<div class="purpur"></div>
</div>
</div>
<a href="" class="more">все отзывы</a>
<div class="blog_colon">
<div class="name_cell">Блог</div>
<div class="post">
<a href="#">
<div class="title">женская одежда, которая не нравиться мужчинам</div>
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/post_1.png" alt="">
<div class="read_more">Читать</div>
</a>
</div>
<div class="post">
<a href="#">
<div class="title">Мужская мода от “а” до “я”</div>
<img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/post_2.png" alt="">
<div class="read_more">Читать</div>
</a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</section>
<div class="gallery">
<div class="tabs">
<div class="container">
<ul class="tabs-nav">
<li class="active"><a href="#">Pinterest</a> <span>/</span></li>
<li><span>/</span> <a href="#">instagram</a></li>
</ul>
</div>
<div class="tabs-content">
<ul class="gallery_box">
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/slider_box.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
</ul>
<div class="container"><a href="#" class="more">@dianasidarovich</a></div>
</div>
<div class="tabs-content">
<ul class="gallery_box">
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/slider_box.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_10.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_2.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_3.jpg" alt=""></li>
<li><img src="/bitrix/templates/nakitel_template/img/cases/DSidarovych/img_4.jpg" alt=""></li>
</ul>
<div class="container"><a href="#" class="more">@dianasidarovich</a></div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="social">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
<ul>
<li><a href="#">главная</a></li>
<li>
<a href="javascript:void(0);">услуги</a>
<ol>
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li>
<a href="javascript:void(0);">look book</a>
<ol>
<li><a href="#">Цветовой анализ внешности</a></li>
<li><a href="#">Консультация по стилю и имиджу</a></li>
<li><a href="#">Консультация по макияжу</a></li>
<li><a href="#">Вечеринка-девичник</a></li>
<li><a href="#">Шоппинг сопровождение</a></li>
<li><a href="#">Анализ гардероба</a></li>
<li><a href="#">Подарочные сертификаты</a></li>
</ol>
</li>
<li><a href="#">блог</a></li>
</ul>
<div class="copyright">
© Все права защищены.<br><a href="#">Designed by Nakitel</a>
</div>
</div>
</footer>
</body>
</html>

контент

Для создания качественного уникального фото-наполнения был проведен ряд фотосессий. Весь фото-материал был создан и обработан силами штатного фотографа компании «Накитель».

Результат

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