adaptive-images/about-page/index.html

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>MQ 3.4. Задача 1 — Страница «О компании»</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&amp;subset=cyrillic" rel="stylesheet">
  <link rel="stylesheet" href="./css/about-common.css">
  <link rel="stylesheet" href="./css/about.css">
  <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
</head>
<body>
  <div class="page">
    <main class="content">
      <h1>Сигма. Автоматизация бизнеса</h1>
      <p>Наша главная цель — максимально эффективно удовлетворить текущие и учесть потенциальные потребности клиента. Мы гарантируем высокое качество обслуживания и минимальные сроки поставки, при этом основываясь на оптимизации цены для заказчика. </p>
      <p>Сотрудники компании готовы оказать высококвалифицированную помощь в выборе оборудования или программного обеспечения. Ответственный подход к клиентам и внимание к пожеланиям позволит сделать правильный выбор в заключении выгодной для Вас сделки.</p>
      <p>Мы стараемся, чтобы покупая у нас, вы испытывали не только радость от приобретения товаров и услуг, а также от приятных подарков и скидок проводимых акций.</p>
    </main>
    <aside class="aside">
      <nav class="aside__group aside__menu menu">
        <ul class="menu__list">
          <li class="menu__item menu__item_active"><span>О компании</span></li>
          <li class="menu__item"><a href="#0">Акции</a></li>
          <li class="menu__item"><a href="#0">Статьи</a></li>
          <li class="menu__item"><a href="#0">Новости</a></li>
          <li class="menu__item"><a href="#0">Вакансии</a></li>
          <li class="menu__item"><a href="#0">FAQ</a></li>
        </ul>
      </nav>
      <section class="aside__group">
        <h3 class="title aside__title">Последние новости</h3>
        <div class="aside__group-content">
          <article class="post">
            <span class="post__date">10.05.2016</span>
            <h4 class="title post__title">Фирма «1С» и компания «1С-Рарус» приглашают принять участие в Десятом Международном конкурсе дипломных проектов</h4>
          </article>
          <article class="post">
            <span class="post__date">10.05.2016</span>
            <h4 class="title post__title">ИП на ПСН и ЕНВД, торгующие пивом, обязаны использовать ККМ с 31 марта 2017 года!</h4>
          </article>
        </div>
      </section>
    </aside>  
  </div>
</body>
</html>