Skip to content

Instantly share code, notes, and snippets.

@tiagorigoletto

tiagorigoletto/upload.html

Created January 22, 2014 17:46
Show Gist options
  • Save tiagorigoletto/8563540 to your computer and use it in GitHub Desktop.
Save tiagorigoletto/8563540 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
upload.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">
<ul class="list-inline">
<li>Dados do solicitante</li>
<li>Dados da instituição</li>
<li><button class="btn btn-default active">Upload de documentos</button></li>
<li>Escolha de carteirinha</li>
<li>Pagamento</li>
</ul>
<h3>Upload de arquivos</h3>
<p>Para continuar sua solicitação é necessário enviar uma foto para a carteirinha, uma foto do seu documento de identificação (RG, CNH ou RNE) e um comprovante de matrícula.</p>
<div class="row">
<div class="col-sm-4 text-center">
<h4>Foto</h4>
<div class="col-sm-6 col-sm-offset-3 text-center">
<div class="row">
<div class="" style="background-color: #eee; border-radius: 4px; height: 204px; margin: auto auto 10px auto"></div>
</div>
<div class="row">
<button class="btn btn-info col-sm-12">Selecionar foto</button>
</div>
</div>
</div>
<div class="col-sm-4 text-center">
<h4>Documento de identificação</h4>
<div style="background-color: #eee; border-radius: 4px; height: 204px; margin: 10px auto"></div>
<button class="btn btn-info col-sm-12">Selecionar arquivo</button>
</div>
<div class="col-sm-4 text-center">
<h4 class="text-center">Comprovante de matrícula</h4>
<div class="row">
<div class="form-group col-sm-10 col-sm-offset-1">
<select class="form-control" name="" id="">
<option value="">Boleto</option>
<option value="">Atestado</option>
</select>
<div id="comprovante-boleto">
<div class="pull-left col-sm-5" style="background-color: #eee; border-radius: 4px; height: 160px; margin: 10px auto"></div>
<div class="pull-right col-sm-5" style="background-color: #eee; border-radius: 4px; height: 160px; margin: 10px auto"></div>
<button class="btn btn-info text-center pull-left col-sm-5">Boleto</button>
<button class="btn btn-info text-center pull-right col-sm-5">Comprovante</button>
</div>
<!-- <div id="comprovante-atestado">
<div class="col-sm-12" style="background-color: #eee; border-radius: 4px; height: 160px; margin: 10px auto"></div>
<button class="btn btn-info text-center pull-right col-sm-12">Selecionar arquivo</button>
</div> -->
</div>
</div><!-- /.row -->
</div><!-- /.col-sm-4 -->
</div><!-- /.row -->
<br />
<br />
<div class="row">
<div class="col-sm-4 col-sm-offset-8">
<div class="col-sm-10 col-sm-offset-1">
<form action="carteirinha.html" role="form" class="form">
<div class="row">
<button class="btn btn-primary col-sm-10 pull-right">Continuar</button>
</div>
</form>
</div>
</div>
</div>
</div><!-- /.container -->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment