test-repo/index.html at main · matowdev/test-repo · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Test Gemini extension</title>
</head>

<body class="page">
  <header class="header page__header">
    <h1 class="header__title">Gemini</h1>
    <!-- Comment -->
    <nav class="header__nav" role="navigation">
      <ul class="header__nav-list">
        <li class="header__nav-item"><a class="header__nav-link" href="#">Link 1</a></li>
        <li class="header__nav-item"><a class="header__nav-link" href="#">Link 2</a></li>
        <li class="header__nav-item"><a class="header__nav-link" href="#">Link 3</a></li>
      </ul>
    </nav>
  </header>

  <main class="main page__main" role="main">
    <section class="hero main__hero">
      <p class="hero__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dicta molestias fuga facilis
        expedita suscipit inventore alias minima asperiores accusantium ipsam mollitia incidunt a officia laboriosam
        tenetur, quam quia consequatur autem neque qui error est! Expedita facilis optio velit voluptatibus natus, id
        voluptatem pariatur ad sint, et mollitia debitis at soluta repudiandae inventore sit deserunt quo?</p>

      <ul class="hero__list">
        <li class="hero__item">HTML</li>
        <li class="hero__item">CSS</li>
        <li class="hero__item">JavaScript</li>
      </ul>

      <p class="hero__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi autem sit officiis eum quod
        ipsa maxime maiores dignissimos nihil suscipit expedita optio, harum pariatur repellendus?</p>
      <p class="hero__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ab, ad corrupti fugit repellendus
        facere rerum dolores, voluptates inventore optio tenetur eos veritatis natus? Temporibus, repellat.</p>
    </section>
  </main>

  <footer class="footer page__footer" role="contentinfo">
    <a class="footer__link" href="#">Link 1</a>
    <a class="footer__link" href="#">Link 2</a>
    <a class="footer__link" href="#">Link 3</a>
  </footer>
</body>

</html>