Skip to content

Commit

Permalink
otros cambios
Browse files Browse the repository at this point in the history
  • Loading branch information
Claraescobar123 committed Aug 4, 2020
1 parent 6b0a1b1 commit a505b25
Show file tree
Hide file tree
Showing 6 changed files with 132 additions and 2 deletions.
Binary file added src/img/ICONO.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/besticono.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/fondovhs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 44 additions & 1 deletion src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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="[email protected]"/>

<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>
3 changes: 2 additions & 1 deletion src/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,5 @@

import { myFunction } from './lib/index.js';

myFunction();
myFunction();

86 changes: 86 additions & 0 deletions src/style.css
Original file line number Diff line number Diff line change
@@ -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;
}

0 comments on commit a505b25

Please sign in to comment.