https://evkarn.ru
HTML шаблон лендинга

HTML шаблон лендинга — цветочный магазин «Радуга»

Предпросмотр
Поляна разных весенних цветом и логотип в виде ландыша.

Заснята отработка всех элементов 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

Инструменты:

  • Редактор Фигма
  • Редактор Крита
  • Редактор Инкскейп
  • ХТМЛ
  • ЦСС
  • Бутстрап
  • Джаваскрипт
  • Джейкуери
  • Гулп
  • Сасс

Процесс

Первая секция - картинка улыбающейся девушки с букетом цветов; логотип сайта; меню и контакты, заголовок и описание, кнопка.

Дизайн шаблона

Основные цветовые оттенки на сайте желтые, акцентным цветом выбран светло-красный. Присутствуют основные блоки, дающие информацию о компании.

Лендинг подойдёт для цветочного магазина в качестве сайта для предоставления собственных услуг в интернет и привлечения клиентов посредством интернет-рекламы.

Подробное описание дизайна по ссылке: открыть

Ноутбук, ПК и смартфон с программных кодом на экране. Надписи: HTML, CSS, PHP.

Вёрстка по макету

В вёрстке использована сетка 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 — будет полезна для веб-разработчиков, чтобы спокойно менять шаблон по собственному усмотрению.

Пользуйтесь с удовольствием!