<!-- *** LOGIN MODAL ***
_________________________________________________________ -->

        <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
            <div class="modal-dialog modal-sm">

                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="Login">Customer login</h4>
                    </div>
                    <div class="modal-body">
                        <form action="customer-orders.html" method="post">
                            <div class="form-group">
                                <input type="text" class="form-control" id="email_modal" placeholder="email">
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" id="password_modal" placeholder="password">
                            </div>

                            <p class="text-center">
                                <button class="btn btn-template-main"><i class="fa fa-sign-in"></i> Log in</button>
                            </p>

                        </form>

                        <p class="text-center text-muted">Not registered yet?</p>
                        <p class="text-center text-muted"><a href="customer-register.html"><strong>Register now</strong></a>! It is easy and done in 1&nbsp;minute and gives you access to special discounts and much more!</p>

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

        <!-- *** LOGIN MODAL END *** -->

        <section class="hidden-lg hidden-md main-car-mobile no-mb">
            <div class="jumbotron">

                <div class="dark-mask"></div>

                <div class="container">
                    <div class="row mb-small">
                        <div class="col-sm-12 text-center">
                            <h1>Облачные хранилища</h1>
                            <h2>Сервер в облаке — ваше персональное хранилище для бизнеса.</h2>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6 mb-small">
                            <img class="img-responsive" src="img/comp12.png" alt="">
                        </div>

                        <div class="col-sm-6 text-center-xs">
                            <p class="text-uppercase">Быстрая синхронизация, Многофункциональность, Удаленный доступ с любой точки Земли.</p>
                            <p>И еще много предложений. Оставьте заявку, чтобы узнать все возможности.</p>
                            <p><a href="#" class="btn btn-template-transparent-black modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать</a>
                            </p>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="no-mb hidden-xs hidden-sm">
            <!-- *** JUMBOTRON ***
 _________________________________________________________ -->

            <div class="jumbotron">

                <div class="dark-mask"></div>

                <div class="container">
                    <div class="row mb-small">
                        <div class="col-sm-12 text-center">
                            <h1>Облачные хранилища</h1>
                            <h2>Сервер в облаке — ваше персональное хранилище для бизнеса.</h2>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6 mb-small">
                            <img class="img-responsive" src="img/comp12.png" alt="">
                        </div>

                        <div class="col-sm-6 text-center-xs">
                            <p class="text-uppercase">Быстрая синхронизация, Многофункциональность, Удаленный доступ с любой точки Земли.</p>
                            <p>И еще много предложений. Оставьте заявку, чтобы узнать все возможности.</p>
                            <p><a href="#" class="btn btn-template-transparent-black modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать</a>
                            </p>

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

            <!-- *** JUMBOTRON END *** -->
        </section>

        <section class="bar background-gray no-mb padding-big text-center-sm">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="text-uppercase">Понятный интерфейс</h2>
                        <p class="lead mb-small">Быстрая интеграция между аккаунтами. Встроенный календарь для планирования встреч и дедлайнов. Миграция корпоративной почты с разных серверов и переносом данных. Создание документов и таблиц в удаленном режиме, управление контактами.</p>
                        <p class="mb-small"></p>

                        <p><a href="index2.html#" class="btn btn-template-main">Узнать больше</a>
                        </p>
                    </div>
                    <div class="col-md-6 text-center">
                        <img src="img/comp11.png" alt="" class="img-responsive">
                    </div>
                </div>
            </div>
        </section>

        <section class="bar no-mb color-white padding-big text-center-sm">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 text-center">
                        <img src="img/comp13.png" alt="" class="img-responsive">
                    </div>
                    <div class="col-md-6">
                        <h2 class="text-uppercase">Корпоративная почта</h2>
                        <p class="lead mb-small">Ваша личная корпоративная почта будет обслуживаться на сервере Tiger, которому отдали предпочтение в 200 странах, более 4000 компаний, что в целом составляет 100 млн конечных пользователей.</p>

                        <p><a href="index2.html#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать свой сервер</a>
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="bar background-gray no-mb padding-big text-center-sm">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="text-uppercase">Облачное хранилище CrystalVision</h2>
                        <p class="lead mb-small">Облачное хранилище “CrystalVision” предоставляет встроенные функции защиты от спама и вирусов. Доступ с планшета, мобильного, laptop. Поддерживает все операционные системы: iOS, MacOS, Android, BlackBerry, Windows, Windows Phone.</p>
                        <p class="mb-small"></p>

                        <p><a href="index2.html#" class="btn btn-template-main">Посмотреть</a>
                        </p>
                    </div>
                    <div class="col-md-6 text-center">
                        <img src="img/template-easy-code.png" alt="" class="img-responsive">
                    </div>
                </div>
            </div>
        </section>

        <section class="bar background-white no-mb" id="packages">
            <div class="container" data-animate="fadeInUp">
                <div class="row">
                    <div class="col-md-12">
                        <div class="heading text-center">
                            <h2>Стоимость услуг</h2>
                        </div>

                        <div class="row packages">

                            <div class="col-md-4">
                                <div class="package ">
                                    <div class="package-header light-gray">
                                        <h5>Базовый пакет</h5>
                                    </div>
                                    <div class="price">
                                        <div class="price-container">
                                            <h4>500<span class="currency">$</span></h4>
                                        </div>
                                    </div>
                                    <ul>
                                        <li><i class="fa fa-check"></i>Хранилище 100ГБ</li>
                                        <li><i class="fa fa-check"></i>Собственный файл конфигурации</li>
                                        <li><i class="fa fa-times"></i>Передача данных</li>
                                        <li><i class="fa fa-times"></i>Автоматическая архивация</li>
                                        <li><i class="fa fa-times"></i>Повышенная защита</li>
                                    </ul>
                                    <a href="index2.html#" class="btn btn-template-main modal-link" data-title="Заказать" data-form="artboxcore-modal">

		Заказать </a>
                                </div>
                            </div>
                            <!-- / END FIRST PACKAGE -->

                            <div class="col-md-4">
                                <div class="package ">
                                    <div class="package-header light-gray">
                                        <h5>Стандартный пакет</h5>
                                    </div>
                                    <div class="price">
                                        <div class="price-container">
                                            <h4>700<span class="currency">$</span></h4>
                                        </div>
                                    </div>
                                    <ul>
                                        <li><i class="fa fa-check"></i>Хранилище 100ГБ</li>
                                        <li><i class="fa fa-check"></i>Собственный файл конфигурации</li>
                                        <li><i class="fa fa-times"></i>Передача данных</li>
                                        <li><i class="fa fa-times"></i>Автоматическая архивация</li>
                                        <li><i class="fa fa-times"></i>Повышенная защита</li>
                                    </ul>
                                    <a href="index2.html#" class="btn btn-template-main modal-link" data-title="Заказать" data-form="artboxcore-modal">

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

                            <div class="col-md-4">
                                <div>
                                    <div class="package">
                                        <div class="package-header">
                                            <h5>Премиум пакет</h5>
                                            <!--<div class="meta-text">
                                                Best Value
                                            </div>-->
                                        </div>
                                        <div class="price">
                                            <h4>1000<span class="currency">$</span></h4>
                                        </div>
                                        <ul>
                                        <li><i class="fa fa-check"></i>Хранилище 100ГБ</li>
                                        <li><i class="fa fa-check"></i>Собственный файл конфигурации</li>
                                        <li><i class="fa fa-times"></i>Передача данных</li>
                                        <li><i class="fa fa-times"></i>Автоматическая архивация</li>
                                        <li><i class="fa fa-times"></i>Повышенная защита</li>
                                        </ul>
                                        <a href="index2.html#" class="btn btn-template-main modal-link" data-title="Заказать" data-form="artboxcore-modal">

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

                        </div>

                    </div>
                </div>
            </div>
        </section>

        <section class="bar background-gray no-mb">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <ul class="owl-carousel customers">
                            <li class="item">
                                <a href="//kristal-estet.com" target="_blank"><img src="img/customer-1.png" alt="" class="img-responsive"></a>
                            </li>
                            <li class="item">
                                <a href="//kievadventures.com" target="_blank"><img src="img/customer-2.png" alt="" class="img-responsive"></a>
                            </li>
                            <li class="item">
                                <a href="//odoo.net.ua" target="_blank"><img src="img/customer-3.png" alt="" class="img-responsive"></a>
                            </li>
                            <li class="item">
                                <a href="http://www.kbenergy.kiev.ua/" target="_blank"><img src="img/customer-4.png" alt="" class="img-responsive"></a>
                            </li>
                            <li class="item">
                                <a href="https://www.cloud.net.ua/" target="_blank"><img src="img/customer-5.png" alt="" class="img-responsive"></a>
                            </li>
                            <li class="item">
                                <a href="http://www.tesla-ukraine.com.ua/" target="_blank"><img src="img/customer-6.png" alt="" class="img-responsive"></a>
                            </li>
                        </ul>
                        <!-- /.owl-carousel -->
                    </div>

                </div>
            </div>
        </section>

        <section class="bar background-image-fixed-2 no-mb color-white text-center">
            <div class="dark-mask"></div>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="icon icon-lg"><i class="fa fa-file-code-o"></i>
                        </div>
                        <h1>Остались вопросы?</h1>
                        <p class="lead">Мы всегда на связи, и ответим на любые ваши вопросы.</p>
                        <p class="text-center">
                            <a href="index3.html" class="btn btn-template-transparent-black btn-lg modal-link" data-title="Заказать" data-form="artboxcore-modal">Свяжитесь со мной</a>
                        </p>
                    </div>

                </div>
            </div>
        </section>

        <!-- *** GET IT ***
_________________________________________________________ -->

        <div id="get-it">
            <div class="container">
                <div class="col-md-8 col-sm-12">
                    <h3>Хотите свой облачный сервер?</h3>
                </div>
                <div class="col-md-4 col-sm-12">
                    <a href="index2.html#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать</a>
                </div>
            </div>
        </div>


        <!-- *** GET IT END *** -->
<!-- *** FOOTER ***
_________________________________________________________ -->

        <footer id="footer">
            <div class="container">
                <div class="col-md-3 col-sm-6">
                    <h4>О нас</h4>

                    <p>Облачное хранилище “CrystalVision”— это первое, что необходимо для бизнеса. Создание быстрой, функциональной системы обмена данными требуется для налаженной работы компании.</p>

                    <hr class="hidden-md hidden-lg hidden-sm">

                </div>
                <!-- /.col-md-3 -->

                <div class="col-md-3 col-sm-6">

                    <h4>Блог</h4>

                    <div class="blog-entries">
                        <div class="item same-height-row clearfix">
                            <div class="image same-height-always">
                                <a href="/text-page.html">
                                    <img class="img-responsive" src="img/sqr1.png" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="/text-page.html">Выбираем облачное хранилище</a></h5>
                            </div>
                        </div>

                        <div class="item same-height-row clearfix">
                            <div class="image same-height-always">
                                <a href="/text-page.html">
                                    <img class="img-responsive" src="img/sqr2.png" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="/text-page.html">Перенос 1С 8.2 с локального ПК на сервер в облаке</a></h5>
                            </div>
                        </div>

                        <div class="item same-height-row clearfix">
                            <div class="image same-height-always">
                                <a href="/text-page.html">
                                    <img class="img-responsive" src="img/sqr3.png" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="/text-page.html">Как получить доступ к файлам на сервере в облаке с помощью FTP?</a></h5>
                            </div>
                        </div>
                    </div>

                    <hr class="hidden-md hidden-lg">

                </div>
                <!-- /.col-md-3 -->

                <div class="col-md-3 col-sm-6">

                    <h4>Наши контакты</h4>

                    <p><strong>Компания “CrystalVision”</strong>
                        <br>Улица Серебрянская 46-А
                        <br>Киев, 
                        <strong>Украина</strong>
                    </p>

                    <a href="contact.html" class="btn btn-small btn-template-main">На страницу контактов</a>

                    <hr class="hidden-md hidden-lg hidden-sm">

                </div>
                <!-- /.col-md-3 -->


<div class="col-md-3 col-sm-6">

                    <h4>Фотогалерея</h4>

                    <div class="photostream">
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sqr4.png" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sqr5.png" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sqr6.png" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sqr7.png" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sqr8.png" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sqr9.png" class="img-responsive" alt="#">
                            </a>
                        </div>
                    </div>

                </div>
                <!-- /.col-md-3 -->
            </div>
            <!-- /.container -->
        </footer>
        <!-- /#footer -->

        <!-- *** FOOTER END *** -->

        <?php
	require("./blocks/modal.php");
	?>

    </div>
    <!-- /#all -->

    <!-- #### JAVASCRIPT FILES ### -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')
    </script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

    <script src="js/jquery.cookie.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/jquery.parallax-1.1.3.js"></script>
    <script src="js/front.js"></script>
    <script src="js/modal.js"></script>
	<script src="/js/photoswipe.min.js"></script>
	<script src="/js/photoswipe-ui-default.min.js"></script>
	<script src="/js/start-swipe.js"></script>

    <!-- gmaps end -->
    <!-- owl carousel -->
    <script src="js/owl.carousel.min.js"></script>
<script src="/js/submit.js"></script>

</body>
</html>