RuslanLozhkin / Monticello

Экзамен 2. Architecture - простой сайт + JS

# Monticello
Экзамен 2. Architecture - простой сайт + JS
Требования по макету - ТЗ:

1. :hover, :focus эффекты на ваше усмотрение

2. При клике в меню реализовать плавную прокрутку к соответствующей секции

3. При клике на иконку со стрелкой в первой секции плавная прокрутка к PROJECTS

4. HEADER и NEWS: слайдеры

a. HEADER: картинка и текст являются одним слайдом

b. NEWS: каждая новость это слайд, листается по одной новости. Сделать автоматическое листание с задержкой в 4 секунды.

5. Карта рабочая с кастомной иконкой

a. Стиль карты можно взять здесь https://mapstyle.withgoogle.com/

Критерии - Баллы:

1. Верстка - законченность секций (всего 5 баллов)

1 балл - HEADER 1 балл - PROJECTS 1 балл - NEWS 1 балл - GALLERY 1 балл - CONTACT + FOOTER 2. JS (всего 4 балла)

1 балл - HEADER Cлайдер 1 балл - NEWS Слайдер 1 балл - Карта 1 балл - Плавная прокрутка навигации и кнопок к секциям

Требования:

1. Проект называем monticello

2. Валидность HTML/CSS

3. Семантичность верстки

4. Соответствие макету (используем pixel perfect)

Использование шрифта как в макете Шрифты подключаем через Google Fonts и @font-face 5. Кроссбраузерность Chrome, Firefox, Opera, IE11++

6. Все интерактивные элементы должны иметь :hover, :focus стили

7. Наличие favicon

8. Использование препроцессора

9. Использовании БЭМ

10. Использование SVG где возможно

Решение заливаем на GitHub или за 20 мин до окончания экзамена.