layout_moyo-header/src/index.html at bc856fc82818a5397b588d23b80e2a8b072b77a3 · mate-academy/layout_moyo-header · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <title>Moyo header</title>

    <link
      rel="preconnect"
      href="https://fonts.googleapis.com"
    />
    <link
      rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap"
      rel="stylesheet"
    />

    <link
      rel="stylesheet"
      href="./style.css"
    />
  </head>
  <body>
    <header class="header">
      <a
        href="#"
        class="logo"
      >
        <img
          class="logo_image"
          src="images/logo.png"
          alt="Logotipo da empresa Moyo"
        />
      </a>
      <nav class="nav">
        <ul class="nav_list">
          <li class="nav_item">
            <a
              href="#"
              class="nav_link is-active"
              aria-current="page"
              data-qa="hover"
            >
              Apple
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Samsung
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Smartphones
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Laptops & computers
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Gadgets
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Tablets
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Photos
            </a>
          </li>
          <li class="nav_item">
            <a
              href="#"
              class="nav_link"
            >
              Video
            </a>
          </li>
        </ul>
      </nav>
    </header>
  </body>
</html>