Dz1

[Dmytro-ziba]

<title>Домашнє завдання №1</title>

Головна

Верхня лінія

WebStudio

Студія

Портфоліо

Контакти

[email protected] +38 096 111 11 11

<!-- Шапка -->
<section>
  <h1>Ефективні рішення для вашого бізнесу</h1>
  <button type="button" class="button">Замовити послугу</button>
</section>

<section>
  <!-- post -->
  <ul>
    <li>
      <h2>УВАГА ДО ДЕТАЛЕЙ</h2>
      <p>
        Ідейні міркування, і навіть початок повсякденної роботи з формування
        позиції.
      </p>
    </li>
    <li>
      <h2>ПУНКТУАЛЬНІСТЬ</h2>
      <p>
        Завдання організації, особливо рамки і місце навчання кадрів тягне у
        себе.
      </p>
    </li>
    <li>
      <h2>ПЛАНУВАННЯ</h2>
      <p>Так само консультація з широким активом значною мірою зумовлює.</p>
    </li>
    <li>
      <h2>СУЧАСНІ ТЕХНОЛОГІЇ</h2>
      <p>
        Значимість цих проблем настільки очевидна, що реалізація планових
        завдань.
      </p>
    </li>
  </ul>
</section>
<section>
  <h2>Чим ми займаємося</h2>
  <ul>
    <li>
      <img
        src="img/d1/img1.jpg"
        alt="Рабочий стіл, схема, клавиатура, два екрана."
        width="370"
        height="294"
      />
    </li>
    <li>
      <img
        src="img/d1/img2.jpg"
        alt="Девушка з айфоном"
        width="370"
        height="294"
      />
    </li>
    <li>
      <img
        src="img/d1/img3.jpg"
        alt="Екран з палітрою"
        width="370"
        height="294"
      />
    </li>
  </ul>
</section>

<section>
  <h2 hidden>Наша команда</h2>
  <ul>
    <li>
      <img
        src="img/d1/designer.jpg"
        alt="foto Ігор Дем'яненко"
        width="270"
        height="260"
      />
      <p>Ігор Дем'яненко</p>
      <a href="">Product Designer</a>
      <p></p>
    </li>
    <li>
      <img
        src="img/d1/developer.jpg"
        alt="foto Ольга Рєпіна"
        width="270"
        height="260"
      />
      <p>Ольга Рєпіна</p>
      <a href="">Frontend Developer</a>
      <p></p>
    </li>
    <li>
      <img
        src="img/d1/marketing.jpg"
        alt="foto Микола Тарасов"
        width="270"
        height="260"
      />
      <p>Микола Тарасов</p>
      <a href="">Marketing</a>
      <p></p>
    </li>
    <li>
      <img
        src="img/d1/designer2.jpg"
        alt="foto Михайло Єрмаков"
        width="270"
        height="260"
      />
      <p>Михайло Єрмаков</p>
      <a href="">UI Designer</a>
      <p></p>
    </li>
  </ul>
</section>

<footer>
  <section id="contacts">
    <address>
      <h2>WebStudio</h2>
      <ul>
        <li>
          <a
            href="https://www.google.com/search?client=firefox-b-d&q=%D0%BC.+%D0%9A%D0%B8%D1%97%D0%B2%2C+%D0%BF%D1%80-%D1%82+%D0%9B%D0%B5%D1%81%D1%96+%D0%A3%D0%BA%D1%80%D0%B0%D1%97%D0%BD%D0%BA%D0%B8%2C+26#"
            target="_blank"
            rel="noopener noreferre"
          >
            м. Київ, пр-т Лесі Українки, 26</a
          >
        </li>
        <li><a href="mailto:[email protected]">[email protected]</a></li>
        <li><a href="tel:+380961111111">+38 096 111-1111</a></li>
      </ul>
    </address>
  </section>
</footer>
<section id="portfolio">
  
</section>