<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8"/>

    <link rel="shortcut icon" href="http://www.diol-it.ru/layouts/images/favicon.ico" type="image/x-icon"/>

    <link rel="stylesheet" href="http://www.diol-it.ru/layouts/css/fonts.css"/>
    <link rel="stylesheet" href="http://www.diol-it.ru/layouts/css/utils.css"/>
    <link rel="stylesheet" href="http://www.diol-it.ru/layouts/css/base.css"/>
    <link rel="stylesheet" href="http://www.diol-it.ru/layouts/css/portfolio.css"/>
    <link rel="stylesheet" href="http://www.diol-it.ru/layouts/css/popups.css"/>
    <link rel="stylesheet" href="http://www.diol-it.ru/layouts/css/contact_form.css"/>

    <script src="http://www.diol-it.ru/layouts/js/jquery-1.11.3.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.cookie.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.imagesloaded.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery-ui.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.validate/jquery.validate.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.validate/additional-methods.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.validate/additional-methods.ext.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.validate/localization/messages_ru.ext.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.validate/localization/messages_ru.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.inputmask/jquery.inputmask.bundle.min.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/jquery.scrollTo.min.js?v=2"></script>
    <script src="http://www.diol-it.ru/layouts/js/yacounter.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/site_script.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/popup.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/contact_form.js"></script>
    <script src="http://www.diol-it.ru/layouts/js/copy.js"></script>

    <script type="application/javascript">
        $(function() {
            $("#contact_form_popup").data('form_key', 659294275);
        });
    </script>
    <title>Разработка, создание и продвижение сайтов от студии web-дизайна "Диол". Изготовление сайта под ключ.</title>
            <meta name="description" content="Студия Web-дизайна «Диол» предлагает разработку и создание сайтов в Москве. Оптимизация и продвижение сайтов в ведущих поисковых системах. Все виды интернет-рекламы." />
                <meta name="keywords" content="диол, вебстудия, сайт, дизайн, разработка, создание, продвижение, раскрутка, оптимизация, москва"/>
                                                                    
<link rel="stylesheet" href="http://www.diol-it.ru/pages/home/css/style.css" />
<link rel="stylesheet" href="http://www.diol-it.ru/pages/home/css/services.css" />            
<link rel="stylesheet" href="http://www.diol-it.ru/pages/home/css/jcarousel.responsive.css" />


<script src="http://www.diol-it.ru/pages/home/js/jquery.jcarousel.js"></script>    
<script src="http://www.diol-it.ru/pages/home/js/jcarousel.responsive.js"></script>    </head>

<body>
<article id="wrapper">
    <header id="header">
        <div class="middle-content header-content">
            <div class="header_icons">
                <a class="home active" title="Главная"
                   href="/"></a>
                <a class="sitemap" title="Карта сайта" href="/sitemap"></a>
            </div>
            <a class="logo" href="/" title="Диол">
                <img src="http://www.diol-it.ru/layouts/images/logo.png" alt="Диол">
            </a>

            <ul class="menu">
            <li>
                            <a href="/company"
                                       class="menu-element ">О компании</a>
                    </li>
            <li>
                            <a href="javascript:void(0);" data-sub-menu="open"                   class="menu-element no-href ">Портфолио</a>
                    </li>
            <li>
                            <a href="javascript:void(0);" data-sub-menu="open"                   class="menu-element no-href ">Услуги</a>
                    </li>
            <li>
                            <a href="/vacancy"
                                       class="menu-element ">Вакансии</a>
                    </li>
            <li>
                            <a href="/contacts"
                                       class="menu-element ">Контакты</a>
                    </li>
    </ul>
            <div class="block-contacts phone">
                <div>Контактный телефон:</div>
                <div class="phone-number"><a href="tel:+7(495)132-03-02"><span>+7 495</span> <strong>132-03-02</strong></a></div>
            </div>
        </div>
    </header>

    
