Обзор шаблона «WG»
Card image cap

Шаблон разработан на основе технологии CSS FlexBox и чистых Media-запросов.
Шаблон имеет 6 основных секций которые составляют структуру тела сайта:

  • Header
  • Section "Boxes"
  • Section "Section-Green-Top"
  • Section "Section-Green-Bottom"
  • Section "Contact"
  • Section Footer

Шаблон «WG» разрабатывался на основе языка гипертекстовой разметки HTML5 и каскадной таблицы стилей CSS3 с учетом всех семантических особеностей. С целью самодокументации кода, была использована методология БЭМ. Выполненный шаблон полностью адаптивен и способен подстраиватья под любые размеры экранов, будь то компьютер, планшет или телефон в любых их ориентациях. Выполненная верстка шаблона является кроссбраузерной и будет корректно отображаться в различных браузерах.

Все формы добавленные в шаблон учитывают корректный сбор и передачу данных на сервер.

В шаблоне имеются анимационные эффекты, которые были добавлены с помощью библиотеки

В помимо анимаций и прочего в шаблоне были произведены все необходимые работы с текстом, ссылками, , параграфами, заголовками, изображениями и hovet-эффектами

PSD-шаблон был взят из сети с целью тренировки и закрепления изученного материала. Для непосредственного осмотра и тестирования качества выполнения работы нажмите на кнопку "Тестировать", если хотите скачать проект, нажмите на кнопку "Скачать".

Тестировать Скачать