https://hindi-ai-poem-generator.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=7e3e58ed-24db-47e2-897d-ee58d40946a7
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9    

9<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>

9
10    

10<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>

10
11    <link rel="stylesheet" href="src/styles.css" />
12    <title>AI Hindi Poem Generator</title>
13  </head>
14  <body>
15    <div class="container">
16      <header>
17        <h1>AI Hindi Poem Generator</h1>
18      </header>
19
20      <main>
21        <div class="form-container">
22          <form id="poem-generator-form">
23            <input
24              type="text"
25              placeholder="Enter the topic of a Hindi poem"
26              autofocus
27              required
28              autocomplete="off"
29              class="instructions"
30              id="user-instructions"
31            />
32            <input type="submit" class="submit-button" />
33          </form>
34          <div class="hint">i.e: Flower, Banglore or Pani Puri</div>
35        </div>
36        <div class="poem hidden" id="poem"></div>
37      </main>
38
39      <footer>
40        This AI project was coded by
41        <a href="https://github.com/tejaswinisamanta" target="_blank">Matt Delac</a>
42        and is open-sourced on
43        <a
44          href="https://github.com/tejaswinisamanta/hindi-poem-generator"
45          target="_blank"
46        >
47           GitHub</a
48        >
49        and is hosted on 
50        <a href="https://hindi-ai-poem-generator.netlify.app/" target="_blank"
51          >Netlify</a
52        >.
53      </footer>
54    </div>
55
56    

56<script src="src/index.js"></script>

56
57  </body>
58</html>