<div id="submenu" class="submenu">
    <div class="body top">
        <div class="carcas">
            <div class="block_uls tops">
                <ul class="a dhidden">
                    <li></li>
                </ul>
                <ul class="b">
                    <li></li>
                </ul>
                <ul class="c">
                    <li></li>
                </ul>
            </div>
        </div>
    </div><!-- /.body -->

    <div class="body bgs">
        <div class="carcas">
            <div class="margblock">
                <div class="block_uls">
                    <ul class="a dhidden">
                                            </ul>
                    <ul class="b">
                            <li>
        <a href="/portfolio/dommatrasov" class="">
            ДомМатрасов        </a>
    </li>
    <li>
        <a href="/portfolio/lustrymarket" class="">
            Магазин «Люстры»        </a>
    </li>
    <li>
        <a href="/portfolio/automates" class="">
            Торговые автоматы        </a>
    </li>
    <li>
        <a href="/portfolio/tri-mamonta" class="">
            Три Мамонта        </a>
    </li>
    <li>
        <a href="/portfolio/torgalfa" class="">
            Торгальфагрупп        </a>
    </li>
    <li>
        <a href="/portfolio/cityduma-tula" class="">
            Тульская городская дума        </a>
    </li>
    <li>
        <a href="/portfolio/cisa-service" class="">
            Сервисный центр Cisa        </a>
    </li>
    <li>
        <a href="/portfolio/1dekor" class="">
            Вита-Декор        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2009_elfes" class="">
            Календарь 2009 г. (Эльфы)        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2012" class="">
            Календарь 2012 г. (Африка)        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2014_fishlite" class="">
            Календарь 2014 г. (На дне)        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2014_fishdark" class="">
            Календарь 2014 г. (В океане)        </a>
    </li>
                    </ul>
                    <ul class="c">
                            <li>
        <a href="/services/arenda_sites" class="">
            Аренда сайтов        </a>
    </li>
    <li>
        <a href="/services/arenda_sites_zapchasti" class="">
            Аренда интернет-магазина автозапчастей с заказами        </a>
    </li>
    <li>
        <a href="/services/programming" class="">
            Программирование        </a>
    </li>
    <li>
        <a href="/services/development" class="">
            Разработка и создание сайтов        </a>
    </li>
    <li>
        <a href="/services/design" class="">
            Веб дизайн сайтов, редизайн        </a>
    </li>
    <li>
        <a href="/services/s_key" class="">
            Разработка и создание сайтов под ключ        </a>
    </li>
    <li>
        <a href="/services/support" class="">
            Сопровождение и поддержка сайтов        </a>
    </li>
    <li>
        <a href="/services/audit" class="">
            Анализ и аудит сайтов        </a>
    </li>
    <li>
        <a href="/services/prodvizhenie" class="">
            Оптимизация сайтов или поисковое продвижение сайтов        </a>
    </li>
    <li>
        <a href="/services/seo_adv" class="">
            Контекстная реклама в Интернете (контекст)        </a>
    </li>
    <li>
        <a href="/services/1c_sync" class="">
            Интеграция и синхронизация с 1С        </a>
    </li>
                    </ul><!-- /Порядок для Сафари! -->
                </div>

                <a class="recall" href="javascript:void(0);"
                   data-popup="contact_form"
                   data-message="Пожалуйста, перезвоните мне."
                   data-type="call-order">
                    Заказать звонок
                </a>
            </div>
        </div>
    </div><!-- /.body -->

    <div class="shad"></div>
