<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" charset="UTF-8"></script>
<link href="https://fonts.googleapis.com/css?family=Lato|Merriweather+Sans|Montserrat|Noto+Sans|Raleway&display=swap" rel="stylesheet">
<body>
<form action="" class="login-form">
<h1>Login</h1>
<div class="txtb">
<input type="text">
<span data-placeholder="Username"></span>
</div>
<div class="txtb">
<input type="password">
<span data-placeholder="Password"></span>
</div>
<input type="submit" class="logbtn" value="login">
<div class="bottom-text">
Ainda não é cadastrado? <a href="../pages/registro.php"> Clique aqui </a>
</div>
</form>
<script type="text/javascript">
$(".txtb input").on("focus", function(){
$(this).addClass("focus");
});
