Homework1/Task3.html at master · stasyzar/Homework1 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!--Завдання 3. Створити html файл з компонентом «повна версія картки викладача» з полями: Повне ім’я, стать, вік, email, телефон, країна, місто, коментар та карта. Додати до компонента data-attribute з кольором фону. -->
<!--Виконуючи завдання використовувати відповідні семантичні теги.-->
<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Анастасія">

    <title>Повна версія картки викладача</title>
</head>
<body>
<header>
  <h1>Повна версія картки викладача</h1>
</header>
  <article data-bgcolor="#5D8AA8">
    <section>
      <h2>Петренко Іван Васильович</h2>
      <p>Стать: чоловік</p>
      <p>Дата народження: 1980-05-12</p>
      <address>
        <p>Email: <a href="ivan.petrenko@gmail.com">ivan.petrenko@gmail.com</a></p>
        <p>Телефон: <a href="tel:+380961112233">+380961112233</a></p>
      </address>

      <p>Країна: Україна</p>
      <p>Місто: Київ</p>

      <p>Коментар: Досвідчений викладач з програмування.</p>
    </section>
    <footer>
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3020.2894811472634!2d30.516955129786197!3d50.46436878288883!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4ce3f8783f067%3A0x20e77fb079389395!2z0J3QsNGG0ZbQvtC90LDQu9GM0L3QuNC5INGD0L3RltCy0LXRgNGB0LjRgtC10YIgwqvQmtC40ZTQstC-LdCc0L7Qs9C40LvRj9C90YHRjNC60LAg0LDQutCw0LTQtdC80ZbRj8K7!5e0!3m2!1suk!2sua!4v1747642425785!5m2!1suk!2sua" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
      </iframe><br>
    </footer>
  </article>
</body>
</html>