</div><!-- /.submenu -->    
<div id="bSubmenu" class="b-submenu">
    <div class="shad"></div>
    <div class="body bgs">
        <div class="carcas">
            <div class="margblock">
                <div class="block_uls">
                    <ul class="a dhidden">
                                            </ul>
                    <ul class="b">
                            <li>
        <a href="/portfolio/dommatrasov" class="">
            ДомМатрасов        </a>
    </li>
    <li>
        <a href="/portfolio/lustrymarket" class="">
            Магазин «Люстры»        </a>
    </li>
    <li>
        <a href="/portfolio/automates" class="">
            Торговые автоматы        </a>
    </li>
    <li>
        <a href="/portfolio/tri-mamonta" class="">
            Три Мамонта        </a>
    </li>
    <li>
        <a href="/portfolio/torgalfa" class="">
            Торгальфагрупп        </a>
    </li>
    <li>
        <a href="/portfolio/cityduma-tula" class="">
            Тульская городская дума        </a>
    </li>
    <li>
        <a href="/portfolio/cisa-service" class="">
            Сервисный центр Cisa        </a>
    </li>
    <li>
        <a href="/portfolio/1dekor" class="">
            Вита-Декор        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2009_elfes" class="">
            Календарь 2009 г. (Эльфы)        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2012" class="">
            Календарь 2012 г. (Африка)        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2014_fishlite" class="">
            Календарь 2014 г. (На дне)        </a>
    </li>
    <li>
        <a href="/portfolio/calendar2014_fishdark" class="">
            Календарь 2014 г. (В океане)        </a>
    </li>
                    </ul>
                    <ul class="c">
                            <li>
        <a href="/services/arenda_sites" class="">
            Аренда сайтов        </a>
    </li>
    <li>
        <a href="/services/arenda_sites_zapchasti" class="">
            Аренда интернет-магазина автозапчастей с заказами        </a>
    </li>
    <li>
        <a href="/services/programming" class="">
            Программирование        </a>
    </li>
    <li>
        <a href="/services/development" class="">
            Разработка и создание сайтов        </a>
    </li>
    <li>
        <a href="/services/design" class="">
            Веб дизайн сайтов, редизайн        </a>
    </li>
    <li>
        <a href="/services/s_key" class="">
            Разработка и создание сайтов под ключ        </a>
    </li>
    <li>
        <a href="/services/support" class="">
            Сопровождение и поддержка сайтов        </a>
    </li>
    <li>
        <a href="/services/audit" class="">
            Анализ и аудит сайтов        </a>
    </li>
    <li>
        <a href="/services/prodvizhenie" class="">
            Оптимизация сайтов или поисковое продвижение сайтов        </a>
    </li>
    <li>
        <a href="/services/seo_adv" class="">
            Контекстная реклама в Интернете (контекст)        </a>
    </li>
    <li>
        <a href="/services/1c_sync" class="">
            Интеграция и синхронизация с 1С        </a>
    </li>
                    </ul><!-- /Порядок для Сафари! -->
                </div>

                <a class="recall" href="javascript:void(0);"
                   data-popup="contact_form"
                   data-message="Пожалуйста, перезвоните мне."
                   data-type="call-order">
                    Заказать звонок
                </a>
            </div>
        </div>
    </div><!-- /.body -->

    <div class="body top">
        <div class="carcas">
            <div class="block_uls tops">
                <ul class="a dhidden">
                    <li></li>
                </ul>
                <ul class="b">
                    <li></li>
                </ul>
                <ul class="c">
                    <li></li>
                </ul>
            </div>
        </div>
    </div><!-- /.body -->
