Skip to content

Instantly share code, notes, and snippets.

@tiagorigoletto

tiagorigoletto/agente-solicitar-novo-agente.html

Created March 24, 2014 20:04
Show Gist options
  • Save tiagorigoletto/9747916 to your computer and use it in GitHub Desktop.
Save tiagorigoletto/9747916 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
agente-solicitar-novo-agente.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 navbar-right">
<li>
<button type="button" class="btn btn-popover" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
<span class="glyphicon glyphicon-globe"></span>
<span class="badge pull-right">42</span>
</button>
<div class="popover bottom globe">
<div class="arrow"></div>
<h3 class="popover-title">Notificações</h3>
<div class="popover-content">
<div class="row">
<div class="col-sm-2 text-center">
<a href="#"><span class="glyphicon glyphicon-ok"></span></a>
</div>
<div class="col-sm-10 text-left">
<p>Mathias Evangelista teve seu DNE entregue</p>
</div>
</div>
<div class="row">
<div class="col-sm-2 text-center">
<a href="#"><span class="glyphicon glyphicon-warning-sign"></span></a>
</div>
<div class="col-sm-10 text-left">
<p>Eric Stallone teve a validação de documentos negada</p>
</div>
</div>
<div class="row">
<div class="col-sm-2 text-center">
<a href="#"><span class="glyphicon glyphicon-ok"></span></a>
</div>
<div class="col-sm-10 text-left">
<p>Não foi possível entregar o DNE de Falcão Fernandes</p>
</div>
</div>
</div>
</div>
<!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-globe"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li></li>
<li><a href="#">
<span class="glyphicon glyphicon-warning-sign"></span> O DNE de Eric Stallone teve a validação de documentos negada</a>
</li>
</ul> -->
</li>
<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 senha</a></li>
<li><a href="#">Sair</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- # Navbar # -->
<div class="container">
<div class="row">
<h3>Solicitar inclusão de agente</h3>
<br />
<div class="row">
<div class="form-group col-sm-8">
<label for="nome" class="">CNPJ</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
<div class="form-group col-sm-4">
<label for="nome" class="">Telefone Comercial</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
</div>
<fieldset>
<legend>Endereço comercial</legend>
<div class="row">
<p>Componente de endereço</p>
</div>
</fieldset>
<fiedset>
<legend>Endereço de postagem</legend>
<div class="row">
<p>Componente de endereço</p>
</div>
</fiedset>
<fieldset>
<legend>Responsáveis legais</legend>
<div class="row">
<div class="form-group col-sm-4">
<label for="nome" class="">Nome</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
<div class="form-group col-sm-4">
<label for="nome" class="">RG</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
<div class="form-group col-sm-4">
<label for="nome" class="">CPF</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
</div>
<div class="row">
<div class="form-group col-sm-4">
<label for="nome" class="">E-mail</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
<div class="form-group col-sm-4">
<label for="nome" class="">Telefone</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
<div class="form-group col-sm-4">
<label for="nome" class="">Celular</label>
<input type="text" class="form-control" id="nome" placeholder="CNPJ">
</div>
</div>
<div class="row">
<div class="form-group col-sm-12">
<label for="nome" class="">Comprovantes</label>
<br />
<button class="btn btn-primary">RG</button>
<button class="btn btn-primary">CPF</button>
</div>
</div>
<div class="row">
<button class="btn btn-primary pull-right">Adicionar outro responsável legal</button>
</div>
</fieldset>
<fieldset>
<legend>Documentos</legend>
<div class="row">
<div class="form-group col-sm-12">
<label for="nome" class="">Cartão CPNJ</label>
<br />
<!-- <input type="text" class="form-control" id="nome" placeholder="CNPJ"> -->
<button class="btn btn-primary">Cartão CPNJ</button>
<button class="btn btn-primary">Contrato social</button>
<button class="btn btn-primary">Comprovante de endereço</button>
</div>
</div>
</fieldset>
<div class="row"><button class="btn btn-primary pull-right">Enviar solicitação</button></div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.site -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment