ciclos

diff --git a/core/static/stylesheet.css b/core/static/stylesheet.css
new file mode 100644
index 0000000000000000000000000000000000000000..bc5d7b13c72a26434b099238b8f56cf680aab760
--- /dev/null
+++ b/core/static/stylesheet.css
@@ -0,0 +1,296 @@
+/*
+ * Simple and minimal css
+ */ 
+
+*, ::after, ::before {
+  box-sizing: border-box;
+}
+
+body {
+  color: #555;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 110%;
+  text-rendering: optimizeLegibility;
+  line-height: 1.6;
+}
+
+.form-section input, textarea, select {
+  width: 100%;
+  font-size: 1rem;
+  line-height: 1.5;
+  padding: .25rem .375rem;
+}
+
+.form-section input[type="email"], input[type="password"], input[type="tel"], input[type="text"], textarea {
+  border-color: #888;
+  outline: lightblue;
+  border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+.container {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width:576px) {
+ .container {
+    max-width:540px;
+ }
+
+ .navbar {
+   flex-flow: row nowrap !important;
+   flex-wrap: nowrap !important;
+ }
+
+ .navbar ul {
+   margin-left: 35px !important;
+   width: unset !important;
+   margin-right: auto !important;
+ }
+
+ .form-section {
+   width: 50%;
+ }
+}
+
+@media (min-width:768px) {
+ .container {
+    max-width:720px;
+ }
+}
+
+@media (min-width:992px) {
+ .container {
+    max-width:960px;
+ }
+}
+
+@media (min-width:1200px) {
+ .container {
+    max-width:1140px;
+ }
+}
+
+
+a {
+  /*color: #3366CC;*/
+  color: #21409a;
+  border: 1px solid rgba(255, 255, 255, 0);
+}
+
+a:focus {
+  outline: 0;
+  color: red;
+  text-decoration: none;
+  border: 1px dotted #aaa;
+}
+
+a:hover {
+  color: #333;
+  text-decoration: none;
+}
+
+h1 {
+  font-size: 2.1rem;
+}
+
+h1, h2, h3 {
+  color: #000;
+  line-height: 1.2;
+  font-weight: normal;
+}
+
+h1, h2 {
+  color: #444
+}
+
+ul {
+  margin: 0;
+  padding: 0;
+  margin-left: 35px;
+}
+
+li {
+  margin-bottom: 10px;
+  line-height: 18px;
+}
+
+li ul {
+  margin-top: 5px;
+}
+
+.form-section label {
+  display: block;
+  margin-top: 5px;
+}
+
+.form-action {
+  margin-top: 5px;
+}
+
+.btn {
+  padding: 0.5rem 1em;
+  border: 1px solid #999;
+  background-color: #E6E6E6;
+  text-decoration: none;
+  border-radius: 2px;
+}
+
+.btn:focus {
+  outline: 0;
+}
+
+button.btn-secondary,
+a.btn-secondary {
+  background-color: #a0a0a0;
+  color: rgba(35, 35, 35, 1);
+}
+
+button.btn-secondary:hover {
+  background-color: #6c7b95;
+  color: #fff;
+}
+
+button.btn-primary {
+  background-color: #6c7b95;
+  color: #fff;
+}
+
+button.btn-primary:hover {
+  background-color: #a0a0a0;
+  color: rgba(35, 35, 35, 1);
+}
+
+a.btn {
+  text-decoration: none;
+  padding: 0 10px;
+}
+
+.destructive {
+  color: #ed5353;
+}
+
+.btn[disabled] {
+  background: #ccc;
+}
+
+.text-secondary, .text-muted {
+  color: #a5a49f
+}
+
+.white-space-pre {
+  white-space: pre-wrap;
+}
+
+.mt-5 {
+  margin-top: 5px;
+}
+
+.mb-5 {
+  margin-bottom: 5px;
+}
+
+.ml-5 {
+  margin-left: .5rem;
+}
+
+.mr-5 {
+  margin-right: .5rem;
+}
+
+.pt-5 {
+  padding-top: 5px;
+}
+
+.pb-5 {
+  padding-bottom: 5px;
+}
+
+.pl-5 {
+  padding-left: 5px;
+}
+
+.pr-5 {
+  padding-right: 5px;
+}
+
+.p-5 {
+  padding: 5px;
+}
+
+.m-5 {
+  margin: 5px;
+}
+
+.py-5 {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.px-5 {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.current-cycle {
+  background-color: #eee;
+}
+
+.navbar {
+  flex-flow: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: .5rem 1rem;
+}
+
+.navbar ul {
+  margin-bottom: 0;
+  margin-top: 0;
+  margin-left: 0;
+  padding-left: 0;
+  list-style: none;
+  
+  display: flex;
+  flex-direction: row;
+  margin-right: auto;
+  width: 100%;
+}
+
+.navbar ul li {
+  margin-bottom: 0px;
+}
+
+.navbar ul li a {
+  width: 100%;
+  text-decoration: none;
+}
+
+.box {
+  background-color: #eee;
+}
+
+.box .box-header {
+  border-bottom: 1px solid #ddd;
+}
+
+.f-left, float-left {
+  float: left;
+}
+
+.f-right, float-right {
+  float: right;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-left {
+  text-align: left;
+}




diff --git a/core/templates/layout.html b/core/templates/layout.html
new file mode 100644
index 0000000000000000000000000000000000000000..51d2c3f33053bc6e51523394c5077c7d91d0ce13
--- /dev/null
+++ b/core/templates/layout.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="pt-br">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    {% block title %}
+    <title>{{ title or "Feira Virtual Bem da Terra" }}</title>
+    {% endblock %}
+
+    <link href="/static/stylesheet.css" rel="stylesheet" />
+  </head>
+
+  <body>
+    <nav class="navbar container">
+      <a href="{{ url_for('basic.index') }}">Bem da Terra</a>
+      <ul>
+        <li> <a class="mr-5" href="{{ url_for('basic.about') }}">Sobre</a> </li>
+        <li> <a class="mr-5" href="#">Contato</a> </li>
+      </ul>
+
+      <div class="login">
+        {% if current_user.is_authenticated %}
+          <span>
+            Logado como {{ current_user.username }} — <a href="{{ url_for('auth.logout') }}">Sair</a>
+          </span>
+        {% else %}
+          <a href="{{ url_for('auth.login') }}">Entrar</a> — <a href="{{ url_for('auth.sign_up') }}">Cadastrar</a>
+        {% endif %}
+      </div>
+    </nav>
+
+    <div class='container container-content'>
+      {% block body %}
+
+      {% endblock %}
+    </div>
+  </body>
+
+</html>
+