facebook twitter linkedin vcard picasa

Вы можете использовать класс 'серый' или 'зеленый'.

Стили

Это стиль-детская площадка! Он показывает, как различные элементы этого шаблона отформатированы и могут быть использованы в качестве эталона при помощи шаблона стиль

Сетка

Сетка проста в использовании.

CSS

Есть много полезных классов CSS Пройдите в код, чтобы найти те, которые отвечают вашим потребностям.

Стиль площадка

Ниже приведены примеры заголовков форматах:

H2 заголовок

H3 заголовок

H4 заголовок

H5 заголовок
H6 заголовок

Текст

Ещё <p></p>

Больше текста, примеры:

Это подчеркнул текст
Это сильный текст
Это-удаленный текст
Вот ссылка

Это блок кода
Это блок кода
Это блок кода

Это кнопка

Цытата (2016 - 2016)

Я могу писать сообщения?

Да конечно можно!

Это сообщение info.

Примечание: не совершенство (для меня)!

Запрещается превратить эту конструкцию в фиксированный макет!

Изображения

Ниже приведены примеры форматов изображений:

demo-pic Выравнивание по левому краю изображения. Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

demo-pic По правому краю изображения. Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

demo-pic Выравнивание по левому краю, связанного изображения. Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

Списки

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

  • Элемент списка пример
  • Элемент списка пример
    • Элемент списка пример
    • Элемент списка пример
  • Элемент списка пример

ненумерованный список с классом "проверить"

  • Элемент списка пример
  • Элемент списка пример
    • Элемент списка пример
    • Элемент списка пример
  • Элемент списка пример

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

  1. Элемент списка пример
  2. Элемент списка пример
    1. Элемент списка пример
    2. Элемент списка пример
  3. Элемент списка пример

Определение списка

Определение название
Определение описание
Определение название
Определение описание

А как насчет вкладок?

Таковы некоторые основные вкладки. Есть некоторые минусы с вкладками в адаптированном шаблоне - в маленьких экранах они будут складываться друг над другом. Не используйте слишком длинные заголовки.

Таковы некоторые основные вкладки. Есть некоторые минусы с вкладками в адаптированном шаблоне - в маленьких экранах они будут складываться друг над другом. Не используйте слишком длинные заголовки.

Таковы некоторые основные вкладки. Есть некоторые минусы с вкладками в адаптированном шаблоне - в маленьких экранах они будут складываться друг над другом. Не используйте слишком длинные заголовки.

Таблицы

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

Заголовок таблицы Заголовок таблицы Заголовок таблицы Заголовок таблицы
 
Данные ячейки Данные ячейки Данные ячейки Данные ячейки
Данные ячейки Данные ячейки Данные ячейки Данные ячейки
Данные ячейки Данные ячейки Данные ячейки Данные ячейки
  Заголовок таблицы Заголовок таблицы Заголовок таблицы
 
Данные ячейки Данные ячейки Данные ячейки Данные ячейки
Данные ячейки Данные ячейки Данные ячейки Данные ячейки
Данные ячейки Данные ячейки Данные ячейки Данные ячейки

Чтобы увидеть форму, перейти тут!

demo-image

Инуиты рамки

Этот шаблон отвечает отзывчивостью! Ссылка.

demo-image

Встроенная сетка

Сетка, используемая здесь, имеет макс. ширина 1120 px для больших экранов

demo-image

FlexSlider

Ползунок-это Flexslider, который предлагает множество функций.

demo-image

Социальные иконки

Можете поставить свои