Skip to content

Instantly share code, notes, and snippets.

@tiagorigoletto

tiagorigoletto/login.html

Created January 27, 2014 16:57
Show Gist options
  • Save tiagorigoletto/8652482 to your computer and use it in GitHub Desktop.
Save tiagorigoletto/8652482 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
login.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="assets/css/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/dist/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/stylesheet.css" rel="stylesheet" type="text/css">
<script src="assets/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/css/dist/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<div id="site">
<!-- Navbar -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand">DNE</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right">
<li>
<a href="index.html">Início</a>
</li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Meu DNE <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Solicitar DNE</a></li>
<li><a href="#">Solicitar Segunda via</a></li>
<li><a href="#">Minhas Solicitações</a></li>
</ul>
</li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Minha conta <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Alterar e-mail</a></li>
<li><a href="#">Alterar senha</a></li>
<li><a href="#">Sair</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- # Navbar # -->
<div class="container">
<div class="row">
<form action="complementar-cadastro.html" role="form">
<div class="col-sm-4 col-sm-offset-1">
<h4>Sua primeira vez aqui? Cadastre-se</h4>
<div class="form-group">
<label for="email" class="control-label">Meu e-mail</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<button class="btn btn-primary">Continuar cadastro</button>
</div>
</div>
</form>
<form role="form">
<div class="col-sm-4 col-sm-offset-2">
<h4>Você já possui uma conta? Faça login</h4>
<div class="form-group">
<label for="email" class="control-label">Meu e-mail</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="email" class="control-label">Minha senha</label>
<input type="password" class="form-control">
<p class="help-block"><a href="#">Esqueceu sua senha?</a></p>
<button class="btn btn-primary">Continuar solicitação</button>
</div>
</div>
</form>
</div><!-- /.row -->
</div><!-- /.container -->
<div id="modal-password" class="" tabindex="-1" role="dialog" aria-labelledby="esqueci-minha-senha" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="esqueci-minha-senha">Esqueci minha senha</h4>
</div>
<form action="" class="form-horizontal">
<div class="modal-body">
<p>Para recuperar sua senha, informa seu endereço de email cadastrado no sistema.</p>
<br />
<div class="form-group">
<label for="email-forgot" class="col-sm-1 control-label text-right">Email </label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email-forgot" name="email-forgot" placeholder="exemplo@email.com.br">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="button" class="btn btn-primary" id="request-password">Continuar</button>
</div>
</form>
</div>
</div>
</div>
</div><!-- /.site -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment