Skip to content

pankovOleksandr/ExamSite1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Экзаменационная работа. Верстка.

Необходимо сверстать сайт по следующим макетам: https://yadi.sk/d/0QztLQz6gdXAo

Разработку ведем в ваших github репозиториях в папке project2

Версия для десктопа (width >= 1000)

desktop

Версия для планшетов (width >= 800, width < 1000)

tablet

Версия для мобильных (width >= 320, width < 800)

mobile

###ТЗ:

  • HTML – единый на все 3 типа макетов. Адаптивность реализовать через CSS, чтобы при уменьшении экрана происходило перестроение макета.
  • Закачик поставил следующие требования по браузерам: последние версии Chrome, Yandex, Firefox, Safari.
  • Верстка для мобильных и планшетов будет проверяться в десктопых браузерах (но если у вас есть возможность проверить на реальных девайсах — то можете это сделать).
  • Заказчик просит вас сделать все возможные оптимизации страницы по скорости загрузки, кроме минификации файлов и сборки @include'ов. Эти операции будут проводиться уже при выкладке проекта в продакшен самим заказчиком.
  • Шрифт по умолчанию в макете Helvetica. Для пользователей без этого шрифта — Arial.
  • К сожалению дизайнер не нарисовал для десктопной версии hover эффектов для различных элементов (ссылок, кнопок) по-этому эти эффекты клиент просит добавить вас. Дизайн эффектов — на ваше усмотрение.
  • В форме, верхнее поле Select course будет кастомный select. Его будут использовать из внешней библиотеки. По-этому пока можете вставить обычное текстове поле с нарисованной стрелочкой справа.
  • Тексты использовать те, что в макете.
  • Иконки если есть возможность и умения желательно перевести в векторный формат. Если нет то пусть остается растр.

Успехов!

About

exam site in GOIT courses with html and css only

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published