index.php 14.9 KB
<?php

/* @var $this yii\web\View */

$this->title = 'My Yii Application';
?>


<section class="no-mb">
  <!-- *** 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>Odoo в Украине</h1>
          <h2>От сервис-провайдера “Облако”</h2>
        </div>
      </div>
      
      <div class="row">
        <div class="col-sm-6 mb-small">
          <img class="img-responsive" src="/img/hp_tab_sales.gif" alt="" style="border: 5px solid #5f5f5f;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);">
        </div>

          <div class="col-sm-6 text-center-xs">
              <p class="text-uppercase">Руководить компанией станет проще.</p>
              <p>Odoo – это сервис, который сводит управление компанией в одну программу. Контроль воронки продаж; формирование, отправка и обсуждение коммерческих предложений; конструкция веб-сайтов и другое. С Odoo от “Облака” вы быстро начнете работу, не затрачивая время на развертывание системы.</p>
              <p><a href="#packages" class="scroll-to btn btn-template-transparent-black">Читать далее</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">Хостинг и аренда конфигурации Odoo</h2>
                <p class="lead mb-small">Безопасность данных и бэкап</p>
                <p class="mb-small">“Облако" открывает доступ к программе Odoo на нашем серверном пространстве: Украина и страны Европы.Также можете получить виртуальную машину, которая развернет программу на указанном вами сервере. От нас клиенты получают оперативную сервисную поддержку, индивидуальную доработку модулей и ежедневное резервное копирование системы глубиной в три дня.</p>
                <p><a href="#" class="btn btn-template-main">Читать далее</a></p>
            </div>
            <div class="col-md-6 text-center">
                <img src="/img/odoo-laptop.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/pic-block-three.png" alt="" class="img-responsive" style="margin-top: 20px;width: 90%;border: 5px solid #5f5f5f;box-shadow: 15px 15px 17px 10px rgba(0, 0, 0, 0.15);">
            </div>
            <div class="col-md-6">
                <h2 class="text-uppercase">Управление продажами и проектами онлайн</h2>
                <p class="lead mb-small">Контролируйте все этапы бизнеса</p>
                <p class="mb-small">Каждый первичный контакт с клиентом отражается в системе, ему можно присвоить статус. Формируйте и отправляйте коммерческие предложения - они приходят на почту партнерам в виде писем с PDF файлом и ссылкой на Odoo. Партнеру не нужно устанавливать программу, чтобы ответить на ваше письмо. Выставляйте счета, проводите оплаты, следите за остатками на складе.</p>
                <p><a href="#" class="btn btn-template-transparent-primary">Читать далее</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">ERP в облаке</h2>
                <p class="lead mb-small">Сложные программы остались в прошлом</p>
                <p class="mb-small">Чтобы зайти в Odoo, не нужно устанавливать дополнительные программы или подключаться к удаленному рабочему столу. Достаточно зайти в веб-браузер - и весь функционал под прицелом вашей “мышки”. Со своим логином и паролем вы зайдете в Odoo с любого компьютера, через любой интернет-провайдер. При необходимости можете развернуть программу локально из резервных копий.</p>
                <p><a href="#" class="btn btn-template-main">Читать далее</a></p>
            </div>
            <div class="col-md-6 text-center">
                <img src="/img/pic-block-four.png" alt="" class="img-responsive" style="margin-top: 20px;width: 90%;border: 5px solid #5f5f5f;box-shadow: -15px 15px 5px 0px rgba(0, 0, 0, 0.1);">
            </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/pic-block-five.png" alt="" class="img-responsive">
            </div>
            <div class="col-md-6">
                <h2 class="text-uppercase">Odoo и ArtBox: интеграция с сайтом и интернет-магазином</h2>
                <p class="lead mb-small">Создайте свой веб-сайт</p>
                <p class="mb-small">С Odoo удобно создавать сайты партнерской сети, связывать заказы покупателей со складскими остатками и т.д. Но если вам нужен мультикатегорийный интернет-магазин, выдерживающий высокие нагрузки и максимально адаптированный под поисковое продвижение, лучшее решение - сайт на базе ArtBox.</p>
                <p><a href="#" class="btn btn-template-transparent-primary">Читать далее</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">CloudBank</h2>
                <p class="lead mb-small">Безопасное управление бизнесом</p>
                <p class="mb-small">Рабочее пространство с инструментами управления: Odoo, хранилище, создание сайтов, управление почтой и корреспонденций. Разворачивается на провайдерских площадках или локально на "Кубике". "Кубик" - маленький сервер, который в заданное время дублирует данные в "Облако". В случае хакерского взлома или технических проблем данные не потеряются, а работа восстановится на "Облачном" сервисе.</p>
                <p><a href="#" class="btn btn-template-main">Читать далее</a></p>
            </div>
        </div>
    </div>
