Гайдлайн по использованию элементов верстки

Заголовок h2

Заголовок h2

                         
<h2>Заголовок h2</h2>
                         
                    

Подзаголовок h3

Подзаголовок h3

                         
<h3>Подзаголовок h3</h3>
                         
                    

Подзаголовок второстепенный - H4

Подзаголовок второстепенный - H4

                         
<h4>Подзаголовок второстепенный - H4</h4>
                         
                    

Подзаголовок второстепенный - H5

Подзаголовок второстепенный - H5
                         
<h5>Подзаголовок второстепенный - H5</h5>
                         
                    

Текст

Алтайский филиал Российской Академии народного хозяйства и государственной службы  – это часть крупнейшего в Европе государственного университета социально-экономического и гуманитарного профиля, который закрепил за собой славу «кузницы министров». Наш филиал – это часть большой успешной семьи РАНХиГС, которая насчитывает 52 филиала на территории всей страны, с главным кампусом в Москве.    

                         
<p>
   <b>Алтайский филиал Российской Академии народного хозяйства и государственной службы</b>
   - это часть крупнейшего в Европе государственного университета социально-экономического и гуманитарного профиля, который закрепил
   за собой славу «кузницы министров». Наш филиал – это часть большой успешной
   <a href="">семьи РАНХиГС</a>,
   которая насчитывает 52 филиала на территории всей страны, с главным кампусом в Москве.   
</p>
                         
                    

Изображение с текстом

Фото: Здание Алтайского филиала РАНХиГС
                         
<div class="typography__img">
  <img src="./images/about/about-unvers@2x.jpg" alt="">
  <span>Фото: Здание Алтайского филиала РАНХиГС</span>
</div>
                         
                    

Изображение

                         
<div class="typography__img">
  <img src="./images/about/about-unvers@2x.jpg" alt="">
</div>
                         
                    

Галерея

                         
<div class="b-gallery-mini">
    <div class="b-gallery-mini__list js-gallery">
      <a class="b-gallery-mini__item"
         href="ссылка на большое фото"
         data-size="996x660">
        <img src="ссылка на превью" alt="">
      </a>
      <a class="b-gallery-mini__item"
         href="ссылка на большое фото"
         data-size="996x660">
        <img src="ссылка на превью" alt="">
      </a>
    </div>
    <div class="b-gallery-mini__more">
      <div class="b-gallery-mini__btn"><span>Смотреть еще</span></div>
    </div>
</div>
                         
                    

Слайдер

                         
<div class="typography__slider js-slider-typography">
    <div class="typography__slider-item">
      <img src="ссылка на фото" alt="">
    </div>
    <div class="typography__slider-item">
      <img src="ссылка на фото" alt="">
    </div>
    <div class="typography__slider-item">
      <img src="ссылка на фото" alt="">
    </div>
    <div class="typography__slider-item">
      <img src="ссылка на фото" alt="">
    </div>
</div>
                         
                    

Видео

                         
<div class="video-detail">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/Gq7rTej3c6Q"
          frameborder="0"
          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
          allowfullscreen></iframe>
</div>
                         
                    

