diff --git a/src/adonisjs/public/player/env/index-jacinto-section1.html b/src/adonisjs/public/player/env/index-jacinto-section1.html
new file mode 100644
index 00000000..a3d29083
--- /dev/null
+++ b/src/adonisjs/public/player/env/index-jacinto-section1.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	  <meta charset="utf-8">
+	  <title>Authoring Environment</title>
+
+	  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" name="viewport">
+
+	  <link rel="stylesheet" href="/author/css/author.css">
+
+	  <script src="/lib/axios-0.21.0/axios.min.js"></script>
+
+	  <script src="/lib/jquery-3-4-1/jquery-3.4.1.slim.min.js"></script>
+	  <script src="/lib/popper-1-15-0/popper.min.js"></script>
+	  <script src="/lib/bootstrap-4.4.1/js/bootstrap.min.js"></script>
+
+	  <script src="/config/config.js"></script>
+	  <script src="/dccs/infra/bus.js"></script>
+
+    <script src="/dccs/base/primitive-dcc.js"></script>
+    <script src="/dccs/base/scope-dcc.js"></script>
+	  <script src="/dccs/base/dcc.js"></script>
+	  <script src="/dccs/base/dcc-base.js "></script>
+	  <script src="/dccs/base/dcc-visual.js "></script>
+
+		<script src="/infra/basic.js"></script>
+		<script src="/infra/dcc-common-server-proxy.js"></script>
+	  <script src="/infra/dcc-common-server-address.js"></script>
+		<script src="/infra/simple-page-tasks.js"></script>
+	  <script src="/infra/token-validator.js"></script>
+		<script src="/infra/conditional-layout.js"></script>
+
+	  <script src="/dccs/base/dcc-block.js"></script>
+	  <script src="/dccs/components/visual/dcc-button.js"></script>
+	  <script src="/dccs/components/visual/dcc-notice-input.js"></script>
+
+	  <script src="/dccs/components/web/dcc-rest.js"></script>
+	  <script src="/dccs/components/web/dcc-include.js"></script>
+	  <script src="/dccs/components/web/dcc-dhtml.js"></script>
+
+	  <script src="/dccs/components/data/dcc-submit.js"></script>
+	  <script src="/dccs/components/data/dcc-model.js"></script>
+	  <script src="/dccs/components/data/dcc-record.js"></script>
+
+	  <script src="/dccs/base/subscribe-dcc.js"></script>
+	  <script src="/dccs/base/trigger-dcc.js"></script>
+	  <script src="/dccs/base/property-dcc.js"></script>
+	  <script src="/dccs/base/connect-dcc.js"></script>
+
+	  <script src="/infra/dcc-rest-proxy.js"></script>
+	  <script src="/infra/dcc-basic.js"></script>
+
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+	  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+	  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+	  <link rel="shortcut icon" href="/icons/favicon.ico">
+	  <link rel="manifest" href="/site.webmanifest">
+
+	  <link rel="stylesheet" href="/lib/fontawesome-5-10-1/css/all.min.css">
+	  <link rel="stylesheet" href="/lib/bootstrap-4.4.1/css/bootstrap.min.css">
+
+	  <link rel="stylesheet" href="/dccs/css/dccs.css">
+	  <link rel="stylesheet" href="/dccs/css/properties.css">
+	  <link rel="stylesheet" href="/infra/css/common-player.css">
+	  <link rel="stylesheet" href="/infra/css/common-author.css">
+
+	  <script src="/author/js/dcc-author-server-proxy.js"></script>
+
+	  <script src="/author/js/create.js"></script>
+	  <script src="/author/js/template-case.js"></script>
+	  <script src="/author/js/draft.js"></script>
+	</head>
+
+	<body>
+	  <script>
+	  	Basic.service.rootPath = '../../'
+	  </script>
+
+		<div class="d-flex vh-100">
+			<div class="col-3" style="color:white;background-color:#333333">
+				<br>
+				<div class="d-flex"><div class="col-12" style="font-size:32px;font-weight:400">Monitorização</div></div>
+				<br>
+				<div class="h-100" style="background-color:black;font-size:24px">
+					<div class="col-12" style="font-size:28px;font-weight:400;background-color:#111111">Seções</div>
+				  <br>
+					<ul style="color:white">
+						<li style="color:#aaaaaa">Perfil Demográfico e de Aprendizagem</li>
+						<li><a href="/player/case/index-oid.html?id=011a4fc4-fc95-4292-8368-0d417d64efd1&room=91375717-eeba-4144-a597-6f803d86ccef" target="_blank" style="color:white"><b>Seção 1</b>: Bases anatômicas e fisiológicas da estrutura cardíaca</a></li>
+						<li style="color:#aaaaaa"><b>Seção 2:</b> Princípios da instalação da Monitorização cardíaca</li>
+						<li style="color:#aaaaaa"><b>Seção 3:</b> Ajustes do Monitor</li>
+						<li style="color:#aaaaaa"><b>Seção 4:</b> Gestão de alarmes</li>
+					</ul>
+				</div>
+			</div>
+			<div class="col-9" style="color:#0057e9;background-color:#c9d5e9">
+				<br>
+				<div class="d-flex">
+					<div class="col-12" style="font-size:32px;font-weight:400"><b>Seção 1</b>: Prossiga para <b>Bases anatômicas e fisiológicas da estrutura cardíaca</b></div>
+			  </div>
+				<br>
+				<div class="h-100" style="background:#eaeff1">
+					<img style="display:block;margin-left:auto;margin-right:auto;width:1041px;" src="/themes/sections/images/florence-big.png">
+				</div>
+				<br>
+			</div>
+		</div>
+  
+  </body>
+</html>
diff --git a/src/adonisjs/public/player/env/index-jacinto.html b/src/adonisjs/public/player/env/index-jacinto.html
index 51e266d1..59de1bc1 100644
--- a/src/adonisjs/public/player/env/index-jacinto.html
+++ b/src/adonisjs/public/player/env/index-jacinto.html
@@ -75,9 +75,6 @@
 	  <script>
 	  	Basic.service.rootPath = '../../'
 	  </script>
