diff --git a/dist/js/main.js b/dist/js/main.js
index 304f12d..69c19cb 100644
--- a/dist/js/main.js
+++ b/dist/js/main.js
@@ -1,6 +1,7 @@
 "use strict";
 var inputs = document.querySelectorAll("input");
 var textareas = document.querySelectorAll("textarea");
+var button = document.querySelector("button");
 document.addEventListener("DOMContentLoaded", function () {
     inputs.forEach(function (input) {
         input.value = "";
@@ -10,3 +11,7 @@ document.addEventListener("DOMContentLoaded", function () {
         textarea.value = "";
     });
 });
+button.addEventListener("click", function () {
+    var el = document.querySelector("main");
+    el.innerHTML = "\n    <div class=\"app__container\">\n      <img\n        src=\"dist/img/header.png\"\n        alt=\"imagem interiamente de cor roxa, de uma flor roxa\"\n        title=\"flor roxa\"\n        class=\"app__header\"\n      />\n      <div class=\"app__form-container p-relative\">\n        <h1 class=\"app__title\">Formul\u00E1rio de Cadastro de Magos</h1>\n        <p class=\"app__description\">\n          Obrigado por compartilhar seus segredos m\u00E1gicos conosco! Que as\n          energias arcanas continuem fluindo em seu caminho!\n        </p>\n        <div class=\"app__decoration\"></div>\n      </div>\n    </div>";
+});
diff --git a/dist/js/main.min.js b/dist/js/main.min.js
index 5f9b2dd..38c3f5b 100644
--- a/dist/js/main.min.js
+++ b/dist/js/main.min.js
@@ -1 +1 @@
-"use strict";var inputs=document.querySelectorAll("input");var textareas=document.querySelectorAll("textarea");document.addEventListener("DOMContentLoaded",function(){inputs.forEach(function(input){input.value="";input.checked=false});textareas.forEach(function(textarea){textarea.value=""})});
\ No newline at end of file
+"use strict";var inputs=document.querySelectorAll("input");var textareas=document.querySelectorAll("textarea");var button=document.querySelector("button");document.addEventListener("DOMContentLoaded",function(){inputs.forEach(function(input){input.value="";input.checked=false});textareas.forEach(function(textarea){textarea.value=""})});button.addEventListener("click",function(){var el=document.querySelector("main");el.innerHTML='\n    <div class="app__container">\n      <img\n        src="dist/img/header.png"\n        alt="imagem interiamente de cor roxa, de uma flor roxa"\n        title="flor roxa"\n        class="app__header"\n      />\n      <div class="app__form-container p-relative">\n        <h1 class="app__title">Formulário de Cadastro de Magos</h1>\n        <p class="app__description">\n          Obrigado por compartilhar seus segredos mágicos conosco! Que as\n          energias arcanas continuem fluindo em seu caminho!\n        </p>\n        <div class="app__decoration"></div>\n      </div>\n    </div>'});
\ No newline at end of file