diff --git a/src/adonisjs/public/templates/basic/picture_up_left.md b/src/adonisjs/public/templates/basic/picture_up_left.md
index 425a95cc7..8e9a256cf 100644
--- a/src/adonisjs/public/templates/basic/picture_up_left.md
+++ b/src/adonisjs/public/templates/basic/picture_up_left.md
@@ -1,5 +1,5 @@
 # Knot (picture_up_left)
 
-![Landscape](/templates/basic/images/landscape.svg)
+![Landscape](../templates/basic/images/landscape.svg)
 
 Text of the scene.
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie-antigo/case.html b/src/adonisjs/public/themes/zombie-antigo/case.html
new file mode 100644
index 000000000..f609db83c
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie-antigo/case.html
@@ -0,0 +1,23 @@
+ <!-- Panel North -->
+ <!-- =========== -->
+ <div class="panel_north">
+   <!-- <div class="home_item"><a href="index.html">Zombie Health</a></div> -->
+   
+  <div class="main_menu"> &nbsp;&nbsp;&nbsp; <a href="report.html" target="_blank" onclick="exportScore()">relatório</a> <br>
+     <hr> </div>
+ </div>
+ <!-- Panel Center -->
+ <!-- ============ -->
+ <div class="panel_center">
+   <div class="panel_inner_center">
+      <div class="panel_presentation">
+        <div class="panel_case">
+      
+          <div class="case_text">
+          {knot}
+          </div>
+          
+        </div>
+      </div>
+   </div>
+ </div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/css/presentation.css b/src/adonisjs/public/themes/zombie-antigo/css/presentation.css
similarity index 100%
rename from src/adonisjs/public/themes/zombie/css/presentation.css
rename to src/adonisjs/public/themes/zombie-antigo/css/presentation.css
diff --git a/src/adonisjs/public/themes/zombie/css/templates-classic.css b/src/adonisjs/public/themes/zombie-antigo/css/templates-classic.css
similarity index 100%
rename from src/adonisjs/public/themes/zombie/css/templates-classic.css
rename to src/adonisjs/public/themes/zombie-antigo/css/templates-classic.css
diff --git a/src/adonisjs/public/themes/zombie/css/templates.css b/src/adonisjs/public/themes/zombie-antigo/css/templates.css
similarity index 100%
rename from src/adonisjs/public/themes/zombie/css/templates.css
rename to src/adonisjs/public/themes/zombie-antigo/css/templates.css
diff --git a/src/adonisjs/public/themes/zombie-antigo/end.html b/src/adonisjs/public/themes/zombie-antigo/end.html
new file mode 100644
index 000000000..49d883e78
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie-antigo/end.html
@@ -0,0 +1,10 @@
+<div class="panel_presentation">
+  <div class="panel_case">
+    <div class="case_text">
+      <img src="images/end.jpg" alt="end" style="float:left" width="300px">
+      <h2>{knot}</h2>
+      <h2>Placar: <span id="score"></span> pontos</h2>
+    </div>
+    
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/images/mono-slide.svg b/src/adonisjs/public/themes/zombie-antigo/images/mono-slide.svg
similarity index 100%
rename from src/adonisjs/public/themes/zombie/images/mono-slide.svg
rename to src/adonisjs/public/themes/zombie-antigo/images/mono-slide.svg
diff --git a/src/adonisjs/public/themes/zombie-antigo/knot.html b/src/adonisjs/public/themes/zombie-antigo/knot.html
new file mode 100644
index 000000000..a711c3937
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie-antigo/knot.html
@@ -0,0 +1,8 @@
+<div class="panel_presentation">
+  <div class="panel_case">
+    <div class="case_text">
+    {knot}
+    </div>
+    
+  </div>
+</div>
diff --git a/src/adonisjs/public/themes/zombie/notice.html b/src/adonisjs/public/themes/zombie-antigo/notice.html
similarity index 100%
rename from src/adonisjs/public/themes/zombie/notice.html
rename to src/adonisjs/public/themes/zombie-antigo/notice.html
diff --git a/src/adonisjs/public/themes/zombie/notice_right.html b/src/adonisjs/public/themes/zombie-antigo/notice_right.html
similarity index 100%
rename from src/adonisjs/public/themes/zombie/notice_right.html
rename to src/adonisjs/public/themes/zombie-antigo/notice_right.html
diff --git a/src/adonisjs/public/themes/zombie/notice_wrong.html b/src/adonisjs/public/themes/zombie-antigo/notice_wrong.html
similarity index 100%
rename from src/adonisjs/public/themes/zombie/notice_wrong.html
rename to src/adonisjs/public/themes/zombie-antigo/notice_wrong.html
diff --git a/src/adonisjs/public/themes/zombie/presentation.html b/src/adonisjs/public/themes/zombie-antigo/presentation.html
similarity index 100%
rename from src/adonisjs/public/themes/zombie/presentation.html
rename to src/adonisjs/public/themes/zombie-antigo/presentation.html
diff --git a/src/adonisjs/public/themes/zombie/case.html b/src/adonisjs/public/themes/zombie/case.html
index f609db83c..bb4c31967 100644
--- a/src/adonisjs/public/themes/zombie/case.html
+++ b/src/adonisjs/public/themes/zombie/case.html
@@ -1,23 +1 @@
- <!-- Panel North -->
- <!-- =========== -->
- <div class="panel_north">
-   <!-- <div class="home_item"><a href="index.html">Zombie Health</a></div> -->
-   
-  <div class="main_menu"> &nbsp;&nbsp;&nbsp; <a href="report.html" target="_blank" onclick="exportScore()">relatório</a> <br>
-     <hr> </div>
- </div>
- <!-- Panel Center -->
- <!-- ============ -->
- <div class="panel_center">
-   <div class="panel_inner_center">
-      <div class="panel_presentation">
-        <div class="panel_case">
-      
-          <div class="case_text">
-          {knot}
-          </div>
-          
-        </div>
-      </div>
-   </div>
- </div>
\ No newline at end of file
+<div class="styt-pul-main">{knot}</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/css/theme.css b/src/adonisjs/public/themes/zombie/css/theme.css
new file mode 100644
index 000000000..cab89bf38
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie/css/theme.css
@@ -0,0 +1,50 @@
+@charset "UTF-8";
+
+body {
+    font-family: "Trebuchet MS", Helvetica, sans-serif;
+    font-size: 3vh;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.styt-std-border {
+   border: 1px solid gray;
+   border-radius: 5px;
+   margin: 5px;
+}
+
+/* picture-up-left
+ *****************/
+
+.styt-pul-main {
+   width: 98%;
+   height: 100%;
+   font-size: 3vh;
+   margin-left: 1%;
+   margin-right: 1%;
+}
+
+.styt-pul-main img {
+   width: 50%;
+   height: 50%;
+   object-fit: contain;
+   float: left;
+   margin-right: 10px;
+   margin-bottom: 10px;
+}
+
+/* note
+ ******/
+
+.styn-note {
+   background-color: White;
+   padding: 10px;
+   border-radius: 1px;
+   box-shadow: 0px 0px 0px 20px rgba(0,0,0,0.5);
+   margin: 15px;
+}
+
+.styn-control-button {
+   width: 48px;
+   height: 48px;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/end.html b/src/adonisjs/public/themes/zombie/end.html
index 49d883e78..bb4c31967 100644
--- a/src/adonisjs/public/themes/zombie/end.html
+++ b/src/adonisjs/public/themes/zombie/end.html
@@ -1,10 +1 @@
-<div class="panel_presentation">
-  <div class="panel_case">
-    <div class="case_text">
-      <img src="images/end.jpg" alt="end" style="float:left" width="300px">
-      <h2>{knot}</h2>
-      <h2>Placar: <span id="score"></span> pontos</h2>
-    </div>
-    
-  </div>
-</div>
\ No newline at end of file
+<div class="styt-pul-main">{knot}</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/knot.html b/src/adonisjs/public/themes/zombie/knot.html
index a711c3937..bb4c31967 100644
--- a/src/adonisjs/public/themes/zombie/knot.html
+++ b/src/adonisjs/public/themes/zombie/knot.html
@@ -1,8 +1 @@
-<div class="panel_presentation">
-  <div class="panel_case">
-    <div class="case_text">
-    {knot}
-    </div>
-    
-  </div>
-</div>
+<div class="styt-pul-main">{knot}</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/note.html b/src/adonisjs/public/themes/zombie/note.html
new file mode 100644
index 000000000..c4db0dcc7
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie/note.html
@@ -0,0 +1,7 @@
+<div class="styn-note">
+   <div class="styn-control-button">
+      <dcc-trigger action="knot/</navigate" label="Previous Knot" image="../themes/minimal/images/icon-back.svg"></dcc-trigger>
+   </div>
+
+   <div class="styt-pul-main">{knot}</div>
+</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/right.html b/src/adonisjs/public/themes/zombie/right.html
new file mode 100644
index 000000000..0e9a51734
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie/right.html
@@ -0,0 +1 @@
+{knot}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/start.html b/src/adonisjs/public/themes/zombie/start.html
new file mode 100644
index 000000000..bb4c31967
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie/start.html
@@ -0,0 +1 @@
+<div class="styt-pul-main">{knot}</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/treatment.html b/src/adonisjs/public/themes/zombie/treatment.html
new file mode 100644
index 000000000..bb4c31967
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie/treatment.html
@@ -0,0 +1 @@
+<div class="styt-pul-main">{knot}</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/zombie/wrong.html b/src/adonisjs/public/themes/zombie/wrong.html
new file mode 100644
index 000000000..0e9a51734
--- /dev/null
+++ b/src/adonisjs/public/themes/zombie/wrong.html
@@ -0,0 +1 @@
+{knot}
\ No newline at end of file