viktorsvertoka / goit-markup-hw-01-old

Home work for html and css course📚

Read in other languages: Ukrainian, English.

Домашнє завдання № 1

• Створи репозиторій goit-markup-hw-01.
• Виконай HTML-розмітку макета сторінки домашнього завдання #1, без CSS оформлення.
• Налаштуй GitHub Pages і додай посилання на живу сторінку в шапку GitHub-репозиторія.

Критерії приймання роботи наставником

Проект

«A1» Головний HTML-файл називається index.html.

«A2» У корені проекту є папка images з зображеннями.

«A3» У назвах файлів відсутні великі літери, пробіли і трансліт, тільки літери і слова англійської мови.

«A4» Вихідний код відформатований за допомогою Prettier.

«A5» Всі зображення та текстовий контент взяті з макета.

«A6» Всі растрові зображення оптимізовані, використовуючи squoosh.

«A7» Код написаний з дотриманням настанови.

Розмітка

«B1» Розмітка сторінки Студія набрана у файлі index.html.

«B2» Виконана HTML-розмітка всіх елементів макета.

«B3» Теги використані відповідно до їх семантичного змісту.

«B4» HTML проходить перевірку валідатором без помилок.

«B5» У розмітці є теги для виділення основної структури сторінки: <header>, <main> і <footer>.

«B6» Логотип в хедері і футері - це посилання з текстом, не зображення.

«B7» Тег <nav> використаний один раз на сторінці - в хедері.

«B8» Контакти в хедері (пошта і телефон) знаходяться за межами тегу <nav>.

«B9» Тег <h1> використаний один раз на сторінці.

«B10» Елемент з текстом "Замовити послугу" - це кнопка з type="button".

«B11» Заголовки секцій розмічені тегом <h2>.

«B12» У тегів <img> вказані атрибути розмірів, як мінімум width.

«B13» У тегів <img> є атрибут alt, який заповнений коротким описом про те, що зображено на малюнку.

«B14» Зображення експортовані з макета у форматі jpg.

«B15» Групи однотипних елементів зібрані у списки <ul>.

«B16» Тег <address> використаний тільки у футері.