diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6d8a241
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ HTML Template
+
+
+
+
+
+
+
+
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..e827ae1
--- /dev/null
+++ b/script.js
@@ -0,0 +1,14 @@
+window.addEventListener('load', function() {
+
+ const canvas = this.document.getElementById('canvas1');
+ const ctx = canvas.getContext('2d');
+ canvas.width = 1500;
+ canvas.height = 500;
+
+});
+
+/*
+Ref: Make Your Own Animated 2D Games
+Author: Frank Dvorak
+Udemy Course
+*/
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..7e82327
--- /dev/null
+++ b/style.css
@@ -0,0 +1,16 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+#canvas1 {
+ border: 5px solid black;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ background: #4d79bc;
+ max-width: 100%;
+ max-height: 100%;
+}
\ No newline at end of file