Список

  • Документ, удостоверяющий личность, гражданство (ксерокопия 1 страницы и страницы с пропиской)
  • Документ об образовании (оригинал или ксерокопию документа):
    – о среднем общем образовании;
    – о профессиональном образовании (о начальном профессиональном образовании (если в нем есть запись о получении среднего общего образования; о среднем профессиональном образовании; о высшем образовании);
  • Копия свидетельства о смене фамилии (при несовпадении в документе об образовании);
  • документы, подтверждающие особые права при поступлении и/или создании специальных условий при проведении вступительных испытаний, установленные законодательством Российской Федерации;
  • документы, подтверждающие индивидуальные достижения обучающихся (оригинал, ксерокопия) (предоставляются по усмотрению поступающего);
                         
<ul>
  <li>Документ, удостоверяющий личность, гражданство (ксерокопия 1 страницы и страницы с пропиской)</li>
  <li>Документ об образовании (оригинал или ксерокопию документа):<br>– о среднем общем образовании;<br>– о профессиональном образовании (о начальном профессиональном образовании (если в нем есть запись о получении среднего общего образования; о среднем профессиональном образовании; о высшем образовании);</li>
  <li>Копия свидетельства о смене фамилии (при несовпадении в документе об образовании);</li>
  <li>документы, подтверждающие особые права при поступлении и/или создании специальных условий при проведении вступительных испытаний, установленные законодательством Российской Федерации;</li>
  <li>документы, подтверждающие индивидуальные достижения обучающихся (оригинал, ксерокопия) (предоставляются по усмотрению поступающего);</li>
</ul>
                         
                    

Список нумерованный

  1. Документ, удостоверяющий личность, гражданство (ксерокопия 1 страницы и страницы с пропиской)
  2. Документ об образовании (оригинал или ксерокопию документа):
    – о среднем общем образовании;
    – о профессиональном образовании (о начальном профессиональном образовании (если в нем есть запись о получении среднего общего образования; о среднем профессиональном образовании; о высшем образовании);
  3. Копия свидетельства о смене фамилии (при несовпадении в документе об образовании);
  4. документы, подтверждающие особые права при поступлении и/или создании специальных условий при проведении вступительных испытаний, установленные законодательством Российской Федерации;
  5. документы, подтверждающие индивидуальные достижения обучающихся (оригинал, ксерокопия) (предоставляются по усмотрению поступающего);
                         
<ol>
  <li>Документ, удостоверяющий личность, гражданство (ксерокопия 1 страницы и страницы с пропиской)</li>
  <li>Документ об образовании (оригинал или ксерокопию документа):<br>– о среднем общем образовании;<br>– о профессиональном образовании (о начальном профессиональном образовании (если в нем есть запись о получении среднего общего образования; о среднем профессиональном образовании; о высшем образовании);</li>
  <li>Копия свидетельства о смене фамилии (при несовпадении в документе об образовании);</li>
  <li>документы, подтверждающие особые права при поступлении и/или создании специальных условий при проведении вступительных испытаний, установленные законодательством Российской Федерации;</li>
  <li>документы, подтверждающие индивидуальные достижения обучающихся (оригинал, ксерокопия) (предоставляются по усмотрению поступающего);</li>
</ol>
                         
                    

Цитата - 1

Андрей Павлович с применением практического материала рассмотрел проблему, в обиходе называемую «Оскорбление чувств верующих». А после докладов у нас с коллегами состоялась плодотворная дискуссия, – подвела итог заведующий кафедрой.

Андрей Павлович с применением практического материала рассмотрел проблему, в обиходе называемую «Оскорбление чувств верующих». А после докладов у нас с коллегами состоялась плодотворная дискуссия, – подвела итог заведующий кафедрой.

                         
<blockquote>
  <div class="blockquote i-blockquote">
    <p class="lg">Андрей Павлович с применением практического материала рассмотрел проблему, в обиходе называемую «Оскорбление чувств верующих». А после докладов у нас с коллегами состоялась плодотворная дискуссия, – подвела итог заведующий кафедрой.</p>
    <p class="lg">Андрей Павлович с применением практического материала рассмотрел проблему, в обиходе называемую «Оскорбление чувств верующих». А после докладов у нас с коллегами состоялась плодотворная дискуссия, – подвела итог заведующий кафедрой.</p>
  </div>
</blockquote>
                         
                    

Цитата - 2

Андрей Павлович с применением практического материала рассмотрел проблему, в обиходе называемую «Оскорбление чувств верующих». А после докладов у нас с коллегами состоялась плодотворная дискуссия, – подвела итог заведующий кафедрой.

Исакова Ирина Витальевна
руководителю проекта
                         
<blockquote class="image">
  <img src="./images/school-of-great-opportun/icon_1.jpg" alt="">
  <p>
    Андрей Павлович с применением практического материала рассмотрел проблему,
    в обиходе называемую «Оскорбление чувств верующих». А после докладов у нас
    с коллегами состоялась плодотворная дискуссия, – подвела итог заведующий кафедрой.
  </p>
  <div>
    <h5>Исакова Ирина Витальевна</h5>
    <span>руководителю проекта</span>
  </div>
</blockquote>
                         
                    

Цитата - 3

Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать.

Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать.

Исакова Ирина Витальевна
руководителю проекта
                         
<blockquote class="full-mobile">
  <div class="blockquote i-blockquote">
    <p>Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать.</p>
    <p>Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать.</p>
  </div>
  <div>
    <h5>Исакова Ирина Витальевна</h5><span>руководителю проекта</span>
  </div>
</blockquote>
                         
                    

Разделение полосой


Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса.


                         
<hr>
<p>
  Главная задача Президентской академии – подготовка высококвалифицированных
  руководящих кадров, как для государственных структур, так и для бизнеса.
</p>
<hr>
                         
                    

Документ(один)

                         
<div class="typography__doc typography__doc--single">
  <div class="typography__doc-list">
    <a class="doc-item" href="">
      <div class="doc-item__icon doc-item__icon--pdf"></div>
      <div class="doc-item__text">
        <p>Положение о кафедре</p>
      </div>
    </a>
  </div>
</div>
                         
                    

Документ(список)

                         
<div class="typography__doc-list">
  <a class="doc-item" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Лицензия на осуществление образовательной деятельности (с приложением) №2787 от 07 декабря
        2018 г., бессрочная</p>
    </div>
  </a>
  <a class="doc-item" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Свидетельство о государственной аккредитации №2784 от 12 марта 2018 г., действует до 12 марта
        2024 г.</p>
    </div>
  </a>
  <a class="doc-item" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Приложение №2 к свидетельству о государственной аккредитации от 12 марта 2018 г. №2784</p>
    </div>
  </a>
  <a class="doc-item" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Устав академии</p>
    </div>
  </a>
  <a class="doc-item" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Изменения в Устав (Постановление Правительства Российской Федерации от 08.07.2015 №687)</p>
    </div>
  </a>
  <a class="doc-item" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Положение о филиале</p>
    </div>
  </a>
</div>
                         
                    

Документ(список) с заглавием

Учредительные документы

Лицензия на осуществление образовательной деятельности (с приложением) №2787 от 07 декабря 2018 г., бессрочная

Свидетельство о государственной аккредитации №2784 от 12 марта 2018 г., действует до 12 марта 2024 г.

Приложение №2 к свидетельству о государственной аккредитации от 12 марта 2018 г. №2784

Устав академии (утвержден Постановлением Правительства Российской Федерации от 12 мая 2012 г. N 473)

Изменения в устав (Постановление Правительства Российской Федерации от 18.01.2014 №38, Постановление Правительства Российской Федерации от 21.02.2014 №131, Постановление Правительства Российской Федерации от 29.03.2014 №253, Постановление Правительства Российской Федерации от 08.07.2015 №687, Постановление Правительства Российской Федерации от 01.11.2016 №1116, Постановление Правительства Российской Федерации от 25.08.2017 №1009, Постановление Правительства Российской Федерации от 22.10.2018 № 02-1056)

Положение о Алтайском филиале РАНХиГС

Извлечение из Федерального закона «Об образовании в Российской Федерации» от 29.12.2012 №273-ФЗ

                         
<h2 class="light" id="doc1">Учредительные документы</h2>
<div class="typography__doc-line">
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--doc"></div>
    <div class="doc-item__text">
      <p>Лицензия на осуществление образовательной деятельности (с приложением) №2787 от 07 декабря 2018 г., бессрочная</p>
    </div></a>
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--zip"></div>
    <div class="doc-item__text">
      <p>Свидетельство о государственной аккредитации №2784 от 12 марта 2018 г., действует до 12 марта 2024 г.</p>
    </div></a>
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--pdf"></div>
    <div class="doc-item__text">
      <p>Приложение №2 к свидетельству о государственной аккредитации от 12 марта 2018 г. №2784</p>
    </div></a>
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--rar"></div>
    <div class="doc-item__text">
      <p>Устав академии (утвержден Постановлением Правительства Российской Федерации от 12 мая 2012 г. N 473)</p>
    </div></a>
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--ex"></div>
    <div class="doc-item__text">
      <p>Изменения в устав (Постановление Правительства Российской Федерации от 18.01.2014 №38, Постановление Правительства Российской Федерации от 21.02.2014 №131, Постановление Правительства Российской Федерации от 29.03.2014 №253, Постановление Правительства Российской Федерации от 08.07.2015 №687, Постановление Правительства Российской Федерации от 01.11.2016 №1116, Постановление Правительства Российской Федерации от 25.08.2017 №1009, Постановление Правительства Российской Федерации от 22.10.2018 № 02-1056)</p>
    </div></a>
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--pp"></div>
    <div class="doc-item__text">
      <p>Положение о Алтайском филиале РАНХиГС</p>
    </div></a>
  <a class="doc-item doc-item--sm" href="">
    <div class="doc-item__icon doc-item__icon--mp3"></div>
    <div class="doc-item__text">
      <p>Извлечение из Федерального закона «Об образовании в Российской Федерации» от 29.12.2012 №273-ФЗ</p>
    </div></a>
</div>
                         
                    

Аккордеон с закрытием

Спойлер 1

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 2

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 3

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 4

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 5

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

                         
<div class="b-accordion js-accordion-text-multiple">
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 1</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 2</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 3</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 4</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 5</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
</div>
                         
                    

Аккордеон без закрытия

Спойлер 1

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 2

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 3

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 4

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

Спойлер 5

Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.

                         
<div class="b-accordion js-accordion-text">
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 1</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 2</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 3</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 4</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
  <div class="b-accordion__item">
    <div class="b-accordion__title js-accordion">Спойлер 5</div>
    <div class="b-accordion__content">
      <p>Главная задача Президентской академии – подготовка высококвалифицированных руководящих кадров, как для государственных структур, так и для бизнеса. Наши выпускники – это конкурентоспособные специалисты в области управления, юриспруденции, финансов и психологии, настоящие лидеры, способные успешно работать в современных условиях.</p>
    </div>
  </div>
</div>
                         
                    

Кнопка

                         
<div class="typography__btn">
  <a class="btn btn--border js-popup-question" href="#popup-apply">Подать заявку</a>
</div>
                         
                    

Форма

                         
<div class="typography__form">
  <form class="b-form">
    <div class="b-form__row">
      <div class="b-form__item">
        <label>Имя</label>
        <input type="text" placeholder="Укажите ваше имя" required>
      </div>
      <div class="b-form__item">
        <label>E-mail</label>
        <input type="email" placeholder="Укажите ваш e-mail" required>
      </div>
    </div>
    <div class="b-form__row">
      <div class="b-form__item b-form__item--full">
        <label>Сообщение</label>
        <textarea required placeholder="Ваше сообщение"></textarea>
      </div>
    </div>
    <div class="b-form__checkbox">
      <input id="checkbox11" type="checkbox" required>
      <label for="checkbox11">Указав свои данные в форме, вы даете согласие на <a href="">обработку своих персональных данных</a>
      </label>
    </div>
    <div class="b-form__control">
      <button class="btn btn--border">Отправить сообщение</button>
    </div>
  </form>
</div>
                         
                    

Таблица

Направление Очная форма обучения Очно-заочная форма обучения Очно-заочная форма обучения
38.03.04 Государственное и муниципальное управление 15
38.03.01 Экономика 15
40.03.01 Юриспруденция 20 10
37.03.01 Психология 20 10
                         
<div class="typography__table js-scrollbar-table">
  <div class="typography__table-wrap">
    <table>
      <tbody>
        <tr align="center">
          <th width="48%">Направление</th>
          <th width="15%">Очная форма обучения</th>
          <th width="18%">Очно-заочная форма обучения</th>
          <th width="19%">Очно-заочная форма обучения</th>
        </tr>
        <tr align="center">
          <td align="left">38.03.04 Государственное и муниципальное управление</td>
          <td>15</td>
          <td>—</td>
          <td>—</td>
        </tr>
        <tr align="center">
          <td align="left">38.03.01 Экономика</td>
          <td>15</td>
          <td>—</td>
          <td>—</td>
        </tr>
        <tr align="center">
          <td align="left">40.03.01 Юриспруденция</td>
          <td>20</td>
          <td>10</td>
          <td>—</td>
        </tr>
        <tr align="center">
          <td align="left">37.03.01 Психология</td>
          <td>20</td>
          <td>—</td>
          <td>10</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
                         
                    

Таблица для новостей

Cброс стилей с "colspan" https://prnt.sc/pkn2kg

Направление Очная форма обучения Очно-заочная форма обучения Очно-заочная форма обучения
38.03.04 Государственное и муниципальное управление 20
38.03.01 Экономика 15
40.03.01 Юриспруденция 20 10
37.03.01 Психология 20 10
                         
<div class="typography__table typography__table--news js-scrollbar-table">
  <div class="typography__table-wrap">
    <table>
      <tbody>
        <tr align="center">
          <th width="48%">Направление</th>
          <th width="15%">Очная форма обучения</th>
          <th width="18%">Очно-заочная форма обучения</th>
          <th width="19%">Очно-заочная форма обучения</th>
        </tr>
        <tr align="center">
          <td align="left">38.03.04 Государственное и муниципальное управление</td>
          <td class="reset-td" colspan="2">20</td>
          <td>—</td>
        </tr>
        <tr align="center">
          <td align="left">38.03.01 Экономика</td>
          <td>15</td>
          <td>—</td>
          <td>—</td>
        </tr>
        <tr align="center">
          <td align="left">40.03.01 Юриспруденция</td>
          <td>20</td>
          <td>10</td>
          <td>—</td>
        </tr>
        <tr align="center">
          <td align="left">37.03.01 Психология</td>
          <td>20</td>
          <td>—</td>
          <td>10</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
                         
                    

Карточка

Исакова Ирина Витальевна

руководителю проекта
Кабинет

В200

Телефон(385-2) 504-180
Сайтwww
                         
<div class="single-card-teacher">
  <div class="single-card-teacher__img"><img src="./images/school-of-great-opportun/icon_1.jpg" alt=""></div>
  <div class="single-card-teacher__content">
    <div class="single-card-teacher__header">
      <h4>Исакова Ирина Витальевна</h4><span>руководителю проекта</span>
    </div>
    <div class="typography__teacher-info">
      <div class="typography__block-icon"><span>Кабинет</span>
        <p class="i-geo">В200</p>
      </div>
      <div class="typography__block-icon"><span>Телефон</span><a class="i-phone" href="tel:+73852504180">(385-2) 504-180</a></div>
      <div class="typography__block-icon"><span>E-mail</span><a class="i-email" href="mailto:select@alt.ranepa.ru">select@alt.ranepa.ru</a></div>
      <div class="typography__block-icon"><span>Сайт</span><a class="i-site" href="https://www.alt.ranepa.ru">www</a></div>
    </div>
  </div>
</div>
                         
                    

Блок преподователей

                         
<div class="b-people-group b-people-group--short">
  <div class="b-people-group__list">
    <a class="b-people-group__item" href="">
      <div class="b-people-group__img"><img src="./images/academic/3@2x.jpg" alt=""/></div>
      <div class="b-people-group__name">Кайгородова<br/>Татьяна Владимировна</div>
      <div class="b-people-group__desc">Заместитель директора по учебной работе, к.и.н.</div>
    </a>
    <a class="b-people-group__item" href="">
      <div class="b-people-group__img"><img src="./images/academic/4@2x.jpg" alt=""/></div>
      <div class="b-people-group__name">Воронова<br/>Людмила Эдуардовна</div>
      <div class="b-people-group__desc">заместитель директора по воспитательной работе</div>
    </a>
    <a class="b-people-group__item" href="">
      <div class="b-people-group__img"><img src="./images/academic/5@2x.jpg" alt=""/></div>
      <div class="b-people-group__name">Мосина<br/>Ирина Геннадьевна</div>
      <div class="b-people-group__desc">директор центра «Высшая школа государственного управления»</div>
    </a>
    <a class="b-people-group__item b-people-group__item--half" href="">
      <div class="b-people-group__img"><img src="./images/academic/1@2x.jpg" alt=""/></div>
      <div class="b-people-group__name">Панарин<br/>Игорь Анатольевич</div>
      <div class="b-people-group__desc">председатель ученого совета, директор Алтайского филиала РАНХиГС, д.псх.н. тел.: 504-180 (внутр.: 101)</div>
    </a>
    <a class="b-people-group__item b-people-group__item--half" href="">
      <div class="b-people-group__img"><img src="./images/academic/2@2x.jpg" alt=""/></div>
      <div class="b-people-group__name">Шлегель<br/>Светлана Владимировна</div>
      <div class="b-people-group__desc">секретарь ученого совета, зам. директора по научной работе, к.ф.н. тел.: 503-571 (внутр.: 105)</div>
    </a>
  </div>
</div>
                         
                    

Контактная информация

656008, Алтайский край, г. Барнаул, ул. Партизанская, 187

                         
<div class="typography__contact">
  <div class="typography__teacher-info">
    <div class="typography__block-icon">
      <p class="i-geo">656008, Алтайский край, г. Барнаул, ул. Партизанская, 187</p>
    </div>
    <div class="typography__block-icon"><a class="i-phone" href="tel:+73852504397">(3852) 504-397</a></div>
    <div class="typography__block-icon"><a class="i-email" href="mailto:select@alt.ranepa.ru">select@alt.ranepa.ru</a></div>
  </div>
</div>
                         
                    

Справка

Справка

Researcher connect – это учебный курс на английском языке для учёных, аспирантов и других специалистов по развитию коммуникативных навыков, необходимых в жизненном цикле инноваций – от получения грантов, установления международных партнерств до успешных публикаций и выступлений на английском, включая использование инструментов для повышения видимости и цитируемости работ ученого и его организации.

                         
<div class="help">
  <h4>Справка</h4>
  <p>Researcher connect – это учебный курс на английском языке для учёных,
    аспирантов и других специалистов по развитию коммуникативных навыков,
    необходимых в жизненном цикле инноваций – от получения грантов, установления
    международных партнерств до успешных публикаций и выступлений на английском,
    включая использование инструментов для повышения видимости и цитируемости работ
    ученого и его организации.
  </p>
</div>
                         
                    

Блок с карточками

Учебный процесс

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.

  • Разработка необходимой для планирования, организации и контроля учебного процесса нормативно-методической и организационной документации.
  • Разработка совместно с кафедрами календарных учебных графиков, учебных планов, уточнение набора факультативных курсов, дисциплин по выбору, предоставление их на согласование заместителю директора по учебной работе и утверждение директору.

Социальные вопросы

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

  • Разработка необходимой для планирования, организации и контроля учебного процесса нормативно-методической и организационной документации.
  • Разработка совместно с кафедрами календарных учебных графиков, учебных планов, уточнение набора факультативных курсов, дисциплин по выбору, предоставление их на согласование заместителю директора по учебной работе и утверждение директору.

Социальные вопросы

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.

                         
<div class="b-text-box">
  <div class="b-text-box__item">
    <svg xmlns="http://www.w3.org/2000/svg" width="62" height="60" viewBox="0 0 62 60">
      <g fill="#000" fill-rule="nonzero">
      <path d="M37.9 36.472c5.589-2.28 9.211-7.772 9.121-13.83 0-8.327-7.162-15.1-15.965-15.1-8.804 0-15.966 6.773-15.966 15.1-.09 6.058 3.532 11.55 9.122 13.83l.123.067.846 1.393a3.178 3.178 0 0 0-.745 4.888 3.203 3.203 0 0 0 .206 4.51c.589.54 1.359.839 2.156.835h8.515a3.186 3.186 0 0 0 3.193-3.18 3.201 3.201 0 0 0-.83-2.165 3.18 3.18 0 0 0-.745-4.888l.845-1.393.124-.067zm-2.587 9.555h-8.515a1.067 1.067 0 0 1-1.064-1.07c0-.59.476-1.068 1.064-1.068h8.515c.588 0 1.065.479 1.065 1.069s-.477 1.069-1.065 1.069zm0-4.276h-8.515a1.067 1.067 0 0 1-1.064-1.07c0-.59.476-1.068 1.064-1.068h8.515c.588 0 1.065.478 1.065 1.069 0 .59-.477 1.069-1.065 1.069zm1.62-7.185l-.425.232c-.165.09-.303.222-.4.383l-1.393 2.294h-.466v-8.11l5.01-5.032-1.505-1.512-5.322 5.345c-.2.2-.312.473-.312.756v8.553h-2.129v-8.553c0-.283-.112-.555-.312-.756l-5.322-5.345-1.505 1.512 5.01 5.032v8.11h-.466l-1.392-2.294a1.072 1.072 0 0 0-.4-.383l-.426-.233a1.14 1.14 0 0 0-.105-.05c-4.813-1.944-7.935-6.664-7.854-11.873 0-7.147 6.207-12.962 13.837-12.962s13.837 5.815 13.837 12.962c.08 5.209-3.042 9.93-7.854 11.874a1.16 1.16 0 0 0-.105.05zM8.227 9.567l.952-1.912 6.386 3.207-.952 1.912zM46.292 10.334l6.773-2.269.674 2.029-6.773 2.269zM4.446 21.439h6.386v2.138H4.446zM51.279 21.439h6.386v2.138h-6.386zM8.227 37.586l6.386-3.207.952 1.912-6.386 3.207zM46.545 36.295l.952-1.912 6.386 3.207-.952 1.912zM29.991.058h2.129v5.345h-2.129z"/>
      <path d="M61.923 50.303v-2.138c-13.887 0-28.643 3.372-28.738 9.621h-4.259c-.095-6.25-14.851-9.621-28.737-9.621v2.138c15.593 0 26.481 3.93 26.603 7.483H.19v2.138h61.734v-2.138H35.319c.122-3.552 11.01-7.483 26.604-7.483z"/>
      <path d="M.133 55.648l.112-2.135 20.226 1.07-.112 2.135zM41.641 54.583l20.227-1.072.112 2.135-20.227 1.072z"/>
      </g>
    </svg>
    <h3>Учебный процесс</h3>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.</p>
    <ul>
      <li>Разработка необходимой для планирования, организации и контроля учебного процесса нормативно-методической и организационной документации.</li>
      <li>Разработка совместно с кафедрами календарных учебных графиков, учебных планов, уточнение набора факультативных курсов, дисциплин по выбору, предоставление их на согласование заместителю директора по учебной работе и утверждение директору.</li>
    </ul>
  </div>
  <div class="b-text-box__item">
    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
      <g fill="#000" fill-rule="nonzero">
      <path d="M40.547 37.383c-.647 0-1.172.524-1.172 1.172v8.086c0 3.23-2.629 5.859-5.86 5.859H20.864c-.647 0-1.171.524-1.172 1.171l-.001 2.33-2.797-2.797a1.172 1.172 0 0 0-1.075-.704H8.203a5.866 5.866 0 0 1-5.86-5.86V28.595c0-3.231 2.63-5.86 5.86-5.86H20.04a1.172 1.172 0 0 0 0-2.343H8.203C3.68 20.39 0 24.07 0 28.594V46.64c0 4.523 3.68 8.203 8.203 8.203h7.015l4.813 4.813a1.171 1.171 0 0 0 2-.828l.003-3.985h11.482c4.523 0 8.203-3.68 8.203-8.203v-8.086c0-.648-.525-1.172-1.172-1.172z"/>
      <path d="M42.967 0h-2.966C30.61 0 22.97 7.64 22.97 17.033c0 9.392 7.64 17.032 17.032 17.032h2.966c1.466 0 2.917-.186 4.323-.554l4.382 4.379a1.172 1.172 0 0 0 2-.829v-6.78a17.196 17.196 0 0 0 4.477-5.52A16.85 16.85 0 0 0 60 17.033C60 7.64 52.36 0 42.967 0zm8.828 28.774a1.172 1.172 0 0 0-.467.936v4.523l-2.868-2.866a1.172 1.172 0 0 0-1.172-.291 14.693 14.693 0 0 1-4.32.646H40c-8.1 0-14.688-6.59-14.688-14.69 0-8.099 6.589-14.688 14.688-14.688h2.966c8.1 0 14.69 6.59 14.69 14.689 0 4.656-2.137 8.935-5.862 11.74z"/>
      <path d="M46.762 12.823a4.973 4.973 0 0 0-4.6-4.6 4.923 4.923 0 0 0-3.734 1.322 4.98 4.98 0 0 0-1.577 3.627 1.172 1.172 0 0 0 2.344 0c0-.733.295-1.413.832-1.914a2.62 2.62 0 0 1 4.397 1.726 2.606 2.606 0 0 1-2.036 2.743A2.218 2.218 0 0 0 40.64 17.9v2.816a1.172 1.172 0 0 0 2.343 0v-2.722a4.936 4.936 0 0 0 3.778-5.171zM42.641 24.523a1.18 1.18 0 0 0-.828-.344c-.309 0-.611.126-.829.344a1.18 1.18 0 0 0-.343.828c0 .31.125.612.343.83.218.218.52.342.828.342.309 0 .611-.124.829-.342.218-.22.343-.52.343-.83 0-.308-.125-.61-.343-.828zM32.227 36.328H7.5a1.172 1.172 0 0 0 0 2.344h24.727a1.172 1.172 0 1 0 0-2.344zM33.055 43.234a1.18 1.18 0 0 0-.828-.343c-.309 0-.611.125-.829.343a1.18 1.18 0 0 0-.343.828c0 .309.125.611.343.829.218.218.52.343.829.343.308 0 .61-.125.828-.343.218-.218.343-.52.343-.828 0-.309-.125-.611-.343-.829zM27.617 42.89H7.5a1.172 1.172 0 0 0 0 2.344h20.117a1.172 1.172 0 1 0 0-2.343zM24.61 29.766H7.5a1.172 1.172 0 0 0 0 2.343h17.11a1.172 1.172 0 1 0 0-2.343z"/>
      </g>
    </svg>
    <h3>Социальные вопросы</h3>
    <p>Lorem Ipsum - это текст-"рыба", <a href="">часто</a> используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
    </p>
    <ul>
      <li>Разработка необходимой для планирования, организации и контроля учебного процесса нормативно-методической и организационной документации.</li>
      <li>Разработка совместно с кафедрами календарных учебных графиков, учебных планов, уточнение набора факультативных курсов, дисциплин по выбору, предоставление их на согласование заместителю директора по учебной работе и утверждение директору.</li>
    </ul>
  </div>
  <div class="b-text-box__item">
    <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
      <g fill="#000" fill-rule="nonzero">
      <path d="M40.547 37.383c-.647 0-1.172.524-1.172 1.172v8.086c0 3.23-2.629 5.859-5.86 5.859H20.864c-.647 0-1.171.524-1.172 1.171l-.001 2.33-2.797-2.797a1.172 1.172 0 0 0-1.075-.704H8.203a5.866 5.866 0 0 1-5.86-5.86V28.595c0-3.231 2.63-5.86 5.86-5.86H20.04a1.172 1.172 0 0 0 0-2.343H8.203C3.68 20.39 0 24.07 0 28.594V46.64c0 4.523 3.68 8.203 8.203 8.203h7.015l4.813 4.813a1.171 1.171 0 0 0 2-.828l.003-3.985h11.482c4.523 0 8.203-3.68 8.203-8.203v-8.086c0-.648-.525-1.172-1.172-1.172z"/>
      <path d="M42.967 0h-2.966C30.61 0 22.97 7.64 22.97 17.033c0 9.392 7.64 17.032 17.032 17.032h2.966c1.466 0 2.917-.186 4.323-.554l4.382 4.379a1.172 1.172 0 0 0 2-.829v-6.78a17.196 17.196 0 0 0 4.477-5.52A16.85 16.85 0 0 0 60 17.033C60 7.64 52.36 0 42.967 0zm8.828 28.774a1.172 1.172 0 0 0-.467.936v4.523l-2.868-2.866a1.172 1.172 0 0 0-1.172-.291 14.693 14.693 0 0 1-4.32.646H40c-8.1 0-14.688-6.59-14.688-14.69 0-8.099 6.589-14.688 14.688-14.688h2.966c8.1 0 14.69 6.59 14.69 14.689 0 4.656-2.137 8.935-5.862 11.74z"/>
      <path d="M46.762 12.823a4.973 4.973 0 0 0-4.6-4.6 4.923 4.923 0 0 0-3.734 1.322 4.98 4.98 0 0 0-1.577 3.627 1.172 1.172 0 0 0 2.344 0c0-.733.295-1.413.832-1.914a2.62 2.62 0 0 1 4.397 1.726 2.606 2.606 0 0 1-2.036 2.743A2.218 2.218 0 0 0 40.64 17.9v2.816a1.172 1.172 0 0 0 2.343 0v-2.722a4.936 4.936 0 0 0 3.778-5.171zM42.641 24.523a1.18 1.18 0 0 0-.828-.344c-.309 0-.611.126-.829.344a1.18 1.18 0 0 0-.343.828c0 .31.125.612.343.83.218.218.52.342.828.342.309 0 .611-.124.829-.342.218-.22.343-.52.343-.83 0-.308-.125-.61-.343-.828zM32.227 36.328H7.5a1.172 1.172 0 0 0 0 2.344h24.727a1.172 1.172 0 1 0 0-2.344zM33.055 43.234a1.18 1.18 0 0 0-.828-.343c-.309 0-.611.125-.829.343a1.18 1.18 0 0 0-.343.828c0 .309.125.611.343.829.218.218.52.343.829.343.308 0 .61-.125.828-.343.218-.218.343-.52.343-.828 0-.309-.125-.611-.343-.829zM27.617 42.89H7.5a1.172 1.172 0 0 0 0 2.344h20.117a1.172 1.172 0 1 0 0-2.343zM24.61 29.766H7.5a1.172 1.172 0 0 0 0 2.343h17.11a1.172 1.172 0 1 0 0-2.343z"/>
      </g>
    </svg>
    <h3>Социальные вопросы</h3>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</p>
  </div>
</div>
                         
                    

Режим работы

Режим работы приемной комиссии

пн
вт
ср
чт
пт
сб
вс
08:00 - 17:00
08:00 - 17:00
08:00 - 17:00
08:00 - 17:00
08:00 - 17:00
08:00 - 17:00
Выходной
Обед:12:00 - 13:00
                         
<h3 class="light">Режим работы приемной комиссии</h3>
<div class="typography__work-mode">
  <div class="work-mode">
    <div class="work-mode__col-day">
      <div class="work-mode__item">пн</div>
      <div class="work-mode__item">вт</div>
      <div class="work-mode__item">ср</div>
      <div class="work-mode__item">чт</div>
      <div class="work-mode__item">пт</div>
      <div class="work-mode__item work-mode__item--weekend">сб</div>
      <div class="work-mode__item work-mode__item--weekend">вс</div>
    </div>
    <div class="work-mode__col-time">
      <div class="work-mode__item">08:00 - 17:00</div>
      <div class="work-mode__item">08:00 - 17:00</div>
      <div class="work-mode__item">08:00 - 17:00</div>
      <div class="work-mode__item">08:00 - 17:00</div>
      <div class="work-mode__item">08:00 - 17:00</div>
      <div class="work-mode__item">08:00 - 17:00</div>
      <div class="work-mode__item">Выходной</div>
    </div>
    <div class="work-mode__col-lunch">
      <div class="work-mode__center">
        <div class="work-mode__icon"></div>
        <div class="work-mode__item"><span>Обед:</span>12:00 - 13:00</div>
      </div>
    </div>
  </div>
</div>
                         
                    

Выбор таблицы

Описание: http://prntscr.com/o2yc77


Структура и органы управления Алтайского филиала РАНХиГС

Наименование органа управления / структурного подразделения ФИО руководителя структурного подразделения Должность руководителя структурного подразделения Адрес местонахождения структурного подразделения Адрес официального сайта структурного подразделения Адреса электронной почты структурного подразделения Положение об органе управления/ о структурном подразделении
Органы управления образовательной организации:
Ученый совет Панарин Игорь Анатольевич председатель ученого совета, директор филиала, доктор психологических наук 656008, г. Барнаул, ул. Партизанская, 187, каб. А201 нет ssv@alt.ranepa.ru Положение об ученом совете
Структурные подразделения образовательной организации:
Учебно-методический отдел Борщёва Надежда Александровна начальник отдела 656008, г. Барнаул, ул. Партизанская, 187, каб. В209 нет umo@alt.ranepa.ru Положение об учебно-методическом отделе

Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС

Наименование органа управления / структурного подразделения ФИО руководителя структурного подразделения Должность руководителя структурного подразделения Адрес местонахождения структурного подразделения Адрес официального сайта структурного подразделения Адреса электронной почты структурного подразделения Положение об органе управления/ о структурном подразделении
Органы управления образовательной организации:
Ученый совет Панарин Игорь Анатольевич председатель ученого совета, директор филиала, доктор психологических наук 656008, г. Барнаул, ул. Партизанская, 187, каб. А201 нет ssv@alt.ranepa.ru Положение об ученом совете
Структурные подразделения образовательной организации:
Учебно-методический отдел Борщёва Надежда Александровна начальник отдела 656008, г. Барнаул, ул. Партизанская, 187, каб. В209 нет umo@alt.ranepa.ru Положение об учебно-методическом отделе
Структурные подразделения образовательной организации:
Учебно-методический отдел Борщёва Надежда Александровна начальник отдела 656008, г. Барнаул, ул. Партизанская, 187, каб. В209 нет umo@alt.ranepa.ru Положение об учебно-методическом отделе

Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС

Наименование органа управления / структурного подразделения ФИО руководителя структурного подразделения Должность руководителя структурного подразделения Адрес местонахождения структурного подразделения Адрес официального сайта структурного подразделения Адреса электронной почты структурного подразделения Положение об органе управления/ о структурном подразделении
111 Органы управления образовательной организации:
Ученый совет Панарин Игорь Анатольевич председатель ученого совета, директор филиала, доктор психологических наук 656008, г. Барнаул, ул. Партизанская, 187, каб. А201 нет ssv@alt.ranepa.ru Положение об ученом совете
Структурные подразделения образовательной организации:
Учебно-методический отдел Борщёва Надежда Александровна начальник отдела 656008, г. Барнаул, ул. Партизанская, 187, каб. В209 нет umo@alt.ranepa.ru Положение об учебно-методическом отделе
                         
<div class="typography__structure-tabs js-table-tabs">
  <button class="btn active" data-anchor="1">Образовательные программы</button>
  <button class="btn" data-anchor="2">Численность обучающихся</button>
  <button class="btn" data-anchor="3">Результат приема</button>
</div>
<div class="typography__structure-wrap">
  <div class="typography__structure-content active" data-content="1">
    <h3 class="light">Структура и органы управления Алтайского филиала РАНХиГС</h3>
    <div class="b-custom-table js-scrollbar-table">
      <div class="b-custom-table__wrap">
        <table>
          <tbody>
            <tr>
              <th>Наименование органа управления / структурного подразделения</th>
              <th>ФИО руководителя структурного подразделения</th>
              <th>Должность руководителя структурного подразделения</th>
              <th>Адрес местонахождения структурного подразделения</th>
              <th>Адрес официального сайта структурного подразделения</th>
              <th>Адреса электронной почты структурного подразделения</th>
              <th>Положение об органе управления/ о структурном подразделении</th>
            </tr>
            <tr>
              <td colspan="7">Органы управления образовательной организации:</td>
            </tr>
            <tr>
              <td>Ученый совет</td>
              <td>Панарин Игорь Анатольевич</td>
              <td>председатель ученого совета, директор филиала, доктор психологических наук</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. А201</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:ssv@alt.ranepa.ru">ssv@alt.ranepa.ru</a></td>
              <td><a href="">Положение об ученом совете</a></td>
            </tr>
            <tr>
              <td colspan="7">Структурные подразделения образовательной организации:</td>
            </tr>
            <tr>
              <td>Учебно-методический отдел</td>
              <td>Борщёва Надежда Александровна</td>
              <td>начальник отдела</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. В209</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:umo@alt.ranepa.ru">umo@alt.ranepa.ru</a></td>
              <td><a href="">Положение об учебно-методическом отделе</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="typography__structure-content" data-content="2">
    <h3 class="light">Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС</h3>
    <div class="b-custom-table js-scrollbar-table">
      <div class="b-custom-table__wrap" data-content="2">
        <table>
          <tbody>
            <tr>
              <th>Наименование органа управления / структурного подразделения</th>
              <th>ФИО руководителя структурного подразделения</th>
              <th>Должность руководителя структурного подразделения</th>
              <th>Адрес местонахождения структурного подразделения</th>
              <th>Адрес официального сайта структурного подразделения</th>
              <th>Адреса электронной почты структурного подразделения</th>
              <th>Положение об органе управления/ о структурном подразделении</th>
            </tr>
            <tr>
              <td colspan="7">Органы управления образовательной организации:</td>
            </tr>
            <tr>
              <td>Ученый совет</td>
              <td>Панарин Игорь Анатольевич</td>
              <td>председатель ученого совета, директор филиала, доктор психологических наук</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. А201</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:ssv@alt.ranepa.ru">ssv@alt.ranepa.ru</a></td>
              <td><a href="">Положение об ученом совете</a></td>
            </tr>
            <tr>
              <td colspan="7">Структурные подразделения образовательной организации:</td>
            </tr>
            <tr>
              <td>Учебно-методический отдел</td>
              <td>Борщёва Надежда Александровна</td>
              <td>начальник отдела</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. В209</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:umo@alt.ranepa.ru">umo@alt.ranepa.ru</a></td>
              <td><a href="">Положение об учебно-методическом отделе</a></td>
            </tr>
            <tr>
              <td colspan="7">Структурные подразделения образовательной организации:</td>
            </tr>
            <tr>
              <td>Учебно-методический отдел</td>
              <td>Борщёва Надежда Александровна</td>
              <td>начальник отдела</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. В209</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:umo@alt.ranepa.ru">umo@alt.ranepa.ru</a></td>
              <td><a href="">Положение об учебно-методическом отделе</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="typography__structure-content" data-content="3">
    <h3 class="light">Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС Структура и органы управления Алтайского филиала РАНХиГС</h3>
    <div class="b-custom-table js-scrollbar-table">
      <div class="b-custom-table__wrap" data-content="3">
        <table>
          <tbody>
            <tr>
              <th>Наименование органа управления / структурного подразделения</th>
              <th>ФИО руководителя структурного подразделения</th>
              <th>Должность руководителя структурного подразделения</th>
              <th>Адрес местонахождения структурного подразделения</th>
              <th>Адрес официального сайта структурного подразделения</th>
              <th>Адреса электронной почты структурного подразделения</th>
              <th>Положение об органе управления/ о структурном подразделении</th>
            </tr>
            <tr>
              <td colspan="7">111 Органы управления образовательной организации:</td>
            </tr>
            <tr>
              <td>Ученый совет</td>
              <td>Панарин Игорь Анатольевич</td>
              <td>председатель ученого совета, директор филиала, доктор психологических наук</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. А201</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:ssv@alt.ranepa.ru">ssv@alt.ranepa.ru</a></td>
              <td><a href="">Положение об ученом совете</a></td>
            </tr>
            <tr>
              <td colspan="7">Структурные подразделения образовательной организации:</td>
            </tr>
            <tr>
              <td>Учебно-методический отдел</td>
              <td>Борщёва Надежда Александровна</td>
              <td>начальник отдела</td>
              <td>656008, г. Барнаул, ул. Партизанская, 187, каб. В209</td>
              <td>нет</td>
              <td><a class="table-email" href="mailto:umo@alt.ranepa.ru">umo@alt.ranepa.ru</a></td>
              <td><a href="">Положение об учебно-методическом отделе</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
                         
                    

Таблица

Наименование органа управления / структурного подразделения ФИО руководителя структурного подразделения Должность руководителя структурного подразделения Адрес местонахождения структурного подразделения Адрес официального сайта структурного подразделения Адреса электронной почты структурного подразделения Положение об органе управления/ о структурном подразделении
Органы управления образовательной организации:
Ученый совет Панарин Игорь Анатольевич председатель ученого совета, директор филиала, доктор психологических наук 656008, г. Барнаул, ул. Партизанская, 187, каб. А201 нет ssv@alt.ranepa.ru Положение об ученом совете
Структурные подразделения образовательной организации:
Учебно-методический отдел Борщёва Надежда Александровна начальник отдела 656008, г. Барнаул, ул. Партизанская, 187, каб. В209 нет umo@alt.ranepa.ru Положение об учебно-методическом отделе
                         
<div class="b-custom-table js-scrollbar-table">
  <div class="b-custom-table__wrap active" >
    <table>
      <tbody>
        <tr>
          <th>Наименование органа управления / структурного подразделения</th>
          <th>ФИО руководителя структурного подразделения</th>
          <th>Должность руководителя структурного подразделения</th>
          <th>Адрес местонахождения структурного подразделения</th>
          <th>Адрес официального сайта структурного подразделения</th>
          <th>Адреса электронной почты структурного подразделения</th>
          <th>Положение об органе управления/ о структурном подразделении</th>
        </tr>
        <tr>
          <td colspan="7">Органы управления образовательной организации:</td>
        </tr>
        <tr>
          <td>Ученый совет</td>
          <td>Панарин Игорь Анатольевич</td>
          <td>председатель ученого совета, директор филиала, доктор психологических наук</td>
          <td>656008, г. Барнаул, ул. Партизанская, 187, каб. А201</td>
          <td>нет</td>
          <td><a class="table-email" href="mailto:ssv@alt.ranepa.ru">ssv@alt.ranepa.ru</a></td>
          <td><a href="">Положение об ученом совете</a></td>
        </tr>
        <tr>
          <td colspan="7">Структурные подразделения образовательной организации:</td>
        </tr>
        <tr>
          <td>Учебно-методический отдел</td>
          <td>Борщёва Надежда Александровна</td>
          <td>начальник отдела</td>
          <td>656008, г. Барнаул, ул. Партизанская, 187, каб. В209</td>
          <td>нет</td>
          <td><a class="table-email" href="mailto:umo@alt.ranepa.ru">umo@alt.ranepa.ru</a></td>
          <td><a href="">Положение об учебно-методическом отделе</a></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
                         
                    

Факты

в классе "about-data__icon" нужно прописывать стили для каждой картинки (ширина,высоты,путь, позиционирование(top,left))

3 500
выпускников получивших высшее профессиональное образование, в филиале РАНХиГС Алтайского края
10
направлений общественной деятельности внутри Академии: научные проекты, театральный коллективы и пр.
80%
студентов получают предложения о трудоустройстве еще во время обучения в Академии
                         
<div class="about-data js-about-slider">
  <div class="about-data__item">
    <div class="about-data__number">3 500
      <div class="about-data__icon" style="width: 20px; height: 20px; background-image: url('../images/...'); top: 0; left: 0;"></div>
    </div>
    <div class="about-data__text">выпускников получивших высшее профессиональное образование, в филиале РАНХиГС Алтайского края</div>
  </div>
  <div class="about-data__item">
    <div class="about-data__number">10
      <div class="about-data__icon" style="width: 20px; height: 20px; background-image: url('../images/...'); top: 0; left: 0;"></div>
    </div>
    <div class="about-data__text">направлений общественной деятельности внутри Академии: научные проекты, театральный коллективы и пр.</div>
  </div>
  <div class="about-data__item">
    <div class="about-data__number">80%
      <div class="about-data__icon" style="width: 20px; height: 20px; background-image: url('../images/...'); top: 0; left: 0;"></div>
    </div>
    <div class="about-data__text">студентов получают предложения о трудоустройстве еще во время обучения в Академии</div>
  </div>
</div>