</section>


<section class="bar background-white no-mb" id="packages">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="heading text-center">
                    <h2>Packages we offer</h2>
                </div>
                <p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
                <div class="row packages">
                    <div class="col-md-3">
                        <div class="package ">
                            <div class="package-header light-gray">
                                <h5>Basic</h5>
                            </div>
                            <div class="price">
                                <div class="price-container">
                                    <h4><span class="currency">$</span>7</h4>
                                    <span class="period">/ month</span>
                                </div>
                            </div>
                            <ul>
                                <li><i class="fa fa-check"></i>100GB Storage</li>
                                <li><i class="fa fa-check"></i>Own config file</li>
                                <li><i class="fa fa-times"></i>Sharing Tools</li>
                                <li><i class="fa fa-times"></i>Auto Backup</li>
                                <li><i class="fa fa-times"></i>Extended Security</li>
                            </ul>
                            <a href="#" class="btn btn-template-main">Sign Up</a>
                        </div>
                    </div>

                    <!-- / END FIRST PACKAGE -->

                    <div class="col-md-3">
                        <div class="package ">
                            <div class="package-header light-gray">
                                <h5>Standard</h5>
                            </div>
                            <div class="price">
                                <div class="price-container">
                                    <h4><span class="currency">$</span>21 </h4>
                                    <span class="period">/ month</span>
                                </div>
                            </div>
                            <ul>
                                <li><i class="fa fa-check"></i>100GB Storage</li>
                                <li><i class="fa fa-check"></i>Own config file</li>
                                <li><i class="fa fa-times"></i>Sharing Tools</li>
                                <li><i class="fa fa-times"></i>Auto Backup</li>
                                <li><i class="fa fa-times"></i>Extended Security</li>
                            </ul>
                            <a href="#" class="btn btn-template-main">Sign Up </a>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="best-value">
                            <div class="package">
                                <div class="package-header">
                                    <h5>Premium</h5>
                                    <div class="meta-text">Best Value</div>
                                </div>
                                <div class="price">
                                    <h4><span class="currency">$</span>53</h4>
                                    <span class="period">/ month</span>
                                </div>
                                <ul>
                                    <li><i class="fa fa-check"></i>100GB Storage</li>
                                    <li><i class="fa fa-check"></i>Own config file</li>
                                    <li><i class="fa fa-times"></i>Sharing Tools</li>
                                    <li><i class="fa fa-times"></i>Auto Backup</li>
                                    <li><i class="fa fa-times"></i>Extended Security</li>
                                </ul>
                                <a href="#" class="btn btn-template-main">Sign Up</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="package">
                            <div class="package-header light-gray">
                                <h5>Ultimate</h5>
                            </div>
                            <div class="price">
                                <h4><span class="currency">$</span>99 </h4>
                                <span class="period">/ month</span>
                            </div>
                            <ul>
                                <li><i class="fa fa-check"></i>100GB Storage</li>
                                <li><i class="fa fa-check"></i>Own config file</li>
                                <li><i class="fa fa-times"></i>Sharing Tools</li>
                                <li><i class="fa fa-times"></i>Auto Backup</li>
                                <li><i class="fa fa-times"></i>Extended Security</li>
                            </ul>
                            <a href="#" class="btn btn-template-main">Sign Up </a>
                        </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">
        <div class="heading text-center">
          <h2>Our clients</h2>
        </div>
        
        <ul class="owl-carousel customers">
          <li class="item">
            <img src="/img/customer-1.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-2.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-3.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-4.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-5.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-6.png" alt="" class="img-responsive">
          </li>
        </ul>
        <!-- /.owl-carousel -->
      </div>
    
    </div>
  </div>
</section>

<!-- /.bar -->

<div id="get-it">
    <div class="container">
        <div class="col-md-8 col-sm-12">
            <h3>Do you want cool website like this one?</h3>
        </div>
        <div class="col-md-4 col-sm-12">
            <a href="#" class="btn btn-template-transparent-primary">Buy this template now</a>
        </div>
    </div>
</div>