index.html


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Doge Tells Wooof !! | Sai Tejas A R's Projects</title>
    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
    <link rel="manifest" href="/images/site.webmanifest">
    <link href="style.css" rel="stylesheet">
    
</head>

<body>
    <nav>
        <div style="font-size: 2rem; padding: 1rem;">
          Doge Tells Wooof !! 
        </div>

    </nav>
    <main>
        <textarea id="translate-input"
            placeholder="Put your message here which you want to convert to woof language"></textarea>
        <button id="translate-button"> Translate To Woof 🐶 </button>
        <div class="">Translation will come here 👇</div>

        <div id="translate-output" style="padding: 1rem; font-size: large;"></div>


    </main>


    <footer>
        <div style="font-size: large">Sai Tejas | Projects</div>
        <i ></i>
    </footer>

    <script src="app.js" type="text/javascript"> </script>
</body>

</html>