Разработка проекта box-shadows.css
О проекте
Box-shadows.css — это коллекция простых и приятных css теней (box-shadow) для проектов пользователей. Они отлично подходят для использования в таблицах, для содержимого домашних страниц, контейнеров, навигации и других блоков вашего сайта.
Задача
Разработать страничку для проекта Box-shadows.css
сайт одинаково смотрится в различных браузерах на пк
и на ноутбуках
адаптирован под планшеты
и мобильные устройства
и на ноутбуках
адаптирован под планшеты
и мобильные устройства
Функционал
- Окно «demo interactions»
- Фиксированная навигация с активацией при прокрутке
- Появление тени при выборе опции
- Появление тени при наведении на блоки
- Смена фона сайта и контейнера
- Добавление классов в поле по клику на блок
- Генератор, позволяющий создавать и выгружать собственные файлы
- Генератор теней
- Вывод доп. класса и добавление результатов в генератор теней
- ДнД объект (кнопка в генераторе)
- Добавление новых классов
- Смена языка сайта
Цвета
#3369E7
#47c9e5
#1395ba
#a68eff
#959da5
#3b393d
Типографика
Raleway Основной шрифт
В ходе работы
Box-shadows.css
- Валидная css/html верстка, в соответствии с W3C
- Настроена микроразметка Schema.org и OG
- Сайт адаптирован под современные браузеры
- Сверстаны простенькие svg-иконки
- Сайт адаптирован под современные мобильные устройства
- Подключены системы аналитики и счетчики, кнопки соцсетей
Инструкция по установке
Полностью адаптивны
Генератор файлов css формата
Полностью адаптивны
Генератор файлов css формата