UI-компоненты

Базовые компоненты

В Биткорп используется компонентный подход. Таким образом, любой компонент можно использовать в любом месте и на любых сраницах сайта.
Любые классы можно чередовать, получая нужные вариации шаблона.

Цвет текста

Основной цвет темы

Текст основного цвета

Второстепенный цвет

Текст второстепенного цвета

Белый текст

Текст белого цвета

Кнопки

Важная кнопка

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

Кнопка с обводкой

Большая кнопка

Маленькая кнопка

Кнопка на всю ширину

Отступы

Сделать отступ очень просто. Достаточно указать буквенное обозначение и добавить параметр от 0 до 80

Внешние отступы

  • mt20 - соответствует margin-top: 20px
  • mb30 - соответствует margin-bottom: 30px
  • ml20 - соответствует margin-left: 20px
  • mr20 - соответствует margin-right: 20px

Внутренние отступы

  • pt20 - соответствует padding-top: 20px
  • pb20 - соответствует padding-bottom: 20px
  • pl60 - соответствует padding-left: 60px
  • pr40 - соответствует padding-right: 40px

Формы

Текстовое поле

Текстовое поле светлое

Текстовое поле с плавающим лейблом


Важный текст

Важный текст

Наш сервис-центр проводит профессиональный ремонт MacBook уже не первый год, мы обслуживаем всю линейку ноутбуков Apple.

Важный текст + тонкое начертание

Наш сервис-центр проводит профессиональный ремонт MacBook уже не первый год, мы обслуживаем всю линейку ноутбуков Apple.

Важный текст большого размера

Наш сервис-центр проводит профессиональный ремонт MacBook уже не первый год, мы обслуживаем всю линейку ноутбуков Apple.

Важный текст большого размера + тонкое начертание

Наш сервис-центр проводит профессиональный ремонт MacBook уже не первый год, мы обслуживаем всю линейку ноутбуков Apple.

Списки ul li

Обычный список

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

Обычный список

Нумерованый список
  1. механические повреждения корпуса Макбука;
    1. неисправность кнопки включения
    2. Залитие клавиатуры
  2. проблемы с программным обеспечением;
  3. неисправность графической системы;
  4. выход из строя матрицы устройства;
  5. перезагрузки и самопроизвольные выключения ноутбука.

История и даты

Код
Результат
2014 г
Устроился в нашу компанию на должности помощника заместителя генерального директора
2016 г
За отличные успехи в течение 2015 года получил повышение до должности заместителя генерального директора по экономическому планированию и стратегии.
Сегодня
Работает в должности директора по экономическому планированию.

Таблицы

Стандартная таблица

Вид работ Стоимость Время*
Замена LCD в сборе с крышкой от 34900 Р 4 дня
Замена клавиатуры MacBook 12" 11900 Р 4 часа
Чистка после попадания влаги 3000 Р от 1 дня

Таблица с светлым заголовком

Вид работ Стоимость Время*
Замена LCD в сборе с крышкой от 34900 Р 4 дня
Замена клавиатуры MacBook 12" 11900 Р 4 часа
Чистка после попадания влаги 3000 Р от 1 дня

Стандартная таблица с рамками

Вид работ Стоимость Время*
Замена LCD в сборе с крышкой от 34900 Р 4 дня
Замена клавиатуры MacBook 12" 11900 Р 4 часа
Чистка после попадания влаги 3000 Р от 1 дня

Таблица без рамок

Вид работ Стоимость Время*
Замена LCD в сборе с крышкой от 34900 Р 4 дня
Замена клавиатуры MacBook 12" 11900 Р 4 часа
Чистка после попадания влаги 3000 Р от 1 дня

Файлы

Для вставки файлов на страницу, используйте код ниже и следующие классы: file_pdf, file_png, file_jpg, file_xls, file_doc, file_ppt, file_zip, file_tif