templates/default.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BinQR</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.0/css/bulma.min.css">
<link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon">
</head>
<body class="layout-default">
<section class="hero is-dark is-fullheight is-bold">
<div class="hero-head">
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<span class="is-size-4 is-bold has-text-weight-bold">BinQR</span>
<img src="/static/img/white-logo.svg" width="30">
</a>
<a class="navbar-item is-hidden-desktop" href="https://github.com/cgimenes/binqr-server" target="_blank">
<span class="icon">
<i class="fa fa-lg fa-github"></i>
</span>
</a>
<span class="navbar-item is-hidden-desktop">
<a class="button" href="https://play.google.com/apps">
<span class="icon">
<i class="fa fa-android"></i>
</span>
<span>Download</span>
</a>
</span>
<div class="navbar-burger burger" data-target="navMenu">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="navMenu" class="navbar-menu">
<a class="navbar-item" href="/about">
Sobre o funcionamento
</a>
<div class="navbar-end">
<a class="navbar-item is-hidden-touch" href="https://github.com/cgimenes/binqr-server" target="_blank">
<span class="icon">
<i class="fa fa-lg fa-github"></i>
</span>
</a>
<span class="navbar-item is-hidden-touch">
<a class="button" href="https://play.google.com/store/apps/details?id=com.binqr.client">
<span class="icon">
<i class="fa fa-android"></i>
</span>
<span>Download</span>
</a>
</span>
</div>
</div>
</div>
</nav>
</div>
<div class="hero-body">
{% block hero %}{% endblock %}
</div>
</section>
<footer class="footer">
<div class="container">
<div class="columns">
<div class="column is-3">
<div class="content">
<strong>BinQR</strong> por Fernando Seki, Lucas Stranieri and Marcelo Gimenes.
</div>
</div>
<div class="column is-5 is-offset-4">
<div class="content">
<div>
<strong>Doe</strong> e compartilhe!
</div>
<div >
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=cgimenes&repo=binqr-server&type=star&count=true&size=large" allowtransparency="true" scrolling="0" width="160px" height="30px" frameborder="0"></iframe>
<p>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=53B73CCD2WT8S&lc=US&item_name=BinQR¤cy_code=BRL&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted">
<img src="/static/img/paypal-donate.png" width="160">
</a>
</p>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column is-3">
<p>
<a href="https://bulma.io">
<img src="https://bulma.io/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
</a>
<small>
<br>
Código fonte licenciado <a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
<br>
Website licenciado <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
</small>
</p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="static/js/default.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>