diff --git a/src/img/ICONO.PNG b/src/img/ICONO.PNG
new file mode 100644
index 00000000..1b9e06ef
Binary files /dev/null and b/src/img/ICONO.PNG differ
diff --git a/src/img/besticono.png b/src/img/besticono.png
new file mode 100644
index 00000000..d22a9895
Binary files /dev/null and b/src/img/besticono.png differ
diff --git a/src/img/fondovhs.png b/src/img/fondovhs.png
new file mode 100644
index 00000000..1fcc9afb
Binary files /dev/null and b/src/img/fondovhs.png differ
diff --git a/src/index.html b/src/index.html
index 788db3c9..74c3b450 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,10 +3,53 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Document</title>
+  <title>HELIVISUEL</title>
 </head>
 <body>
+  <!--CREA UNA NUEVA CUENTA-->
+  <div id="account" class="accountOne" style="display: none;">
+    <section id="createAccount">
+      <h1>Crea una nueva Cuenta</h1>
+
+      <h2>Username</h2>
+      <input type="text" id="nameUser" class="controls" placeholder="Nombre de Usuario"/>
+
+      <h2>Email</h2>
+      <input type="text" id="correo" class="controls" placeholder="nameuser@gmail.com"/>
+
+      <h2>Password</h2>
+      <input type="text" id="contraseña" class="controls" placeholder="*********"/>
+
+      <h2>Birth Date</h2>
+      <input type="text" id="birthday" class="controls" placeholder="27/08/20"/>
+      
+      <div id="hi">
+      <button id="buttonOne" class="startButton">REGISTRARSE</button>
+      </div>
+
+    </section>
+  </div>
+
+  <!--GRACIAS-->
+  <div id="thanks" class="thanku" style="display: block;">
+    <section id="thankAccount">
+
+      <img src="img/besticono.png" id="icono">
+      <h1>Gracias por crear una cuenta</h1> 
+
+      <div id="th">
+      <button id="continue" class="buttonContinue">CONTINUAR</button>
+      </div>
+
+    </section>
+  </div>
+
+  <footer>
+    &copy;2020, Todos los derechos reservados - |D.D.C| - HELIVISUEL
+  </footer>
+
   <script type="module" src="main.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 54b8097b..fe81de07 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,4 +2,5 @@
 
 import { myFunction } from './lib/index.js';
 
-myFunction();
\ No newline at end of file
+myFunction();
+
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 00000000..4bcf05c4
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,86 @@
+@import url('https://fonts.googleapis.com/css2?family=Share:wght@700&display=swap');
+
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Share', cursive;
+    /*background: black;*/
+    }  
+footer {
+    height: 40px;
+    line-height: 20px;
+    font-size: 12px;
+    background: black;
+    border-top:2px solid white;
+    color: white;
+    text-align: center;
+    justify-content: center;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    margin:auto;
+    z-index: 10;
+    }
+#createAccount{
+    color:white;
+    font-size: 12px;
+    display: flex;
+    margin-left:30%;
+    margin-top:10%;
+    position:absolute;
+    justify-content: center;
+    flex-direction: column;
+}
+.startButton {
+    color: #fff;
+    height: 30px;
+    line-height: 30px;
+    margin-top: 10% ;
+    margin-left: 25%;
+    position: absolute;
+    border-radius: 10px;
+    background: rgb(39, 131, 206);
+    font-family:'Share', cursive;
+    /*z-index: -1;*/
+    }
+.controls{
+    background: black;
+    border-bottom: 1px solid white ;
+}
+
+#thankAccount{
+    background: transparent;
+    color:white;
+    font-size: 12px;
+    display: flex;
+    margin-left:25%;
+    margin-top:20%;
+    position:absolute;
+    justify-content: center;
+    flex-direction: column;
+}
+.buttonContinue {
+    color: #fff;
+    height: 30px;
+    line-height: 30px;
+    margin-top: 10% ;
+    margin-left: 30%;
+    position: absolute;
+    border-radius: 10px;
+    background: rgb(39, 131, 206);
+    font-family:'Share', cursive;
+    /*z-index: -1;*/
+    }
+#icono{
+    height: 50%;
+    width: 70%;
+    margin-left: 15%;
+}
+body {
+    background: url("img/fondovhs.png");
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: 100vw 100vh;
+    }
\ No newline at end of file
