Skip to content

Instantly share code, notes, and snippets.

@raank
Last active October 18, 2016 14:21
Show Gist options
  • Save raank/8f574955a50fc0b7f9f46a38fe42e164 to your computer and use it in GitHub Desktop.
Save raank/8f574955a50fc0b7f9f46a38fe42e164 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title>GO2FUN </title>
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="/dist/css/formValidation.css"/>
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<style>
.btn-login {
position: absolute;
right: 15px;
bottom: 15px;
z-index: 99;
}
</style>
</head>
<body>
<!-- Button trigger modal -->
<button type="button" class="btn btn-success btn-lg btn-login" data-toggle="modal" data-target="#loginModal">
Fazer Login
</button>
<!-- CÓDIGO HTML DA VIEW -->
<!-- Modal -->
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">Faça seu login</h4>
</div>
<div class="modal-body">
... código do form ...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!-- jQuery lib -->
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/dist/js/framework/bootstrap.js"></script>
<!-- Scripts da aplicação -->
<script type="text/javascript" src="/dist/js/formValidation.js"></script>
<!--
Primeiro jQuery
Segundo Libs, Plugins
Terceiro Scripts da aplicação
-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment