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

HTML шаблон лендинга «EducationWorld»

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

Заснята отработка всех элементов HTML шаблона - лендинга образовательной организации — «EducationWorld».

Дата загрузки: 2020-07-08 00:00:00 +0500

Постер для видео - изображён пазл, складывающийся из задач по обучению.

Информация о HTML шаблоне:

EducationWorld — это профессиональный и продуманный html-шаблон сайта (лендинга) для образовательной организации. Несмотря на то, что это html-шаблон и для работы с ним требуются знания HTML5 и CSS3, быстрее воспользоваться готовым решением и переделать его под себя. Рабочая контактная форма и иконки социальных сетей, упростят задачу.

Внедряйте любые изменения, настройки и улучшения, которые вам хочется добавить. Не стесняйтесь адаптировать и брендировать этот бесплатный html-шаблон лендинга, чтобы он полностью соответствовал вашей задаче.

Автор:

Евгений — https://evkarn.ru

Год разработки:

2020

Изменён:

Евгений — https://evkarn.ru

Лицензия:

CC BY 3.0

Благодарность:

Изображения взяты на pixabay.com

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

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

Процесс

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

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

Весь дизайн выполнен в сиреневых оттенках. Присутствуют основные блоки, дающие информацию о компании.

Лендинг подойдёт для предоставления собственных услуг в интернет.

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

Вторая секция html шаблона — изображения, тексты, заголовки, слайдер с картинками

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

Макет свёрстан с применением сетки bootstrap, из фреймворка подключалась только сетка, чтобы избежать избыточности кода.

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

Одна из секций шаблона - заголовок; текст; две кнопки; три женщины держатся за руки на фоне

Интерактив

В шаблоне реализованы простые интерактивные элементы: формы заказа; постраничная навигация; кнопка возврата к верху страницы; кнопки.

Следующая секция лендинга с формой для отправки сообщений, иконки и описание преимуществ компании.

Анимация

На сайте сделаны лёгкие, приятные анимации — в основном срабатывающие по наведению на элементы — ссылки и кнопки.

Скачать шаблон

После перехода по ссылке для скачивания html-шаблона лендинга вы увидите два файла: dist.zip; name-layout.loc.zip. Где name-layout.loc.zip — это архив с названием шаблона (например: educworld.loc.zip).

В файле"dist.zip" собраны файлы шаблона готовые к размещению на хостинге.

В папке «name-layout.loc.zip» будут файлы сайта вместе со сборкой gulp — будет полезна для веб-разработчиков, чтобы спокойно менять шаблон по собственному усмотрению.

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