diff --git a/gdal/gdal3singlefile.html b/gdal/gdal3singlefile.html
new file mode 100644
index 0000000..1773b1f
--- /dev/null
+++ b/gdal/gdal3singlefile.html
@@ -0,0 +1,38 @@
+<!-- source: https://github.com/bugra9/gdal3.js/tree/master/apps/example-singlefile -->
+
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title></title>
+    <script type="text/javascript"
+        src="https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3.js"
+        integrity="sha384-XlqVvSG4V8zz8Kdw95OpRdsWyJnWE5QUZy++BeAIEVb+f2n5RM7jdbZh5lm0pHWk"
+        crossorigin="anonymous"
+    ></script>
+</head>
+<body>
+    Loading...
+    <script type="text/javascript">
+        async function start() {
+            const workerData = await fetch('https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3.js');
+            const workerUrl = window.URL.createObjectURL(await workerData.blob());
+
+            const paths = {
+                wasm: 'https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3WebAssembly.wasm',
+                data: 'https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3WebAssembly.data',
+                js: workerUrl,
+            };
+
+            // const Gdal = await initGdalJs({paths});
+            // const numberOfDrivers = Object.keys(Gdal.drivers.raster).length + Object.keys(Gdal.drivers.vector).length;
+            // document.write(`Number of driver: ${numberOfDrivers}`);
+            const helps = initGdalJs({paths}).then((Gdal) => {getInfo};);
+            document.write(helps);
+        }
+
+        start();
+       
+    </script>
+</body>
+</html>
