yakkomajuri/ui.html

## ui.html
<!DOCTYPE html>

<html lang="en">
<head>

    <title>HODL dApp</title>

    <style>

body {
    background-color:rgb(218, 201, 154);
    padding: 2em;
    font-family: 'Arial';
}
.container {
    width: 50%;
    margin: 0 auto;
}
label {
    display:block;
    margin-bottom:10px;
}
input {
    padding:10px;
    width: 50%;
    margin-bottom: 1em;
}
button {
    margin: 2em 0;
    padding: 1em 4em;
    display: block;
}

</style>

</head>
<body>
    <div class="container">

        <h1>Deposite um valor ou retire fundos previamente depositados.</h1>

        <label for="deposito" class="col-lg-2 control-label">Valor:</label>
        <input id="valor" type="number" min="0" step="0.1">
        <button id="button1">Depositar investimento</button>

        <label for="saque" class="col-lg-2 control-label">Senha:</label>
        <input id="senha" type="text">
        <button id="button2">Retirar fundos</button>

    </div>

    <script>
           <!-- Não coloque nada aqui ainda -->
    </script>

</body>
</html>
	<!DOCTYPE html>

	<html lang="en">
	<head>

	<title>HODL dApp</title>

	<style>

	body {
	background-color:rgb(218, 201, 154);
	padding: 2em;
	font-family: 'Arial';
	}
	.container {
	width: 50%;
	margin: 0 auto;
	}
	label {
	display:block;
	margin-bottom:10px;
	}
	input {
	padding:10px;
	width: 50%;
	margin-bottom: 1em;
	}
	button {
	margin: 2em 0;
	padding: 1em 4em;
	display: block;
	}

	</style>

	</head>
	<body>
	<div class="container">

	<h1>Deposite um valor ou retire fundos previamente depositados.</h1>

	<label for="deposito" class="col-lg-2 control-label">Valor:</label>
	<input id="valor" type="number" min="0" step="0.1">
	<button id="button1">Depositar investimento</button>

	<label for="saque" class="col-lg-2 control-label">Senha:</label>
	<input id="senha" type="text">
	<button id="button2">Retirar fundos</button>

	</div>

	<script>
	<!-- Não coloque nada aqui ainda -->
	</script>

	</body>
	</html>