index.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Decoder</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

    <div id="container-pai">

        <main class="container">

            <header class="container_title">

                <h1>ENCODER / DECODER</h1>

            </header>


            <section class="container_textbox">

                <h2>Mensagem</h2>

                <textarea id="mensagem" name="text" rows="5" cols=33></textarea>

                <div class="divBotao">
                    <button id="botaoCriptografar">Criptografar</button>
                    <button id="botaoDecriptografar">deCriptografar</button>
                </div>

            </section>

            <section class="container_textbox">

                <h2 id="titulo-mensagem">Mensagem Criptografada</h2>
                <div id="div-textarea">
                    <textarea id="mensagemCriptografada" name="text" rows="5" cols=33></textarea>
                </div>


                <div class="divBotao">

                    <button id="botaoCopiar">Copiar</button>

                </div>
            </section>

    </div>


    <script src="main.js"></script>
<footer><i>Desenvolvido por Samuel Wesley</i></footer>
</body>

</html>