import.html

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdn.rawgit.com/jcubic/jquery.terminal/devel/js/jquery.terminal.min.js"></script>
<style>
body {
    min-height: 100vh;
    margin: 0;
}
</style>
<script>
(function() {
    var url = 'https://cdn.rawgit.com/jcubic/jquery.terminal/devel/css/jquery.terminal.min.css';
    var $ = jQuery.noConflict();
    $('<link href="' + url + '" rel="stylesheet"/>').appendTo('head');
    var importDoc = document.currentScript.ownerDocument;
    var style = importDoc.querySelector('style');
    document.head.appendChild(style);
    window.terminal = function(selector) {
        var args = [].slice.call(arguments, 1);
        return $.fn.terminal.apply($(selector), args);
    };
})();
</script>
</head>