</div><!-- /.submenu -->    


    <div id="top-fixed-block" class="top-fixed-block red-fixed-line"></div>


    <article id="container">
        <section class="block_slider">
    <div class="jcarousel-wrapper single">
        <div class="jcarousel">
            <ul>
                <li class="a">
                    <div class="blockimg"></div>

                    <div class="caption">
                        <div class="cap"><img class="titimg" src="http://www.diol-it.ru/pages/home/images/jcarousel/lustry.png" alt=""></div>
                        <a class="podrob rel" href="/portfolio/lustrymarket">&mdash;&nbsp;<span>Подробнее о проекте</span></a>

                        <div class="txt"><strong>Сайт в свое время совершил прорыв на рынке светильников и осветительного оборудования, заставив людей часами просиживать на сайте, увлеченно выбирая себе светильник. Рекорд этого сайта - 3 500 тысячи потенциальных клиентов всего за 1 день!</strong></div>
                    </div>
                </li>

                <li class="b">
                    <div class="blockimg"></div>

                    <div class="caption">
                        <div class="cap dblock">Торговые<br>автоматы</div>
                        <a class="podrob" href="/portfolio/automates">&mdash;&nbsp;<span>Подробнее о проекте</span></a>

                        <div class="txt">Сайт компании, первой показавшей всем игрокам вендингового рынка, на что надо обращать внимание потенциальных покупателей: экономические, а не технические показатели торговых автоматов. Благодаря такому подходу, сайт достаточно хорошо привлекает десятки новых клиентов и обслуживает сотни постоянных клиентов в месяц.</div>
                    </div>
                </li>

                <li class="c">
                    <div class="blockimg"></div>

                    <div class="caption">
                        <div class="cap"><img class="titimg" src="http://www.diol-it.ru/pages/home/images/jcarousel/matrasy.png" alt="">
                        </div>
                        <a class="podrob rel" href="/portfolio/dommatrasov">&mdash;&nbsp;<span>Подробнее о проекте</span></a>

                        <div class="txt">Сайт компании, занимающейся реализацией матрасов и товаров для сна. Благодаря интернет-магазину превратилась из небольшой компании в крупного игрока имеющего филиалы по всей стране.</div>
                    </div>
                </li>

                <li class="d">
                    <div class="blockimg"></div>

                    <div class="caption">
                        <div class="cap dblock"><img class="titimg" src="http://www.diol-it.ru/pages/home/images/jcarousel/dekor.png" alt="">
                        </div>
                        <a class="podrob" href="/portfolio/1dekor">&mdash;&nbsp;<span>Подробнее о проекте</span></a>

                        <div class="txt">Сайт, совершивший переворот в тематике изготовления изделий из бетона. Авторские изделия в яркой и красочной оболочке сайта выглядят красиво, а главное привлекают покупателей и продаются в разы быстрее и проще.</div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- /.jcarousel -->

        <a href="javascript:void(0);" class="jcarousel-control-prev mainpage-carousel-btn"></a>
        <a href="javascript:void(0);" class="jcarousel-control-next mainpage-carousel-btn"></a>

        <div class="jcarousel-pagination"></div>
    </div>
    <!-- /.jcarousel-wrapper -->
</section><!-- /.block_slider -->

<section class="services">
    <div class="content">
        <div><h1 class="h1home">Наши услуги</h1></div>

        <div class="block_serv">
            <div class="serv">
                <div class="blockimg"><a href="/services/development"><img src="http://www.diol-it.ru/pages/home/images/services/1.png" alt=""></a></div>
                <div class="txt"><a href="/services/development">Разработка<br>сайтов</a></div>
            </div><div class="serv">
                <div class="blockimg"><a href="/services/s_key"><img src="http://www.diol-it.ru/pages/home/images/services/2.png" alt=""></a></div>
                <div class="txt"><a href="/services/s_key">Сайты под<br>ключ</a></div>
            </div><div class="serv">
                <div class="blockimg"><a href="/services/prodvizhenie"><img src="http://www.diol-it.ru/pages/home/images/services/3.png" alt=""></a></div>
                <div class="txt"><a href="/services/prodvizhenie">Продвижение<br>сайтов</a></div>
            </div><div class="serv">
                <div class="blockimg"><a href="/services/seo_adv"><img src="http://www.diol-it.ru/pages/home/images/services/4.png" alt=""></a></div>
                <div class="txt"><a href="/services/seo_adv">Контекстная<br>реклама</a></div>
            </div><div class="serv">
                <div class="blockimg"><a href="/services/arenda_sites"><img src="http://www.diol-it.ru/pages/home/images/services/5.png" alt=""></a></div>
                <div class="txt"><a href="/services/arenda_sites">Аренда<br>сайтов</a></div>
            </div><div class="serv">
                <div class="blockimg"><a href="/services/1c_sync"><img src="http://www.diol-it.ru/pages/home/images/services/6.png" alt=""></a></div>
                <div class="txt"><a href="/services/1c_sync">Синхронизация с 1С</a></div>
            </div>
        </div><!-- /Порядок для Сафари! -->
        <!-- .block_serv -->           
    </div>
    <!-- /.content -->
</section><!-- /.services -->   
    </article>
    <div id="back-top"><a href="#container"></a></div>
</article>

