romul3003 / html-css-test

gh-pages: https://romul3003.github.io/html-css-test/

TODO:

// common

1. В папке лежит .psd макет
2. Все верстать не нужно, обязательные секции:
   • Our Services
   • Our Team Member
   • Contact Us
3. верстка должна максимально соответствовать макету
4. верстка должна быть валидной
5. Шрифты подключить с google fonts
6. Верстка должа смотреться хорошо на разных устройствах (включая планшеты /телефоны) и современных браузерах (Edge, Chrome, FF, Safari)
7. Моб / планшет версия на свой вкус
8. Можно использовать любые фреймворки/библиотеки
9. Сделать сборку проекта на gulp или grunt (минификация js/css, оптимизация картинок и т.д.)

// javascript

1. Написать пару скриптов на js или jquery

2. "Our Services"

   • при клике на кнопку "Read More" вывести в консоль заголовок текущего блока (console.log())
   • к примеру при клике на первый блок мы увидим "Research", на второй = "Portfolio" и т.д.

3. "Our Team Member"

   • реализовать слайдер
   • на десктопе видим по 3 слайда, планшет по 2 слайда, телефон по 1
   • можно использовать библиотеки

4. "Contact Us"

   • при клике на "Send", отвалидировать форму
   • "Email" должен быть обязательным
   • Если "Email" пустой или не валидный, выделить поле красным + вывести текст с ошибкой (в любом месте)
   • Если Email верный, вывести в консоль данные всех полей, и показать сообщение об успешной отправке (достаточно alert())

// delivery Результат выслать архивом или лучше ссылкой на свой gitHub