- Фреймворк Bootstrap 3
- Библиотека JavaScript - jQuery для работы Bootstrap
- Dosis light, regular, Open Sans regular
- Font-Awesome, Et-line - иконочные шрифты
Компоненты
- Задаем отступы внутри блока:
.default-section - стандартная секция
.small-section - переопеделяем отступ внутри секции
- Задаем стили шапке и меню
.header - шапка
.header-nav - меню
.header .navbar-toggle - мобильное меню
.header .navbar-toggle .icon-bar - цвет бургер кнопки
.logo - логотип
- Стилизируем иконки
.rhomb-icon - ромб содержащий внутри иконку Font-Awesome
.rhomb-icon.black-icon - цвет ромба и иконки внутри
.rhomb-icon.white-icon
.rhomb-icon.transparent-icon
- Стилизируем заголовки:
.title - стандартный заголовок
.title.light - переопределяем жирность и отступ между буквами заголовка
.title.small-title - переопределяем размер шрифта, отступ между буквами заголовка
.title.less-margin - переопрделяем отступ заголовка
- Стилизируем текст и цитаты:
.default-text - стандартный текст
blockquote - стиль цитаты
blockquote span
- Навигационные стили для вкладок
.nav-tabs
.nav-tabs > li
.nav > li > a
.nav-tabs > li > a
- Стилизируем стандартные кнопки:
.btn - стандартные стили кнопки
.btn.btn-default - цвет кнопки
.btn.btn-darkgrey
.btn.btn-black
.btn.btn-xs - переопределяем отступы внутри кнопки и размер текста
.btn.btn-md
- Стилизируем дефолтные формы и элементы форм:
.form-control
textarea.form-control
Классы
- Задаем цвет:
.bg-black
.bg-grey
.text-white
- @media (max-width: 1199px) - устройства c разрешением до 1199px
- @media (max-width: 991px) - устройства c разрешением до 991px
- @media (max-width: 767px) - устройства c разрешением до 767px
- @media (max-width: 599px) - мобильные устройства c разрешением до 599px
- @media (max-width: 479px) - мобильные устройства c разрешением до 479px
Название файла | Содержание файла |
---|---|
style.css | Файл каскадной таблицы стилей, содержит стили |
script.js | Файл содержащий скрипт плавного скроллинга страницы |
index.html | Индексный файл содержащий разметку |