Modal/index.html at v1.0 · prashant-s99/Modal · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <title>Modal Window</title>
  </head>
  <body>
    <button class="btn-chatGPT" id="btn">ChatGPT</button>
    <button class="btn-bard" id="btn">Google Bard</button>
    <button class="btn-huggingchat" id="btn">HuggingChat</button>

    <div class="mainbody">

    <div class="modal chatgpt hidden">
      <button class="close-modal chatgptcl">&times;</button>
      <h1 class="chatgpt-h1">ChatGPT</h1>
      <p class="p-chatgpt">
        ChatGPT is a form of generative AI - a tool that lets users enter prompts to receive humanlike images, text or videos that are created by AI. ChatGPT is similar to the automated chat services found on customer service websites, as people can ask it questions or request clarification to ChatGPT's replies.
      </p>
    </div>

    <div class="modal bard hidden">
        <button class="close-modal bardcl">&times;</button>
      <h1 class="bard-h1">Google Bard</h1>
      <p class="p-bard">
        Bard is a conversational generative artificial intelligence chatbot developed by Google, based initially on the LaMDA family of large language models (LLMs) and later the PaLM LLM. It was developed as a direct response to the rise of OpenAI's ChatGPT,[3] and was released in a limited capacity in March 2023 to lukewarm responses, before expanding to other countries in May.
      </p>
    </div>

    <div class="modal huggingchat hidden">
        <button class="close-modal huggingchatcl">&times;</button>
      <h1 class="huggingchat-h1">Hugging Chat</h1>
      <p class="p-huggingchat">
        HuggingFace is a large open-source community that builds tools to enable users to build, train, and deploy machine learning models based on open-source code and technologies.
      </p>
    </div>
  </div>

  <div class="overlay hidden">
  </div>

    <script src="script.js"></script>
  </body>
</html>