Практика HTML: создание портфолио

Задание 1. Верстка главной страницы сайта агентства недвижимости.

  1. Выберите себе шаблон сайта для верстки (https://www.templatemonster.com/category/real-estate-website-templates/). Например, https://www.templatemonster.com/demo/58356.html
  2. Сверстайте полностью главную страницу и разместите её на сервере (варианты: c9, github, свой домен)
  3. Верхнее меню должно содержать выпадающее меню, сделанное вручную или с использованием JavaScript
  4. Убедитесь в отсутствии нарушений задания (валидность HTML и CSS, реалистичное содержимое, работоспособность ссылок/ссылки заглушки)
  5. В качестве результата, пришлите ссылку на выбранный шаблон и ссылку на свою страницу на сервере. Если будет нарушено одно из правил — задание считается проваленным

Задание 2. Верстка остальных страниц сайта.

  1. Сверстайте остальные страницы сайта (не менее четырёх дополнительных страниц)
  2. Создайте мобильную версию сайта (т.е. всех страниц) на основе медиа-запросов
  3. В качестве результата, пришлите ссылку на выбранный шаблон и ссылку на свою страницу на сервере. Ссылки должны связывать страницы между собой. Сайт должен иметь полностью завершенный вид

Задание 3. Вёрстка сайта для портфолио (Bootstrap) 

  1. Выберите себе шаблон сайта для верстки и сверстайте главную страницу на Bootstrap
  2. Максимально учтите передачу цвета и изображений, отступов, анимации при наведении
  3. Выпадающее меню, если есть, должно работать корректно

Задание 4. Верстка мобильной версии.

  1. Измените главную страницу сайта на Bootstrap так, чтобы она изменяла внешний вид для смартфонов (адаптировалась под наименьший размер, рекомендуемый классами Bootstrap)