<div id="contact_form_popup">
    <div class="popup hidden">
        <div class="section">
            <a class="close" href="#"></a>
            <div class="tith3"><strong>Форма обратной связи</strong></div>
        </div>

        <div class="body">
            <div class="block_order">
                <form action="/contacts" method="post" class="contact_form">
                    <fieldset>
                        <div class="row">
                            <div class="sideleft">Имя: <span class="red">*</span></div>
                            <div class="sidecenter"><input type="text" name="name"></div>
                        </div>

                        <div class="row">
                            <div class="sideleft">Телефон: <span class="red">*</span></div>
                            <div class="sidecenter"><input type="text" name="phone" data-phone-mask=""></div>
                        </div>

                        <div class="row">
                            <div class="sideleft">Email:</div>
                            <div class="sidecenter"><input type="text" name="email"></div>
                        </div>

                        <div class="row">
                            <div class="sideleft">Комментарий:</div>
                            <div class="sidecenter"><textarea name="message"></textarea></div>
                        </div>

                        <div class="row privacy">
                            <div class="sidecenter">
                                <input id="privacy_order" type="checkbox" name="privacy" checked="checked" autocomplete="off"/>

                                <label for="privacy_order">Я ознакомлен и согласен с
                                    <!--noindex-->
                                    <a rel="nofollow" target="_blank" href="/privacy">Политикой
                                        конфиденциальности</a>
                                    <!--/noindex--><span class="red">*</span>

                                </label>
                            </div>
                        </div>

                        <div class="button-section">
                            <input type="hidden" name="form_key" value="" />
                            <input type="hidden" name="type" />
                            <input class="submit" type="submit" value="Отправить">
                        </div>
                    </fieldset>
                </form>
            </div>
        </div><!-- /.body -->
    </div><!-- /.popup -->

    <div class="bg0"></div>
</div><!-- /poporder_fast --><div id="success_popup">
    <div class="popup hidden">
        <div class="section">
            <a class="close" href="#"></a>
            <div class="tith3"><strong>&nbsp;</strong></div>
        </div>

        <div class="body">
            <div class="block_order">
                &nbsp;
            </div>
        </div><!-- /.body -->
    </div><!-- /.popup -->

    <div class="bg0"></div>
</div><!-- /poporder_fast -->
<footer id="footer">
        <div class="middle-content footer-content">
        <div class="copyright">
            &copy; 2006-2018 <strong>Студия веб-дизайна «Диол»</strong><br/>

            разработка и создание сайтов<br/>
            оптимизация сайтов и продвижение в поисковых системах<br/>
            комплексный Интернет-маркетинг<br />
            <a href="/articles">Статьи</a>
            <!--noindex-->
            <a rel="nofollow" target="_blank" href="/privacy">Политика конфиденциальности</a>
            <!--/noindex-->
        </div>

        <div class="block-contacts phone">
            <div>Контактный телефон:</div>
            <div class="phone-number"><a href="tel:+7(495)132-03-02"><span>+7 495</span> <strong>132-03-02</strong></a></div>
        </div>

        <address>
            <div>Наш e-mail:</div>
            <div><a href="mailto:info@diol-it.ru" class="footer-email">info@diol-it.ru</a></div>
        </address>

        
<div class="live-internet">
    <!--LiveInternet counter--><script type="text/javascript"><!--
        document.write("<a href='http://www.liveinternet.ru/click' "+
        "target=_blank><img src='//counter.yadro.ru/hit?t50.1;r"+
        escape(document.referrer)+((typeof(screen)=="undefined")?"":
        ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
            screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
        ";"+Math.random()+
        "' alt='' title='LiveInternet' "+
        "border='0' width='31' height='31'><\/a>");
        //--></script><!--/LiveInternet-->
</div>



<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter157820 = new Ya.Metrika({
id:157820,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
} catch(e) { }
});

var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";

if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/157820" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script>
    // обновить id при смене счетчика в метрике!
    window.yaCounterObjectName = 'yaCounter157820';
</script>


<!-- Google Analitics -->
<script type="text/javascript">
    var gaJsHost = (("https:" ==
    document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost
    + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    try {
        var pageTracker = _gat._getTracker("UA-6572792-1");
        pageTracker._trackPageview();
    } catch(err) {}
</script>
<!-- /Google Analitics -->

    </div>
</footer>
</body>
</html>