gh-pages: https://romul3003.github.io/html-css-test/
TODO:
// common
- В папке лежит .psd макет
- Все верстать не нужно, обязательные секции:
- Our Services
- Our Team Member
- Contact Us
- верстка должна максимально соответствовать макету
- верстка должна быть валидной
- Шрифты подключить с google fonts
- Верстка должа смотреться хорошо на разных устройствах (включая планшеты /телефоны) и современных браузерах (Edge, Chrome, FF, Safari)
- Моб / планшет версия на свой вкус
- Можно использовать любые фреймворки/библиотеки
- Сделать сборку проекта на gulp или grunt (минификация js/css, оптимизация картинок и т.д.)
// javascript
-
Написать пару скриптов на js или jquery
-
"Our Services"
- при клике на кнопку "Read More" вывести в консоль заголовок текущего блока (console.log())
- к примеру при клике на первый блок мы увидим "Research", на второй = "Portfolio" и т.д.
-
"Our Team Member"
- реализовать слайдер
- на десктопе видим по 3 слайда, планшет по 2 слайда, телефон по 1
- можно использовать библиотеки
-
"Contact Us"
- при клике на "Send", отвалидировать форму
- "Email" должен быть обязательным
- Если "Email" пустой или не валидный, выделить поле красным + вывести текст с ошибкой (в любом месте)
- Если Email верный, вывести в консоль данные всех полей, и показать сообщение об успешной отправке (достаточно alert())
// delivery Результат выслать архивом или лучше ссылкой на свой gitHub