-	  <!-- Login/logout header -->
-	  <dcc-include src="/author/partials/header.html"></dcc-include>
-	  <!-- Create a section to place page content -->
 
 		<div class="d-flex vh-100">
 			<div class="col-3" style="color:white;background-color:#333333">
@@ -89,18 +86,22 @@
 				  <br>
 					<ul style="color:white">
 						<li><a href="/player/case/index-oid.html?id=b728ce52-11cf-4a6c-9971-237b9cb6fd40&room=91375717-eeba-4144-a597-6f803d86ccef" target="_blank" style="color:white">Perfil Demográfico e de Aprendizagem</a></li>
-						<li><a href="/player/case/index-oid.html?id=011a4fc4-fc95-4292-8368-0d417d64efd1&room=91375717-eeba-4144-a597-6f803d86ccef" target="_blank" style="color:white">Seção 1: <span style="color:#aaaaaa">Bases anatômicas e fisiológicas da estrutura cardíaca</span></a></li>
-						<li>Seção 2: <span style="color:#aaaaaa">Princípios da instalação da Monitorização cardíaca</span></li>
-						<li>Seção 3: <span style="color:#aaaaaa">Ajustes do Monitor</span></li>
-						<li>Seção 4: <span style="color:#aaaaaa">Gestão de alarmes</span></li>
+						<li style="color:#aaaaaa"><b>Seção 1:</b> Bases anatômicas e fisiológicas da estrutura cardíaca</li>
+						<li style="color:#aaaaaa"><b>Seção 2:</b> Princípios da instalação da Monitorização cardíaca</li>
+						<li style="color:#aaaaaa"><b>Seção 3:</b> Ajustes do Monitor</li>
+						<li style="color:#aaaaaa"><b>Seção 4:</b> Gestão de alarmes</li>
 					</ul>
 				</div>
 			</div>
-			<div class="col-9" style="color:white;background-color:#009be5">
+			<div class="col-9" style="color:#0057e9;background-color:#c9d5e9">
 				<br>
