index.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/style.css">
    <title>Valyrian translator</title>
</head>

<body>
    <header>
        <h1 class="title-txt">Valyrian Translator</h1>
    </header>

    <main>
        <img src="images/translate.svg" alt="translate-img" class="translate-img">

        <section class="section-process">
            <textarea id="input" placeholder="enter the text to be translated"></textarea>

            <button id="translate-btn">Translate</button>
            <h2>Output will go here 👇</h2>
            <div id="output"></div>
        </section>

    </main>


    <footer class="footer">
        <h1>About</h1>
        <p> Are you a fan of Game of Thrones? Then you would know Valyrian , do you know it's an actual language, yes it is.For the TV series, linguist David J. Peterson created the High Valyrian language. Use this translator to convert your text from English to Valyrian</p>
    </footer>
    <script src="/app.js"></script>
</body>
</html>