Ещё проект
Заснята отработка всех элементов HTML шаблона - лендинга цветочного магазина «Радуга».
Дата загрузки: 2020-08-19 00:00:00 +0500
Информация о HTML шаблоне:
Вашему вниманию предлагается бесплатный html-шаблон сайта для цветочного магазина. Современный дизайн, выполненный в ярких, сочных тонах, поможет легче перейти в онлайн-пространство и остаться там навсегда.
HTML-шаблон полностью адаптивен и подстраивается под каждое устройство: компьютеры, планшеты и смартфоны. Также шаблон кросс-браузерный, то есть прекрасно работает в каждом современном браузере.
Контактные формы рабочие и будут сразу выполнять свои функции после загрузки на сервер при минимальной коррекции (смените email адрес для доставки писем и все).
Автор:
Евгений — https://evkarn.ru
Год разработки:
2020
Изменён:
Евгений — https://evkarn.ru
Лицензия:
CC BY 3.0Благодарность:
Изображения взяты на pixabay.com
Инструменты:
- Редактор Фигма
- Редактор Крита
- Редактор Инкскейп
- ХТМЛ
- ЦСС
- Бутстрап
- Джаваскрипт
- Джейкуери
- Гулп
- Сасс
Процесс
Дизайн шаблона
Основные цветовые оттенки на сайте желтые, акцентным цветом выбран светло-красный. Присутствуют основные блоки, дающие информацию о компании.
Лендинг подойдёт для цветочного магазина в качестве сайта для предоставления собственных услуг в интернет и привлечения клиентов посредством интернет-рекламы.
Подробное описание дизайна по ссылке: открыть
Вёрстка по макету
В вёрстке использована сетка bootstrap, из фреймворка подключалась только сетка, чтобы избежать избыточности кода.
Кросс-браузерная, полностью адаптивная и валидная вёрстка, семантически верная. Присутствует разметка Open Graph и Schema.org
Интерактив
В шаблоне реализованы простые интерактивные элементы: кнопки; иконки соцсетей; формы заказа; постраничная навигация; кнопка возврата к верху страницы; карта.
Анимация
На сайте используются мягкие переходы цветов в основном срабатывающие при наведении на элементы — ссылки и кнопки.
Скачать шаблон
После перехода по ссылке для скачивания html-шаблона лендинга вы увидите два файла: dist.zip; name-layout.loc.zip. Где name-layout.loc.zip — это архив с названием шаблона (например: educworld.loc.zip).
В файле"dist.zip" собраны файлы шаблона готовые к размещению на хостинге.
В папке «name-layout.loc.zip» будут файлы сайта вместе со сборкой gulp — будет полезна для веб-разработчиков, чтобы спокойно менять шаблон по собственному усмотрению.
Пользуйтесь с удовольствием!