-				<div class="d-flex"><div class="col-12" style="font-size:32px;font-weight:400">Monitorização</div></div>
+				<div class="d-flex">
+					<div class="col-12" style="font-size:32px;font-weight:400"><b>Início</b>: Comece na Seção <b>Perfil Demográfico e de Aprendizagem</b></div>
+			  </div>
 				<br>
-				<div class="h-100" style="background:#eaeff1"></div>
+				<div class="h-100" style="background:#eaeff1">
+					<img style="display:block;margin-left:auto;margin-right:auto;width:1041px;" src="/themes/sections/images/florence-big.png">
+				</div>
 				<br>
 			</div>
 		</div>
diff --git a/src/adonisjs/public/themes/sections/atividade.html b/src/adonisjs/public/themes/sections/atividade.html
index 128f4147..3bc027cb 100644
--- a/src/adonisjs/public/themes/sections/atividade.html
+++ b/src/adonisjs/public/themes/sections/atividade.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Resumo</div>
-    <div class="col-1" style="font-weight:200">Pré-teste</div>
-    <div class="col-1" style="font-weight:200">Vídeos</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Atividade</div>
-    <div class="col-1" style="font-weight:200">Pós-teste</div>
-    <div class="col-1" style="font-weight:200">Plataforma</div>
-    <div class="col-1" style="font-weight:200">Conclusão</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/conclusao.html b/src/adonisjs/public/themes/sections/conclusao.html
index 656f4ce3..203efc61 100644
--- a/src/adonisjs/public/themes/sections/conclusao.html
+++ b/src/adonisjs/public/themes/sections/conclusao.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Resumo</div>
-    <div class="col-1" style="font-weight:200">Pré-teste</div>
-    <div class="col-1" style="font-weight:200">Vídeos</div>
-    <div class="col-1" style="font-weight:200">Atividade</div>
-    <div class="col-1" style="font-weight:200">Pós-teste</div>
-    <div class="col-1" style="font-weight:200">Plataforma</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Conclusão</div>
+<div style="color:white;background-color:#009be5"><div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/demografico.html b/src/adonisjs/public/themes/sections/demografico.html
index 947d903e..1abec3be 100644
--- a/src/adonisjs/public/themes/sections/demografico.html
+++ b/src/adonisjs/public/themes/sections/demografico.html
@@ -1,15 +1,14 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Perfil</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Demográfico</div>
-    <div class="col-1" style="font-weight:200">Aprendizagem</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Perfil</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:900;text-decoration:underline">Demográfico</div>
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Aprendizagem</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/images/florence-big.png b/src/adonisjs/public/themes/sections/images/florence-big.png
new file mode 100644
index 00000000..13725115
Binary files /dev/null and b/src/adonisjs/public/themes/sections/images/florence-big.png differ
diff --git a/src/adonisjs/public/themes/sections/images/florence-medium.png b/src/adonisjs/public/themes/sections/images/florence-medium.png
new file mode 100644
index 00000000..b2e7c011
Binary files /dev/null and b/src/adonisjs/public/themes/sections/images/florence-medium.png differ
diff --git a/src/adonisjs/public/themes/sections/images/florence.png b/src/adonisjs/public/themes/sections/images/florence.png
index 3545815d..64de6a9c 100644
Binary files a/src/adonisjs/public/themes/sections/images/florence.png and b/src/adonisjs/public/themes/sections/images/florence.png differ
diff --git a/src/adonisjs/public/themes/sections/kolb.html b/src/adonisjs/public/themes/sections/kolb.html
index 1217897c..1624d2b7 100644
--- a/src/adonisjs/public/themes/sections/kolb.html
+++ b/src/adonisjs/public/themes/sections/kolb.html
@@ -1,15 +1,14 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Perfil</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Demográfico</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Aprendizagem</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Perfil</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Demográfico</div>
+      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Aprendizagem</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/plataforma.html b/src/adonisjs/public/themes/sections/plataforma.html
index 6c331ee6..7e73467c 100644
--- a/src/adonisjs/public/themes/sections/plataforma.html
+++ b/src/adonisjs/public/themes/sections/plataforma.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Resumo</div>
-    <div class="col-1" style="font-weight:200">Pré-teste</div>
-    <div class="col-1" style="font-weight:200">Vídeos</div>
-    <div class="col-1" style="font-weight:200">Atividade</div>
-    <div class="col-1" style="font-weight:200">Pós-teste</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Plataforma</div>
-    <div class="col-1" style="font-weight:200">Conclusão</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/pos.html b/src/adonisjs/public/themes/sections/pos.html
index 3339c232..7b619ad6 100644
--- a/src/adonisjs/public/themes/sections/pos.html
+++ b/src/adonisjs/public/themes/sections/pos.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Resumo</div>
-    <div class="col-1" style="font-weight:200">Pré-teste</div>
-    <div class="col-1" style="font-weight:200">Vídeos</div>
-    <div class="col-1" style="font-weight:200">Atividade</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Pós-teste</div>
-    <div class="col-1" style="font-weight:200">Plataforma</div>
-    <div class="col-1" style="font-weight:200">Conclusão</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/pre.html b/src/adonisjs/public/themes/sections/pre.html
index a07ace90..659e75cd 100644
--- a/src/adonisjs/public/themes/sections/pre.html
+++ b/src/adonisjs/public/themes/sections/pre.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Resumo</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Pré-teste</div>
-    <div class="col-1" style="font-weight:200">Vídeos</div>
-    <div class="col-1" style="font-weight:200">Atividade</div>
-    <div class="col-1" style="font-weight:200">Pós-teste</div>
-    <div class="col-1" style="font-weight:200">Plataforma</div>
-    <div class="col-1" style="font-weight:200">Conclusão</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/summary.html b/src/adonisjs/public/themes/sections/summary.html
index 32218e5d..22e7298a 100644
--- a/src/adonisjs/public/themes/sections/summary.html
+++ b/src/adonisjs/public/themes/sections/summary.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Resumo</div>
-    <div class="col-1" style="font-weight:200">Pré-teste</div>
-    <div class="col-1" style="font-weight:200">Vídeos</div>
-    <div class="col-1" style="font-weight:200">Atividade</div>
-    <div class="col-1" style="font-weight:200">Pós-teste</div>
-    <div class="col-1" style="font-weight:200">Plataforma</div>
-    <div class="col-1" style="font-weight:200">Conclusão</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:900;text-decoration:underline">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
diff --git a/src/adonisjs/public/themes/sections/video.html b/src/adonisjs/public/themes/sections/video.html
index 6d241a6a..851dae63 100644
--- a/src/adonisjs/public/themes/sections/video.html
+++ b/src/adonisjs/public/themes/sections/video.html
@@ -1,20 +1,18 @@
-<div style="color:white;background-color:#009be5">
-  <br>
-  <div class="d-flex">
-    <div class="col-9" style="font-size:32px;font-weight:400">Seção 1</div>
-    <div class="col-3"><img src="/themes/sections/images/florence.png"></div>
-  </div>
-  <br>
-  <div class="d-flex">
-    <div class="col-1" style="font-weight:200">Resumo</div>
-    <div class="col-1" style="font-weight:200">Pré-teste</div>
-    <div class="col-1" style="font-weight:900;text-decoration:underline">Vídeos</div>
-    <div class="col-1" style="font-weight:200">Atividade</div>
-    <div class="col-1" style="font-weight:200">Pós-teste</div>
-    <div class="col-1" style="font-weight:200">Plataforma</div>
-    <div class="col-1" style="font-weight:200">Conclusão</div>
+<div class="d-flex" style="color:#0057e9;background-color:#c9d5e9">
+  <div class="col-9">
+    <div style="font-size:32px;font-weight:400">Seção 1</div>
+    <div>&nbsp;</div>
+    <div style="display:flex;flex-direction:row">
+      <div style="font-weight:200">Resumo</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pré-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:900;text-decoration:underline">Vídeos</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Atividade</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Pós-teste</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Satisfação</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+      <div style="font-weight:200">Conclusão</div>
+    </div>
   </div>
-  <br>
+  <div class="col-3"><img style="float:right" src="/themes/sections/images/florence.png"></div>
 </div>
 <div class="styt-main-frame">
   <br>
