- Библиотека JavaScript - jQuery
- jQuery UI - стилизация табов.
- Slick Slider - стилизация карусели.
- Slick Nav - стилизация мобильного меню.
- Lightbox - стилизация лайтбоксов.
- Google Maps API - стилизация карт от Google.
- Header Scroll - изменение хедера при скролле.
- Scroll to - плавный переход по секциям.
- Hide Top-Control - скрывает кнопку to top на позиции иннера.
- ET-Line - иконочный шрифт.
- Font-Awesome - иконочный шрифт.
- Open Sans: 300,400
- Dosis: 300, 400
Компоненты
- Внутренние отступы у секций:
.default-section
.small-section
- Контейнеры:
.container
.container-fluid
- Сетка:
.row
.col
.col-*
.col-lg-*
.col-md-*
.col-sm-*
.col-xs-*
- Заголовки:
.title
.title.title-white
.title.section-title
.title.section-title-light
- Стилизация текста:
.default-text
.blockquote
- Стилизация форм:
.form-control
- Кнопки:
.btn
.btn.btn-sm
.btn.btn-default
.btn.btn-black
- Стилизация ET-Line иконок:
.item-et-icon
- Стилизация ромбовидных иконок:
.rhomb-icon
.rhomb-icon.icon-lg
.rhomb-icon.icon-sm
.rhomb-icon.icon-transparent
.rhomb-icon.icon-black
.rhomb-icon.icon-white
Классы
- Скрываем не поместившийся контент в элементе:
.overflow-hidden
- Центровка текста:
.text-center
.text-right
.text-justify
- Текст в верхнем регистре:
.text-uppercase
- Выравниваем элемент по центру:
.m-auto
- Выравнивание с помощью флоатов:
.pull-left
.pull-right
.clearfix
- Фоновые цвета:
.bg-gray
.bg-black
- Стилизация нижнего бордера:
.br-bottom
- Скрываем элементы на определенных разрешениях:
.d-lg-none
.d-md-none
.d-sm-none
.d-xs-none
Основные контрольные точки media-запросов:
@media (max-width: 1200px) - устройства c разрешением до 1200px.
@media (max-width: 991px) - устройства c разрешением до 991px.
@media (max-width: 767px) - устройства c разрешением до 767px.
@media (max-width: 576px) - мобильные устройства c разрешением до 576px.
Файл\Папка | Назначение |
---|---|
css/ | Каталог со стилями |
fonts/ | Каталок со шрифтами |
img/ | Каталог с изображениями |
js/ | Каталог с js-скриптами |
guide.html | Мануал по стандартным классам |
index.html | Основная страница лендинга |