Code for test_z7.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name=viewport content="width=device-width,initial-scale=1">
<meta name="generator" content="GeoGebra">
<title>Test: embed GeoGebra Dynamic Worksheet</title>
<script src="https://cdn.geogebra.org/apps/deployggb.js"></script>
<script>  
    var ggbApp = new GGBApplet({"appName": "geometry", "width": 1000, "height": 600, "showToolBar": true, "showAlgebraInput": false, "showMenuBar": false, "material_id":"D9sSmw7H" }, true);
    window.addEventListener("load", function() { 
        ggbApp.inject('ggb-element');
    });
</script>
<style>
#ggb-element 	{
    margin-left: auto;
    margin-right: auto;
    width: 80%;
		}
</style>
</head>
<body>
<div class="pagetitle"><h1>Test</h1></div>
<p>See this applet, CT2a, on Geogebra website<a href="https://www.geogebra.org/m/D9sSmw7H"> here </a></p>

<div id="ggb-element"></div>
</body>
</html>