веб-студия

убрала тег <figure>
IrinaChoulgan · Mar 5, 2021 · f25ff22 · f25ff22
1 parent bcd1499
commit f25ff22
Show file tree

Hide file tree

Showing 3 changed files with 164 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/images/index.html b/images/index.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="ru">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Web-studio</title>
+  </head>
+  <body>
+    <!-- Header секция -->
+
+    <header>
+      <nav>
+        <a href="./index.html"> WebStudio </a>
+        <ul>
+          <li><a href="">Студия</a></li>
+          <li><a href="">Портфолио</a></li>
+          <li><a href="">Контакты</a></li>
+        </ul>
+      </nav>
+      <ul>
+        <li><a href="mailto:info@devstudio.com">info@devstudio.com</a></li>
+        <li><a href="tel:+380961111111">+38 096 111 11 11</a></li>
+      </ul>
+    </header>
+
+    <main>
+      <!-- Секция герой -->
+
+      <div>
+        <section>
+          <h1>
+            Эффективные решения <br />
+            для вашего бизнеса
+          </h1>
+          <button>Заказать услугу</button>
+        </section>
+      </div>
+
+      <!-- Секция преимуществ -->
+
+      <section>
+        <h2>Перечень преимуществ</h2>
+        <ul>
+          <li>
+            <h3>Внимание к деталям</h3>
+            <p>
+              Идейные соображения, а также начало повседневной работы по
+              формированию позиции.
+            </p>
+          </li>
+          <li>
+            <h3>Пунктуальность</h3>
+            <p>
+              Задача организации, в особенности же рамки и место обучения кадров
+              влечет за собой.
+            </p>
+          </li>
+          <li>
+            <h3>Планирование</h3>
+            <p>
+              Равным образом консультация с широким активом в значительной
+              степени обуславливает.
+            </p>
+          </li>
+          <li>
+            <h3>Современные технологии</h3>
+            <p>
+              Значимость этих проблем настолько очевидна, что реализация
+              плановых заданий.
+            </p>
+          </li>
+        </ul>
+      </section>
+
+      <!-- Секция "чем мы занимаемся" -->
+
+      <section>
+        <h2>Чем мы занимаемся</h2>
+        <ul>
+          <li>
+            <img
+              src="./images/img-5.jpg"
+              alt="Печатает на клавиатуре"
+              width="370"
+            />
+          </li>
+          <li>
+            <img src="./images/img-2-2.jpg" alt="Телефон в руке" width="370" />
+          </li>
+          <li>
+            <img src="./images/img-3-2.jpg" alt="Планшет в руке" width="370" />
+          </li>
+        </ul>
+      </section>
+
+      <!-- Секция наша команда -->
+
+      <section>
+        <h2>Наша команда</h2>
+        <ul>
+          <li>
+            <img
+              src="./images/img.jpg"
+              alt="Мужчина в очках улыбается"
+              width="270"
+            />
+            <p>Игорь Демьяненко</p>
+            <p>Product Designer</p>
+          </li>
+          <li>
+            <img
+              src="./images/img-2.jpg"
+              alt="Девушка, блондинка в очках"
+              width="270"
+            />
+            <p>Ольга Репина</p>
+            <p>Frontend Developer</p>
+          </li>
+          <li>
+            <img src="./images/img-3.jpg" alt="Мужчина улыбается" width="270" />
+            <p>Николай Тарасов</p>
+            <p>Marketing</p>
+          </li>
+          <li>
+            <img src="./images/img-4.jpg" alt="Мужчина в очках" width="270" />
+            <p>Михаил Ермаков</p>
+            <p>UI Designer</p>
+          </li>
+        </ul>
+      </section>
+    </main>
+
+    <!-- футер -->
+
+    <footer>
+      <a href="./index.html"> WebStudio </a>
+      <address>
+        <a
+          href="https://goo.gl/maps/7fYRvrTEsQFAb9WB8"
+          target="_blank"
+          rel="noopener noreferrel"
+        >
+          г. Киев, пр-т Леси Украинки, 26</a
+        >
+        <ul>
+          <li><a href="mailto:info@example.com">info@example.com</a></li>
+          <li><a href="tel:+380991111111">+38 099 111 11 11</a></li>
+        </ul>
+      </address>
+    </footer>
+  </body>
+</html>
diff --git a/images/prettierrc.json b/images/prettierrc.json
@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid",
+  "proseWrap": "always"
+}