/Monticello

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

Primary LanguageJavaScript

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

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

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

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

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

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

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

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

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++

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

  2. Наличие favicon

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

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

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

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