Версия для слабовидящих
Саратовский государственный технический университет имени Гагарина Ю.А.

Помощь

Для вставки неразрывного пробела используйте комбинацию клавиш "Alt" + "0160"

Заголовки

h2. Заголовок

Полужирный 30px

h3. Заголовок

Полужирный 24px

h4. Заголовок

Полужирный 18px
h5. Заголовок
Полужирный 14px
h6. Заголовок
Полужирный 12px
 <h2>h2. Заголовок</h2> <h3>h3. Заголовок</h3> <h4>h4. Заголовок</h4> <h5>h5. Заголовок</h5> <h6>h6. Заголовок</h6> 

Расшифровка текста(подсказки)

СГТУ провел соревнования.

<abbr title="Саратовские государственный технический университет" class="initialism">СГТУ</abbr> провел соревнования. 

Цитата

Нет большей ненависти в мире, чем ненависть невежд к знанию.

<blockquote> <p>Нет большей ненависти в мире, чем ненависть невежд к знанию.</p> </blockquote> 

Цитата(с автором)

Нет большей ненависти в мире, чем ненависть невежд к знанию.

Галилео Галилей
<blockquote> <p>Нет большей ненависти в мире, чем ненависть невежд к знанию.</p> <footer>Галилео Галилей</footer> </blockquote> 

Цитата(с автором) Обратная

Нет большей ненависти в мире, чем ненависть невежд к знанию.

Галилео Галилей
<blockquote class="blockquote-reverse"> <p>Нет большей ненависти в мире, чем ненависть невежд к знанию.</p> <footer>Галилео Галилей</footer> </blockquote> 

Списки

Не сортированный

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul> <li>...</li> </ul> 

Отсортированный

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
<ol> <li>...</li> </ol> 

Без стиля

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem
<ul class="list-unstyled"> <li>...</li> </ul> 

Стиль - с описание

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
<dl> <dt>...</dt> <dd>...</dd> </dl> 

Таблицы

Стандартная с полосами

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table"> ... </table> 

С цветными полосками

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-striped"> ... </table> 

С бордюрами

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-bordered"> ... </table> 

С полосами, выделяющиеся при наведении

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-hover"> ... </table> 

Закрашивание цветом строку

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content
8 Column content Column content Column content
9 Column content Column content Column content
<!-- On rows --> <tr class="active">...</tr> <tr class="success">...</tr> <tr class="warning">...</tr> <tr class="danger">...</tr> <tr class="info">...</tr> <!-- On cells (`td` or `th`) --> <tr> <td class="active">...</td> <td class="success">...</td> <td class="warning">...</td> <td class="danger">...</td> <td class="info">...</td> </tr> 

Изображения

140x140 140x140 140x140
<img src="..." alt="..." class="img-rounded"> <img src="..." alt="..." class="img-circle"> <img src="..." alt="..." class="img-thumbnail"> 

Важные сообщения

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
<div class="alert alert-success">...</div> <div class="alert alert-info">...</div> <div class="alert alert-warning">...</div> <div class="alert alert-danger">...</div>