upload files

mafSida · Jul 20, 2024 · 6386c9d · 6386c9d
1 parent f68301c
commit 6386c9d
Show file tree

Hide file tree

Showing 13 changed files with 200 additions and 0 deletions.
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid",
+  "proseWrap": "always"
+}
diff --git a/images/member-1.jpg b/images/member-1.jpg
diff --git a/images/member-2.jpg b/images/member-2.jpg
diff --git a/images/member-3.jpg b/images/member-3.jpg
diff --git a/images/member-4.jpg b/images/member-4.jpg
diff --git a/images/project-1.jpg b/images/project-1.jpg
diff --git a/images/project-2.jpg b/images/project-2.jpg
diff --git a/images/project-3.jpg b/images/project-3.jpg
diff --git a/images/project-4.jpg b/images/project-4.jpg
diff --git a/images/project-5.jpg b/images/project-5.jpg
diff --git a/images/project-6.jpg b/images/project-6.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Web Studio</title>
+  </head>
+  <body>
+    <header>
+      <nav>
+        <a href="./index.html">WebStudio</a>
+        <ul>
+          <li><a href="">Studio</a></li>
+          <li><a href="">Portfolio</a></li>
+          <li><a href="">Contacts</a></li>
+        </ul>
+      </nav>
+      <address>
+        <ul>
+          <li><a href="mailto:info@devstudio.com">info@devstudio.com</a></li>
+          <li><a href="tel:+110001111111">+11 (000) 111-11-11</a></li>
+        </ul>
+      </address>
+    </header>
+    <main>
+      <section>
+        <h1>Effective Solutions for Your Business</h1>
+        <button type="button">Order Service</button>
+      </section>
+      <section>
+        <h2>Features</h2>
+        <ul>
+          <li>
+            <h3>Strategy</h3>
+            <p>
+              Our goal is to identify the business problem to walk away with the
+              perfect and creative solution.
+            </p>
+          </li>
+          <li>
+            <h3>Punctuality</h3>
+            <p>
+              Bring the key message to the brand's audience for the best price
+              within the shortest possible time.
+            </p>
+          </li>
+          <li>
+            <h3>Diligence</h3>
+            <p>
+              Research and confirm brands that present the strongest digital
+              growth opportunities and minimize risk.
+            </p>
+          </li>
+          <li>
+            <h3>Technologies</h3>
+            <p>
+              Design practice focused on digital experiences. We bring forth a
+              deep passion for problem-solving.
+            </p>
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Our Team</h2>
+        <ul>
+          <li>
+            <img src="./images/member-1.jpg" alt="Mark Guerrero" width="264" />
+            <h3>Mark Guerrero</h3>
+            <p>Product Designer</p>
+          </li>
+          <li>
+            <img src="./images/member-2.jpg" alt="Tom Ford" width="264" />
+            <h3>Tom Ford</h3>
+            <p>Frontend Developer</p>
+          </li>
+          <li>
+            <img src="./images/member-3.jpg" alt="Camila Garcia" width="264" />
+            <h3>Camila Garcia</h3>
+            <p>Marketing</p>
+          </li>
+          <li>
+            <img src="./images/member-4.jpg" alt="Daniel Wilson" width="264" />
+            <h3>Daniel Wilson</h3>
+            <p>UI Designer</p>
+          </li>
+        </ul>
+      </section>
+    </main>
+    <footer>
+      <a href="./index.html">WebStudio</a>
+      <p>
+        Increase the flow of customers and sales for your business with digital
+        marketing & growth solutions.
+      </p>
+    </footer>
+  </body>
+</html>
diff --git a/todo.md b/todo.md
@@ -0,0 +1,90 @@
+Критерії приймання роботи наставником
+
+Проєкт
+
+«A1» У корені проєкту є папка images з зображеннями.
+
+«A2» У корені проєкту є папка css з файлом стилів.
+
+«A3» Всі стилі написані в одному файлі styles.css, який знаходиться в папці css.
+
+«A4» У назвах файлів відсутні великі літери, пробіли і трансліт. Назви містять
+тільки літери і слова англійської мови.
+
+«A5» Вихідний код відформатований за допомогою Prettier.
+
+«A6» Всі зображення та текстовий контент взяті з макета.
+
+«A7» Підключений нормалізатор стилів
+[modern-normalize](https://cdnjs.com/libraries/modern-normalize).
+
+«A8» Всі растрові зображення оптимізовані з використанням squoosh.
+
+«A9» Код написаний з дотриманням настанови.
+
+Розмітка
+
+«B1» Розмітка секції Our Portfolio набрана у файлі index.html. Виконана
+HTML-розмітка всіх елементів макета.
+
+«B2» Теги використані відповідно до їх семантичного змісту.
+
+«B3» HTML проходить перевірку валідатором без помилок.
+
+«B4» Імена класів описові та зрозумілі іншому розробнику.
+
+«B5» Імена класів не містять великих літер, пробілів, трансліту і назв тегів.
+Імена містять тільки літери і слова англійської мови. Якщо ім'я класу
+складається з декількох слів, вони розділяються дефісом.
+
+«B6» У тегів <img> вказані атрибути розмірів, як мінімум width.
+
+«B7» Зображення експортовані з макета у форматі jpg.
+
+«B8» Групи однотипних елементів зібрані у списки <ul>.
+
+«B9» Всі необхідні шрифти за макетом та їх варіації (вага і накреслення)
+підключені з сервісу Google Fonts одним посиланням. Необхідна вага для Raleway -
+700, а для Roboto - 400, 500, 700.
+
+Оформлення
+
+«C1» Для оформлення використовуються селектори класу.
+
+«C2» В стилях відсутній !important.
+
+«C3» Інтерактивні елементи (кнопки і посилання), при наведенні мишкою або фокусі
+з клавіатури, мають активний стан, вказаний в Style guide (зміна кольору).
+
+«С4» Текст контактів в хедері змінює колір при ховері і фокусі.
+
+«С5» Для елемента <body> задана властивість font-family з домінантним шрифтом на
+макеті Roboto.
+
+«С6» Вказані альтернативні варіанти шрифта і тип сімейства (без зарубок) в кінці
+переліку font-family в елемента <body>.
+
+«С7» Сімейство шрифтів Roboto явно задане тільки для елемента <body>, інші
+елементи наслідують його.
+
+«С8» Для елемента <body> задана властивість color з домінантним на макеті
+кольором тексту. Решта тексту наслідує або перекриває це значення.
+
+«С9» Розмір шрифту (властивість font-size) всіх текстових елементів точно
+відповідає значенням з макета.
+
+«С10» Висота рядка (властивість line-height) всіх текстових елементів точно
+відповідає значенням з макета і задана як множник, а не в px.
+
+«С11» Колір (властивості color та background-color) всіх елементів точно
+відповідає значенням з макета.
+
+«С12» Вага шрифту (властивість font-weight) всіх текстових елементів точно
+відповідає значенням з макета. Вага шрифту явно вказана тільки, якщо значення в
+макеті відрізняється від стандартного для цього елемента в браузері.
+
+«С13» Кнопкам задана властивість cursor зі значенням pointer.
+
+«С14» У стилях не повторюються значення властивостей, які задані браузером за
+замовчуванням. Наприклад, посиланням не потрібно вказувати cursor: pointer, а
+абзацам font-style: normal або font-weight: 400.