<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><html>
  <style>
    section.cms-module.cm-teaser:last-child,
    section.cm-teaser {
      margin-bottom: 30px !important;
      margin-top: 0px !important;
    }
    .font-scale-185 {
      font-size: 33px;
      margin: 0;
      line-height: 30px;
    }
    .teaser-block-50:last-child .teaser-text {
      left: 45px;
    }
    .teaser .teaser-text {
      left: 30px;
      top: 10%;
    }
    .teaser-headline-white-m {
      color: #fff;
      font-size: 24px;
      line-height: 25px;
      margin-top: 5px;
    }
    a > .teaser-description {
      font-family: "Arial";
      margin-top: 10px;
      font-size: 14px;
      line-height: 21px;
      font-weight: normal;
    }
    .teaser-block-50 {
      width: 50%;
      float: left;
    }
    .teaser-block-50 .span6 {
      width: 100%;
    }
    .teaser-block-50:first-child .span6 {
      padding-right: 15px;
    }
    .teaser-block-50:last-child .span6 {
      padding-left: 15px;
    }
    .box.nested > ul > li a {
      padding: 0 10px 0 15px !important;
      text-indent: 0px !important;
    }
    .block-context {
      margin-top: 0px;
    }
    #Sidebar li:last-child > a {
      line-height: 17px;
      margin-top: 5px;
      margin-bottom: 5px;
    }
  </style>
  <head>
    <link
      href="https://assets.obi.ru/skin/4fbf647/css/obi-generic-styles.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="https://assets.obi.ru/skin/4fbf647/css/desktop/obi-styles-desktop.css"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="https://assets.obi.ru/css-utilities/public/css/global.cc52ad25b3f2cbe9463e.css"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="https://assets.obi.ru/skin/4fbf647/css/desktop/obi-modules-desktop.css"
    />
    <link
      type="text/css"
      rel="stylesheet"
      href="https://assets.obi.ru/css-utilities/public/css/fonts-cy.1348e27e004fb5ec2a35.css"
    />
  </head>

  <section class="content-wrapper two-columns clearfix">
    <header class="headline clearfix">
      <h1>Корпоративный сайт ОБИ</h1>
    </header>
    <div class="wrapper-flap-two-columns">
      <a id="Flap"></a>
      <div class="two-columns-wrapper auto-init" data-module="obi/two-columns">
        <div class="sidebar-wrapper">
          <aside id="Sidebar">
            <div class="subnavi box box-light nested hidden-phone">
              <div class="js-toggle-subnavi toggle-subnavi visible-phone">
                <a href="">
                  Корпоративный сайт ОБИ<span class="arrow-down"></span
                ></a>
              </div>
              <ul class="js-first-level first-level">
                <li class="visible-phone">
                  <a href=""><span>Корпоративный сайт ОБИ</span></a>
                </li>
                <li>
                  <a href="/company/about-the-company/">О компании </a>
                </li>
                <li>
                  <a href="/company/press/">Пресс-релизы </a>
                </li>
                <li>
                  <a href="/company/suppliers/">Информация для поставщиков </a>
                </li>
              </ul>
            </div>
          </aside>
        </div>
        <div class="column-expand sidebar-width">
          <div class="block-context">
            
            
            
            
            
            <style>
              section.cms-module.cm-teaser:last-child,
              section.cm-teaser {
                margin-bottom: 30px !important;
                margin-top: 0px !important;
              }
              .font-scale-185 {
                font-size: 33px;
                margin: 0;
                line-height: 30px;
              }
              .teaser-block-50:last-child .teaser-text {
                left: 45px;
              }
              .teaser .teaser-text {
                left: 30px;
              }
              .teaser-headline-white-m {
                color: #fff;
                font-size: 24px;
                line-height: 25px;
                margin-top: 5px;
              }
              a > .teaser-description {
                font-family: "Arial";
                margin-top: 10px;
                font-size: 14px;
                line-height: 21px;
                font-weight: normal;
              }
              .teaser-block-50 {
                width: 50%;
                float: left;
              }
              .teaser-block-50 .span6 {
                width: 100%;
              }
              .teaser-block-50:first-child .span6 {
                padding-right: 15px;
              }
              .teaser-block-50:last-child .span6 {
                padding-left: 15px;
              }
              .box.nested > ul > li a {
                padding: 0 10px 0 15px !important;
                text-indent: 0px !important;
              }
              .block-context {
                margin-top: 0px;
              }
              #Sidebar li:last-child > a {
                line-height: 17px;
                margin-top: 5px;
                margin-bottom: 5px;
              }
            </style>
            
            <div class="block-context">
              <section class="cms-module cm-teaser">
                <div
                  class="row-fluid teaser-row hidden-phone font-resize"
                  style="font-size: 128%; position: relative"
                >
                  <div class="span12 teaser" data-item-id="1348314">
                    <div class="teaser-text" style="position: absolute">
                      <a
                        href="https://www.obi.ru/company/about-the-company/"
                        wt_name=""
                      >
                        <h2 class="teaser-headline font-scale-185">
                          О компании
                        </h2>
                        <p class="teaser-description">
                          Первый магазин ОБИ был открыт в Германии в 1970
                          году.<br />в нем работало всего 12 служащих, а его
                          площадь составляла 870 кв. м.
                        </p>
                      </a>
                      <a
                        href="https://www.obi.ru/company/about-the-company/"
                        wt_name=""
                      >
                      </a>
                    </div>
                    <a
                      href="https://www.obi.ru/company/about-the-company/"
                      wt_name=""
                    >
                      <img
                        src="https://www.obi.ru/ru/company/images/about_n.jpg"
                        class="img-fluid notToBeLazyLoaded"
                        alt="about"
                      />
                    </a>
                  </div>
                </div>
              </section>
              <section class="cms-module cm-teaser">
                <div
                  class="row-fluid font-resize"
                  data-list-name="teaserElementList"
                  data-cms-obj-id="22883284"
                  style="font-size: 128%; position: relative"
                >
                  <div class="teaser-block-50">
                    <div class="span6 teaser" data-item-id="1348313">
                      <div class="teaser-text" style="position: absolute">
                        <a
                          href="http://diy.obi.ru/career/novosti.html"
                          wt_name=""
                        >
                          <h2
                            class="teaser-headline font-scale-185 teaser-headline-white-m"
                          >
                            Новости
                          </h2>
                        </a>
                        <a
                          href="http://diy.obi.ru/career/novosti.html"
                          wt_name=""
                        >
                          <p class="teaser-description font-scale-bold-110"></p>
                        </a>
                      </div>
                      <a
                        href="http://diy.obi.ru/career/novosti.html"
                        wt_name=""
                      >
                        <img
                          src="https://www.obi.ru/ru/company/images/news_n.jpg"
                          class="img-fluid notToBeLazyLoaded"
                          alt="news"
                        />
                      </a>
                    </div>
                  </div>
                  <div class="teaser-block-50" style="position: relative">
                    <div class="span6 teaser" data-item-id="1573798">
                      <div class="teaser-text" style="position: absolute">
                        <a
                          href="https://www.obi.ru/company/press/"
                          wt_name="Пресс-релизы"
                        >
                          <h2
                            class="teaser-headline font-scale-185 teaser-headline-white-m"
                          >
                            Пресс-релизы
                          </h2>
                        </a>
                        <a
                          href="https://www.obi.ru/company/press/"
                          wt_name="Пресс-релизы"
                        >
                          <p class="teaser-description font-scale-bold-110"></p>
                        </a>
                      </div>
                      <a
                        href="https://www.obi.ru/company/press/"
                        wt_name="Пресс-релизы"
                      >
                        <img
                          src="https://www.obi.ru/ru/company/images/press_n.jpg"
                          class="img-fluid notToBeLazyLoaded"
                          alt="press"
                        />
                      </a>
                    </div>
                  </div>
                </div>
              </section>
              <section class="cms-module cm-teaser">
                <div
                  class="row-fluid teaser-row hidden-phone font-resize"
                  style="font-size: 128%; position: relative"
                >
                  <div class="span12 teaser" data-item-id="1573799">
                    <div class="teaser-text" style="position: absolute">
                      <a
                        href="https://www.obi.ru/company/suppliers/"
                        wt_name=""
                      >
                        <h2
                          class="teaser-headline font-scale-185 teaser-headline-white-m"
                        >
                          Информация<br />
                          для поставщиков
                        </h2>
                      </a>
                      <a
                        href="https://www.obi.ru/company/suppliers/"
                        wt_name=""
                      >
                        <p class="teaser-description font-scale-bold-110"></p>
                      </a>
                    </div>
                    <a href="https://www.obi.ru/company/suppliers/" wt_name="">
                      <img
                        class="img-fluid lazinglyLoaded"
                        data-src="https://www.obi.ru/ru/company/images/forsup_n.jpg"
                        data-alt="forsup"
                        data-title=""
                        src="https://www.obi.ru/ru/company/images/forsup_n.jpg"
                        alt="forsup"
                        title=""
                      />
                    </a>
                  </div>
                </div>
              </section>
            </div>
            
            
            
            
            
          </div>
        </div>
      </div>
    </div>
  </section>
</html>
</div>