index.html

<!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">
        <title>Rai Brain Seed</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="container">
            <center>
                <input type="text" class="phrase el-margin"><br>
                <button class="btn el-margin"> Generate seed</button>
                <div class="warning alert-info el-margin">
                    Click on "Generate seed" to check your custom seed.
                </div>
                <div class="seed-field  el-margin">
                    <span></span>
                </div>
                <div class="collapse">
                    <button type="button" class="btn el-margin" id="gen-pairk">Generate pair key</button>
                    <div class="pairk-field  el-margin">
                        Private Key: <span id="private-key"></span>
                        XRB Address: <span id="xrb-address"></span>
                    </div>
                </div>
            </center>
        </div>
        <script src="functions.js"></script>
        <script src="blake2b.js"></script>
        <script src="nacl.js"></script>
    </body>
</html>