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

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

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

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

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

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

Устав академии

Изменения в Устав (Постановление Правительства Российской Федерации от 08.07.2015 №687)

Положение о филиале

 
                         
<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>

Аккордеон

Спойлер 1

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

Спойлер 2

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

Спойлер 3

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

Спойлер 4

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

Спойлер 5

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

                         
<div class="b-accordion" id="accordion">
  <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>

Карточка

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

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

В200

Телефон(385-2) 504-180
E-mailselect@alt.ranepa.ru
Сайт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>

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

Кайгородова
Татьяна Владимировна
Заместитель директора по учебной работе, к.и.н.
Воронова
Людмила Эдуардовна
заместитель директора по воспитательной работе
Мосина
Ирина Геннадьевна
директор центра «Высшая школа государственного управления»
Панарин
Игорь Анатольевич
председатель ученого совета, директор Алтайского филиала РАНХиГС, д.псх.н. тел.: 504-180 (внутр.: 101)
Шлегель
Светлана Владимировна
секретарь ученого совета, зам. директора по научной работе, к.ф.н. тел.: 503-571 (внутр.: 105)
 
                         
<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

(3852) 504-397
select@alt.ranepa.ru
                         
<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>
Подать заявку