diff --git a/public/static/ui/load.gif b/public/static/ui/load.gif
new file mode 100644
index 0000000..90b1a71
Binary files /dev/null and b/public/static/ui/load.gif differ
diff --git a/public/static/ui/resume.css b/public/static/ui/resume.css
new file mode 100644
index 0000000..1cf4ccd
--- /dev/null
+++ b/public/static/ui/resume.css
@@ -0,0 +1,24 @@
+div#resume_js_app {
+    background: #303030;
+    width:640px;
+    height:480px;
+    border: 1px solid #e1e1e1;
+    font-family: monospace;
+    box-shadow: 0 2px 4px #30303060;
+    padding: 10px 8px;
+    color: #e1e1e1;
+
+    position: fixed;
+    top:50%;left:50%;
+    transform: translate(-50%, -50%);
+}
+div#resume_js_app * {
+    padding: 0; margin: 0;
+}
+div#resume_js_app p.js_loading_indicator {
+    position: relative;
+    top: 50%; left: 50%;
+    transform: translate(-50%, -50%);
+    width: fit-content;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/routes/pages.js b/routes/pages.js
index 4bfddf2..19e2b09 100644
--- a/routes/pages.js
+++ b/routes/pages.js
@@ -4,7 +4,11 @@ async function services(req, res) {
     res.template('page/services.pug');
 }
 
+async function resume(req, res) {
+    res.template('page/resume.pug');
+}
 
 module.exports = (router) => {
-     router.get('/services', handler(services))
+    router.get('/services', handler(services))
+    router.get('/resume', handler(resume))
 }
\ No newline at end of file
diff --git a/view/page/resume.pug b/view/page/resume.pug
new file mode 100644
index 0000000..8620ced
--- /dev/null
+++ b/view/page/resume.pug
@@ -0,0 +1,13 @@
+extends ../layout/main.pug
+block root
+    - var title = 'Resume'
+    link(rel='stylesheet' href='/static/ui/resume.css')
+
+block content
+    h2 My online resume
+    hr
+    div(id='resume_js_app')
+        p(class='js_loading_indicator')
+            | JS is loading. Please hold on...
+            br
+            img(src='/static/ui/load.gif' style='border-radius:6px;margin-top:6px')
\ No newline at end of file