{include file=$header description="Мы - маленькая компания с огромным потенциалом в области WEB-разработки!" keywords="Статьи про PHP, бесплатные PHP скрипты, бесплатные скрипты JS, бесплатные плагины для JQuery, заказать сайт, заказать интернет магазин,
creative studio web"}
<!-- start slider -->
<section id="home" class="no-padding no-transition">
    <h1 class="display-none" aria-hidden="true">boltex</h1>
    <h2 class="display-none" aria-hidden="true">boltex</h2>
    <div id="rev_slider_5_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="boltex-4" data-source="gallery" style="background:transparent;padding:0px;left: 0 !important;;">
        <!-- START REVOLUTION SLIDER 5.4.5 fullscreen mode -->
        <div id="rev_slider_5_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.5">
            <ul>
                <!-- SLIDE  -->
                <li data-index="rs-11" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide"
                    data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="img/slider.jpg" alt="image" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->
                    {*
                    <!-- LAYER NR. 1 
                    data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                    
                    -->
                    *}
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-7" id="slide-11-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-3','0']" data-width="none"
                        data-height="none" data-whitespace="nowrap" data-type="image" data-responsive_offset="on" {$smarty.const.LAYER_1} data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                        data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;"><img src="imges/1513f-transparent-square.png" alt="image" data-ww="['688px','688px','500px','374px']" data-hh="['612px','612px','445px','333px']" data-no-retina></div>
                    {*
                    <!-- LAYER NR. 2 
                     data-frames='[{ "delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                    -->
                    *}
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2" id="slide-11-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['120','100','70','70']"
                        data-lineheight="['120','100','70','70']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" {$smarty.const.LAYER_2} data-textAlign="['inherit','inherit','inherit','inherit']"
                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6; white-space: nowrap; font-size: 120px; line-height: 120px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Raleway;">
                        <div id="js-rotating">Website,SEO,Servers</div>
                    </div>

                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2" id="slide-11-layer-3" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-115','-109','-82','-71']" data-fontsize="['25','25','20','20']"
                        data-lineheight="['35','35','30','25']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" {$smarty.const.LAYER_3} {* data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                        *} data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 35px; line-height: 35px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Raleway;">
                        Creative WEB Studio
                    </div>

                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2" id="slide-11-layer-4" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['130','117','76','74']" data-fontsize="['20','20','20','18']"
                        data-lineheight="['22','22','22','18']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" {$smarty.const.LAYER_4} {* data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                        *} data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Raleway;">
                        <a href="#." class="btn btn-rounded btn-blue btn-hvr-white btn-large">Get Started Now</a></div>
                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
        </div>
    </div>
    <!-- END REVOLUTION SLIDER -->

</section>
<!-- slider end -->

<!-- start feature -->
<section id="feature" class="how-it-work text-center bg-light-gray no-transition">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 text-center center-col last-paragraph-no-margin">
                <div class="sec-title margin-100px-bottom">
                    <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Мы знаем как надо!</div>
                    <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                        Наша работа</h3>
                    <p class="width-75 margin-lr-auto md-width-90 xs-width-100 xs-margin-30px-bottom">На каждом этапе работ мы держим контакт с клиентом и оперативно вносим правки</p>
                </div>
            </div>
        </div>

        <div class="how-one-container">
            <!--how it work Box-->
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="how-box-one inner-box xs-margin-100px-bottom">
                    <div class="icon-box bg-blue">
                        <i class="fa fa-calendar-check-o" aria-hidden="true"></i>
                    </div>
                    <div class="text-large text-extra-dark-gray margin-20px-bottom">Планирование</div>
                    <p>Вы составляете техническое задание, мы его с вами обсуждаем и приходим к взаимопониманию
                    </p>
                </div>
            </div>

            <!--how it work Box-->
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="how-box-one inner-box sm-margin-100px-bottom xs-margin-100px-bottom">
                    <div class="icon-box bg-blue">
                        <i class="fa fa-group" aria-hidden="true"></i>
                    </div>
                    <div class="text-large text-extra-dark-gray margin-20px-bottom">Дизайн</div>
                    <p>Разрабатываем дизайн сайта исходя из технического задания<br><br>
                    </p>
                </div>
            </div>

            <!--how it work Box-->
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="how-box-one inner-box">
                    <div class="icon-box bg-blue">
                        <i class="fa fa-comments-o" aria-hidden="true"></i>
                    </div>
                    <div class="text-large text-extra-dark-gray margin-20px-bottom">Разработка</div>
                    <p>Оживляем дизайн - делаем так, чтобы он работал!<br><br>
                    </p>
                </div>
            </div>

        </div>
    </div>
</section>
<!--end feature -->

<!-- start about -->
<section id="about" class="no-padding">

    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/web_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Креативный дизайн</h3>
                            <p>Мы разрабатываем уникальный дизайн для каждого проекта</p>
                            <a href="#." class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding pull-right sm-float-none">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/seo_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                SEO оптимизация</h3>
                            <p>У вас уже есть проект? Мы поможем узнать его слабые места с точки зрения есстественного сео-продвижения</p>
                            <a href="#." class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding sm-float-none">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/host_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Хостинг</h3>
                            <p>Разрабатывая сайты - мы знаем о хостинге все! Поможем подобрать, настроить или же даже предоставить услуги хостинга</p>
                            <a href="#." class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding pull-right sm-float-none">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/server_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Сервера</h3>
                            <p>Не хотите регулярно платить за хостинг? У вас есть свой сервер и мы поможем развернуть на нем ваш проект!</p>
                            <a href="#." class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding sm-float-none">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/cloud_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Хостинг для 1С!</h3>
                            <p>Предоставляем сервера для размещения баз 1С!</p>
                            <a href="https://creativewebstudio.ru/page/55" class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding pull-right sm-float-none">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/onlineservice_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Онлайн-сервисы</h3>
                            <p>Мы предоставляем ряд услуг прямо на сайте!</p>
                            <a href="/onlineservices.html" class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 no-padding sm-float-none">
                    <div class="about-image hover-effect">
                        <img alt="" src="img/sale_975_649.jpg" class="equalheight">
                    </div>
                </div>
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Service We Provide</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Распродажа проектов!</h3>
                            <p>Уникальная услуга - мы распродаем некоторые, утратившие актуальность проекты!</p>
                            <a href="https://creativewebstudio.ru/page/55" class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Узнать больше</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- about end -->

<!-- team -->
<section id="team" class="text-center bg-light-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 text-center center-col last-paragraph-no-margin">
                <div class="sec-title margin-100px-bottom">
                    <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Heros Behind The Company</div>
                    <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                        Команда</h3>
                    <p class="width-75 margin-lr-auto md-width-90 xs-width-100 xs-margin-30px-bottom">Сейчас в я один и приглашаю единомышленников в свою команду</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12 sm-margin-30px-bottom">
                <div class="team-box sm-margin-30px-bottom xs-margin-30px-bottom">
                    <div class="team-image">
                        <img src="img/yurec.jpg" alt="image">
                    </div>
                    <div class="team-three-tag">
                        <div class="team-three-text display-inline float-left text-left">
                            <h6 class="text-extra-dark-gray no-margin-bottom">Евдокимов <span class="text-blue">Юрий</span></h6>
                            <p class="no-margin-bottom">Backend, администрирование</p>
                        </div>
                        <div class="team-three-social bg-blue" aria-hidden="true">
                            <a href="#." class="facebook-text-hvr"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                            <a href="#." class="twitter-text-hvr"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                            <a href="#." class="linkedin-text-hvr"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </div>
            </div>



        </div>

        <button type="button" class="btn btn-warning btn-lg mt-3" style="float: left; margin-top: 10px;">Хочу в команду!</button>
    </div>
</section>
<!-- team end -->

<!-- start parallax -->
<!--section class="parallax no-transition bg-img1">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-left sm-text-center center-col">
                <p class="text-large text-white margin-10px-bottom font-weight-400 margin-10px-bottom">We Have An Excellent Video</p>
                <h3 class="text-capitalize alt-font text-white margin-30px-bottom font-weight-300 sm-width-100 xs-width-100">
                    Watch Our Story</h3>
                <a data-fancybox="" href="https://vimeo.com/191947042" class="btn btn-rounded btn-blue btn-hvr-white btn-large"><i class="fa fa-play"></i> Try Our Team</a>
            </div>
        </div>
    </div>
</section -->
<!-- end parallax -->

<!-- start work -->
<section id="work" class="portfolio no-transition no-padding-bottom">

    <div class="container">
        <div class="row">
            <div class="col-lg-9 text-center center-col last-paragraph-no-margin">
                <div class="sec-title margin-50px-bottom">
                    <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Portfolio Designs</div>
                    <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                        Последние работы</h3>
                    <p class="width-75 margin-lr-auto md-width-90 xs-width-100 xs-margin-30px-bottom">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Perspiciatis unde omnis iste natus error sit.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- filter links -->
        <div class="filtering col-sm-12 text-center margin-50px-bottom">
            <span data-filter="*" class="active">Все</span>
            <span data-filter=".brand">Логотипы</span>
            <span data-filter=".web">Дизайн</span>
            <span data-filter=".montazh">Монтаж</span>
        </div>

        <div class="clearfix"></div>
        <!-- gallery -->
        <div class="gallery text-center">

            <!-- gallery item -->
            <div class="col-md-3 items web sm-width-100">
                <div class="item-img">
                    <a href="images/workimg2.jpg" data-fancybox="images">
                        <img src="images/workimg2.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-3 items web sm-width-100">
                <div class="item-img">
                    <a href="images/workimg3.jpg" data-fancybox="images">
                        <img src="images/workimg3.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-6 items web sm-width-100">
                <div class="item-img">
                    <a href="img/serb-k_1000_668.jpg" data-fancybox="images">
                        <img src="img/serb-k_1000_668.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">https://serbskaya-kuhnya.ru/</h6>
                                <p>Ресторан сербской кухни Нижнего Тагила</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-6 items graphic sm-width-100">
                <div class="item-img">
                    <a href="images/workimg6.jpg" data-fancybox="images">
                        <img src="images/workimg6.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-3 items brand sm-width-100">
                <div class="item-img">
                    <a href="images/workimg4.jpg" data-fancybox="images">
                        <img src="images/workimg4.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-3 items graphic sm-width-100">
                <div class="item-img">
                    <a href="images/workimg5.jpg" data-fancybox="images">
                        <img src="images/workimg5.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

        </div>

        <div class="clear-fix"></div>


    </div>
</section>
<!-- end work -->

<!-- start price -->
<section id="price">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 text-center center-col last-paragraph-no-margin">
                <div class="sec-title margin-100px-bottom">
                    <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Choose The Best</div>
                    <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                        Наши услуги</h3>
                    <p class="width-75 margin-lr-auto md-width-90 xs-width-100 xs-margin-30px-bottom">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Perspiciatis unde omnis iste natus error sit.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12 sm-margin-30px-bottom">
                <div class="price-item text-left">
                    <h6 class="alt-font font-weight-500 margin-10px-bottom">Разработка сайта</h6>
                    <div class="price-tag clearfix alt-font">
                        <span class="price alt-font text-dark-gray">
                                    <span class="sign">от </span>
                        <span class="currency">10000</span>
                        <span class="month">р.</span>
                        </span>
                        <span class="price-text text-dark-gray no-margin">Под ключ по вашему тех.заданию</span>
                    </div>
                    <ul class="packages">
                        <li><i class="fa fa-check" aria-hidden="true"></i>Покупка домена</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Аренда хостинга</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Дизайн</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Функционал</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Панель управления</li>
                    </ul>
                    <a href="#." class="btn btn-blue btn-rounded width-100 btn-large">Подробный прайс</a>
                </div>
            </div>


            <div class="col-md-4 col-sm-6 col-xs-12 sm-margin-30px-bottom">
                <div class="price-item center text-left">
                    <h6 class="alt-font font-weight-500 margin-10px-bottom">Хостинг</h6>
                    <div class="price-tag clearfix alt-font">
                        <span class="price alt-font text-white">
                                    <span class="sign"></span>
                        <span class="currency">100</span>
                        <span class="month">р./Гб.</span>
                        </span>
                        <span class="price-text text-white no-margin">Оплата только за хранение Ваших данных</span>
                    </div>
                    <ul class="packages">
                        <li><i class="fa fa-check" aria-hidden="true"></i>Выделим место под ваш проект на нашем сервере</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>PHP7, Nginx, MariaDB, Python</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>1С в Облаке</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Резервное копирование</li>
                        <!-- li><i class="fa fa-check" aria-hidden="true"></i>Powerful Admin Panel</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Email Accounts</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>8 Free Forks Every Months</li -->
                    </ul>
                    <a href="/uslugi-hostinga.html" class="btn btn-white btn-rounded width-100 btn-large">Подробный прайс</a>
                </div>
            </div>


            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="price-item text-left">
                    <h6 class="alt-font font-weight-500 margin-10px-bottom">Сервера</h6>
                    <div class="price-tag clearfix alt-font">
                        <span class="price alt-font text-dark-gray">
                                    <span class="sign">от</span>
                        <span class="currency">3000</span>
                        <span class="month">р.</span>
                        </span>
                        <span class="price-text text-dark-gray no-margin">Настройка различных служб на ваших серверах</span>
                    </div>
                    <ul class="packages">
                        <li><i class="fa fa-check" aria-hidden="true"></i>WEB: Nginx + PHP7 + MariaDB</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>Mail: Postfix + courier + spamassassin</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>OpenVPN - организуем сеть между удаленными офисами</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>1С Предприятие</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i>IP-Телефония</li>
                    </ul>
                    <a href="#." class="btn btn-blue btn-rounded width-100 btn-large">Подробный прайс</a>
                </div>
            </div>
        </div>

    </div>
</section>
<!-- start price -->

<!-- start blog -->
<section id="blog" class="no-padding">
    <div class="half-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 sm-padding-50px-tb">
                    <div class="split-box text-center center-block equalheight">
                        <div class="about-box">
                            <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Our Latest News</div>
                            <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                                Marketing Blog</h3>
                            <p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique
                                risus faucibus.</p>
                            <a href="#." class="btn btn-transparent-blue btn-rounded btn-large margin-20px-top">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 no-padding">
                    <div class="about-image hover-effect">
                        <img alt="" src="images/split-img3.jpg" class="equalheight">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end blog -->

<!-- clients -->
<section class="no-transition bg-very-light-gray">
    <h2 class="display-none" aria-hidden="true">boltex</h2>
    <div class="container">
        <div class="row">
            <div class="owl-carousel owl-theme owl-client">
                <div class="client item">
                    <img src="images/client-one.png" alt="image">
                </div>
                <div class="client item">
                    <img src="images/client-two.png" alt="image">
                </div>
                <div class="client item">
                    <img src="images/client-three.png" alt="image">
                </div>
                <div class="client item">
                    <img src="images/client-one.png" alt="image">
                </div>
                <div class="client item">
                    <img src="images/client-two.png" alt="image">
                </div>
                <div class="client item">
                    <img src="images/client-three.png" alt="image">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- clients end -->

<!-- testimonials -->
<section class="testimonial-two no-padding-top bg-very-light-gray">
    <div class="parallax testimonial-two-bg no-transition">
        <div class="container">
            <div class="row">
                <div class="col-sm-offset-4 col-sm-8 equalheight">
                    <div class="testimonial-two-title">
                        <h3 class="area-title text-capitalize alt-font text-white font-weight-300">
                            Meet Our<br><span class="font-weight-400">Happy Client</span>
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">

        <div class="owl-theme owl-carousel owl-testimonial-two">
            <div class="testimonial-two-block item">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="testimonial-client-img">
                            <img src="images/testimonial-two-client2.jpg" alt="image">
                        </div>
                        <div class="testimonial-client-name">
                            <h6 class="text-large text-blue font-weight-600 margin-5px-bottom margin-30px-top text-center">Elic York</h6>
                            <p class="text-center">Upwork, New York</p>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="testimonial-client-says text-left margin-135px-top xs-margin-30px-top xs-text-center">
                            <p> We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we can’t boast years and years of service. you won’t
                                receive a generic service.
                            </p>
                            <div class="testimonial-two-rating margin-20px-top">
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="testimonial-two-block item">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="testimonial-client-img">
                            <img src="images/testimonial-two-client1.jpg" alt="image">
                        </div>
                        <div class="testimonial-client-name">
                            <h6 class="text-large text-blue font-weight-600 margin-5px-bottom margin-30px-top text-center">Adward David</h6>
                            <p class="text-center">Abacus, CEO</p>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="testimonial-client-says text-left margin-135px-top xs-margin-30px-top xs-text-center">
                            <p> We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we can’t boast years.
                            </p>
                            <div class="testimonial-two-rating margin-20px-top">
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star-half-o" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="testimonial-two-block item">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="testimonial-client-img">
                            <img src="images/testimonial-two-client3.jpg" alt="image">
                        </div>
                        <div class="testimonial-client-name">
                            <h6 class="text-large text-blue font-weight-600 margin-5px-bottom margin-30px-top text-center">Steph Erick</h6>
                            <p class="text-center">Enavto, Australia</p>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="testimonial-client-says text-left margin-135px-top xs-margin-30px-top xs-text-center">
                            <p> We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we can’t boast.
                            </p>
                            <div class="testimonial-two-rating margin-20px-top">
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star-o" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</section>
<!-- testimonials end -->

<!-- map -->
<!-- section class="no-padding">
    <h2 class="display-none no-padding no-margin" aria-hidden="true">Finza</h2>
    <div class="row">
        <div class="map-horizontal">
            <div class="map" id="map"></div>
        </div>
    </div>
</section -->
<!-- map end -->

{include file=$footer}