HTML Academy
Предыдущее задание
Мастерская: декоративные элементы18/18
Вернуться в список заданий
  1. 1. Социальные кнопки, шаг 1
  2. 2. Социальные кнопки, шаг 2
  3. 3. Социальные кнопки, шаг 3
  4. 4. Переключатель страниц, шаг 1
  5. 5. Переключатель страниц, шаг 2
  6. 6. Переключатель страниц, шаг 3
  7. 7. Переключатель страниц, шаг 4
  8. 8. Переключатель страниц, тестирование
  9. 9. Испытание: карточка курса
  10. 10. Контакты, шаг 1
  11. 11. Контакты, шаг 2
  12. 12. Контакты, шаг 3
  13. 13. Комментарии, шаг 1
  14. 14. Комментарии, шаг 2
  15. 15. Комментарии, шаг 3
  16. 16. Комментарии, шаг 4
  17. 17. Комментарии, шаг 5
  18. 18. Испытание: анонс поста
Список заданий
  • Регистрация
  • Войти

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения. Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью соцсетей.

или

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Войти и продолжить
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Испытание: анонс поста</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="post"> <div class="post-title">Интенсив: программа</div> <div class="post-date">13.09</div> <div class="post-type"></div> <div class="post-author"> Автор: <a href="#">HTML Academy</a> </div> <div class="post-stats"> <div class="icon icon-tags"></div> <a href="#">интенсив</a>, <a href="#">программа</a> </div> <div class="post-stats"> <div class="icon icon-comments"></div> <a href="#">5</a> </div> <div class="post-text">Работа над интенсивом идёт полным ходом. Мы нашли крутых людей в команду и решили ещё кучу задач. Но сегодня я подробнее расскажу о работе над программой интенсива.</div> </div> </body> </html>
CSS
html, body { margin: 0; padding: 0; } body { width: 280px; min-height: 250px; padding-top: 50px; padding-right: 10px; padding-left: 10px; font-size: 12px; line-height: 1.2; font-family: "Arial", sans-serif; color: #7f8c8d; background-color: #ecf0f1; } .post-stats .icon { width: 15px; height: 15px; } /* Все размеры, отступы, координаты, размеры шрифтов (не заданные в body) кратны 5 или 10. Адреса картинок: quotes.png post-challenge.png Картинка «кавычки» выровнена по центру */

Что в задании вам не понравилось?

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
  • Образец
  • Результат
  • Наложение
  • Различия
  • ?

Нажмите кнопку «Сравнить», чтобы отправить ваше решение на проверку.

Не удалось загрузить образец. Попробуйте позже.

Образец — интерфейс, который вам нужно получить.

Результат — то, как видит ваш код наш сервер. Может отличаться от того, что в мини-браузере. Сравнение происходит между этим результатом и образцом.

Наложение — полупрозрачный результат отображается над образцом.

Различия — карта различий между образцом и результатом.

0
    Выполнено 0%.
    Код был изменён
    Логотип HTML Academy
    • Наша группа в ВК
    • Наша группа в Facebook
    • Наша страница в Twitter
    • Наша страница в Instagram

    Консультация по телефону 8 800 555-86-28.

    Инновационный центр Сколково

    Курсы

    • Интерактивные курсы
    • Подписка
    • Учебник по PHP

    Профессии

    • Фронтенд-разработчик
    • React-разработчик
    Интенсивы
    • HTML и CSS,
      уровень 1
    • HTML и CSS,
      уровень 2
    • JavaScript,
      уровень 1
    • JavaScript,
      уровень 2
    • JavaScript,
      уровень 3
    • PHP, уровень 1
    • PHP, уровень 2
    Блог
    • Полезные статьи
    • HTML Шорты
    • Карьера выпускников
    • Обучение у нас

    Информация

    • Об Академии
    • Вакансии
    • О центре карьеры
    • База выпускников

    Услуги

    • Для выпускников
    • Работа наставником
    • Для учителей
    • Акселератор

    Остальное

    • Написать нам
    • Мероприятия
    • Форум

    СоглашениеКонфиденциальностьСведения об образовательной организацииЛицензия № 3026Инновационный центр Сколково© ООО «Интерактивные обучающие технологии», 2013−2019