Ещё проект
Заснята отработка всех элементов HTML шаблона сайта-визитки «Чайные сорта Грейев».
Дата загрузки: 2020-04-10 00:00:00 +0500
Информация о HTML шаблоне:
Вашему вниманию предлагается простой бесплатный html-шаблон сайта-визитки для компании, изготавливающей и продающей чай — «Чайные сорта семьи Грейев». Современный дизайн, выполненный в зелёных оттенках, поможет проще перенести бизнес в онлайн-пространство и занять в нём собственную нишу.
HTML-шаблон «Чайные сорта семьи Грейев» полностью адаптивен и подстраивается под каждое устройство: компьютеры, планшеты и смартфоны. Также шаблон веб-сайта «Чайные сорта Грейев» работает в каждом современном браузере.
Контактные формы рабочие и будут сразу выполнять свои функции после загрузки на сервер при минимальной коррекции (смените email адрес для доставки писем и все).
Автор:
Евгений — https://evkarn.ru
Год разработки:
2020
Изменён:
Евгений — https://evkarn.ru
Лицензия:
CC BY 3.0Благодарность:
Изображения взяты на pixabay.com
Инструменты:
- Редактор Фигма
- Редактор Крита
- Редактор Инкскейп
- ХТМЛ
- ЦСС
- Бутстрап
- Джаваскрипт
- Джейкуери
- Гулп
- Сасс
Процесс
Дизайн шаблона
Основным оттенком для сайта выбран тёмно-зелёный, акцентным цветом выбраны красный и оранжевый. Присутствуют основные страницы, дающие информацию о компании.
Этот HTML-шаблон подойдёт для компании в качестве сайта-визитки для предоставления собственных услуг в сети интернет.
Подробное описание дизайна по ссылке: открыть
Вёрстка сайта-визитки
Сайт верстался с применением сетки 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 — будет полезна для веб-разработчиков, чтобы спокойно менять шаблон по собственному усмотрению.
Пользуйтесь с удовольствием!