Untitled

<head>
    <title>JQuery terminal test</title>

    <!-- Import JQuery terminal dependencies -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://unpkg.com/jquery.terminal@2.x.x/js/jquery.terminal.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/jquery.terminal@2.x.x/css/jquery.terminal.min.css"/>

    <script>
        // $(function(){...}) will execute the function after the DOM has been loaded
        // JQuery-Terminal works by overloading any element with its ID set to "terminal", so if you want to initialize JQuery-Terminal inside <head>, you must wrap the call to the terminal() function inside the following
        $(function()
        {
            $('#terminal').terminal()
        })
    </script>
</head>
<body>
    <!-- This div will turn into a Terminal! This element does not have to be a <div> type though -->
    <div id="terminal"></div>
</body>
</html>