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
51
52
53
54
55
56
57
58
59
60
61
62
63
<!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>
      <p class="hero__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti, autem.</p>
      <p class="hero__text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus recusandae ipsum,
        numquam sequi commodi fuga eligendi optio et veniam qui eius odit amet sint beatae.</p>

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

      <div style="margin-top: 20px; padding: 20px; background: #e0f7fa; border-radius: 8px;">
        <h2>AI Agent interactive test zone</h2>
        <input id="demo-input" type="text" placeholder="Agent will type here..."
          style="padding: 10px; width: 80%; display: block;">
        <button id="demo-btn"
          onclick="document.getElementById('demo-result').innerText = 'The agent successfully clicked the button!'"
          style="margin-top: 10px; padding: 10px 20px; cursor: pointer;">Click Me, Agent!</button>
        <p id="demo-result" style="font-weight: bold; color: green;"></p>
      </div>

      <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>