Заголовок h1
Заголовок h2
Заголовок h3
Заголовок h4
Заголовок h5
Стилизация текстовых элементов
Ссылка
Ссылка в тексте.
Ссылка со стрелочкой — класс .link и модификатор link_arrow_down.
Специальная ссылка для якорей или другого функционала на странице
Пример: ссылка к якорю.
Аббревиатура
Пример: CSS.
Пример: <abbr title="Cascading Style Sheets">CSS</abbr>.
Жирный текст
Важное выделение жирным и стилистическое.
<strong>Важное</strong> выделение жирным и <b>стилистическое</b>.
Курсивный текст
Важное выделение курсивом и стилистическое.
<em>Важное</em> выделение курсивом и <i>стилистическое</i>.
Выделение текста
Выделенный текст.
<mark>Выделенный</mark> текст.
Зачёркивание и подчёркивание
Зачёркнутый текст и подчёркнутый.
<s>Зачёркнутый</s> текст и <u>подчёркнутый</u>.
Верхний и нижний индексы
H2O и 27е число.
H<sub>2</sub>O и 27<sup>е</sup> число.
Разделитель, линия, черта
<hr>
Определение
- GIF
- Формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битный цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения.
- JPEG
- Популярный формат графических файлов, широко применяемый при создании сайтов и хранения изображений. JPEG поддерживает 24-битный цвет и сохраняет яркость и оттенки цветов в фотографиях. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может исказить деталь в рисунке, особенно содержащий текст или изображение с чёткими краями. Формат JPEG не поддерживает прозрачность; когда вы сохраняете фотографию в формате JPEG, прозрачные пиксели заполняются определённым цветом.
Цитата
Учиться нам нужно, учиться и учиться, а с глубокими общественными течениями погодим: мы ещё не доросли до них и, по совести, ничего в них не понимаем.
Списки
Если нет класса (по умолчанию)
- Элемент первого уровня
Нумерованный список
- О компании Взлет.
- Порядок работы с ГК «Взлет».
- Гарантийное обслуживание оборудования Взлет.
- Тепловычислители. Экспресс-диагностика работоспособности.
- Особенности применения расходомеров в промышленности (виды сред, применяемость).
- Ремонт и диагностика ЭМР (электромагнитных расходомеров) на примере Лайт М: Методы локализации отказов, их устранение. Калибровка и поверка ЭМР.
- Обзор функциональных возможностей ЭМР промышленной группы и сопутствующего оборудования: Взлет Профи М, ТЭР, ИВК.
- Ультразвуковые расходомеры — принцип работы, типы датчиков.
- Диагностика ультразвуковых приборов на объекте, проверка работоспособности.
- Ознакомление с производством.
- Учет сточных вод. Взлет РСЛ и Взлет СК.
Кнопки клавиатуры в тексте
Для этого используется тег <kbd>.
| Скопировать | Ctrl + C |
| Вырезать | Ctrl + X |
| Вставить | Ctrl + V |
| Вызвать диспетчер задач | Ctrl + Shift + Esc |
Абзацы
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat, in!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita voluptatem sequi velit mollitia. Saepe, iste tenetur. Doloribus asperiores ab maiores dicta, quis numquam necessitatibus, id perferendis sit, optio non iusto!
Кнопки
Основной класс — .button
Типы
| Кнопка | Назначение |
|---|---|
|
Используется для основных действий. Модификатор — .button_primary |
|
|
Используется для второстепенных действий. Модификатор — .button_secondary |
Состояния
| Обычное | При наведении | В фокусе | Выключена |
|---|---|---|---|
| — |
Дополнительные модификации
| Кнопка | Модификатор |
|---|---|
|
Модификатор — .button_arrow_outside |
|
|
Модификатор — .button_arrow_right |
|
|
Модификатор — .button_arrow_down |
Раскрывающийся блок
ГК «Взлет» успешно работает с заказчиками из ключевых отраслей реального сектора российской экономики — от ЖКХ и Водоканалов до предприятий нефте-газового сектора и атомной промышленности. Постоянными клиентами ГК «Взлет» на протяжении многих лет являются крупнейшие транснациональные компании — ОАО «Роснефть», ОАО «Газпром», ОАО «Концерн Росэнергоатом» и ОАО «РусГидро» и другие лидеры отрасли ТЭК.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt doloremque ducimus praesentium mollitia reprehenderit ut neque distinctio inventore enim numquam perspiciatis hic, earum saepe, ex at dicta atque, accusamus sint omnis soluta nobis aliquam iste illum! Deleniti fugiat unde, optio exercitationem delectus numquam veniam rem maiores accusantium quibusdam eaque omnis!
- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Esse quos magni assumenda alias beatae!
- Lorem ipsum dolor sit amet. Lorem, ipsum dolor.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus voluptates eius minima repudiandae cumque? Laborum, similique molestias neque, sapiente architecto officiis rem voluptas ipsum corrupti commodi natus, recusandae iure distinctio.
Элементы форм
| Поле | Роль |
|---|---|
|
Текст-помощник (61 символ максимум)
|
Текстовое поле |
|
Текст-помощник (61 символ максимум)
|
Текстовое поле |
|
|
Чекбокс |
|
|
Радиокнопка |
Аккордеон
Курс продолжается одну неделю, пять рабочих дней, занятия ежедневно с 9-00 до 16-30 (кроме понедельника, начало занятий с 10-00) с перерывом на обед.
Табы
Заголовок h3 (опционально)
На учебно-информационном семинаре вы узнаете всё о нюансах работы с электромагнитными и ультразвуковыми расходомерами Взлет, экспресс-диагностике работоспособности тепловычислителей и расходомеров. Научитесь, используя минимум действий, диагностировать проблему и быстро ее устранять, а также проводить своевременную проверку параметров рабочего процесса и разбираться в общих вопросах по эксплуатации и техническому обслуживанию оборудования Взлет.
Курс будет полезен специалистам сервиса и техподдержки, представителям предприятий ЖКХ, сотрудникам и руководителям пром. предприятий.
Заголовок h3 (опционально)
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet consectetur adipisicing.
- Lorem, ipsum dolor.
Заголовок h3 (опционально)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus ex tempore quia facilis recusandae. Ullam, voluptates animi atque cum facere itaque neque repudiandae! Accusantium quod quam, tempora aliquam sit aliquid rerum, vel eum eveniet iste cupiditate ex. Beatae, temporibus quo.
- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Esse quos magni assumenda alias beatae!
- Lorem ipsum dolor sit amet. Lorem, ipsum dolor.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus voluptates eius minima repudiandae cumque? Laborum, similique molestias neque, sapiente architecto officiis rem voluptas ipsum corrupti commodi natus, recusandae iure distinctio.
