ciclos

diff --git a/src/templates/login.html b/src/templates/login.html
new file mode 100644
index 0000000000000000000000000000000000000000..16074a330fd9f3ea48e1f817d1de0707b3b3215a
--- /dev/null
+++ b/src/templates/login.html
@@ -0,0 +1,24 @@
+{% extends 'layout.html' %}
+
+{% block body %}
+  <section>
+    <h2> Entrar na sua conta </h2>
+    <p> Use suas credenciais para entrar na sua conta </p>
+  </section>
+
+  <form method="POST" action="/auth/login">
+    <div class='form-section'>
+      <label for="email">Email</label>
+      <input type="email" placeholder="seu@email.com" name="email" />
+    </div>
+
+    <div class='form-section'>
+      <label for="password">Senha</label>
+      <input type="password" placeholder="******" name="password" />
+    </div>
+
+    <div class='form-action'>
+      <button type="submit" rel="button"> Entrar </button> 
+    </div>
+  </form>
+{% endblock %}




diff --git a/src/templates/sign_up.html b/src/templates/sign_up.html
new file mode 100644
index 0000000000000000000000000000000000000000..9be889a9dcfbf81af1647260c3e8fa284e679fd3
--- /dev/null
+++ b/src/templates/sign_up.html
@@ -0,0 +1,44 @@
+{% extends 'layout.html' %}
+
+{% block body %}
+  <form method="POST" action="/auth/sign_up">
+    <section>
+      <h2> Comece a consumir responsávelmente </h2>
+      <p>
+        Ao se cadastrar você poderá <mark>fazer pedidos</mark> na feira, acompanhar os ciclos
+        e contribuir para uma alimentação <mark>saudável</mark>, <mark>responsável</mark> e <mark>consciente</mark>.
+      </p>
+    </section>
+
+    <div class='form-section'>
+      <label for="username">Username</label>
+      <input type="text" placeholder="Username" name="username" />
+    </div>
+
+    <div class='form-section'>
+      <label for="email">Email</label>
+      <input type="email" placeholder="email@host.com" name="email" />
+    </div>
+
+    <div class='form-section'>
+      <label for="password">Password</label>
+      <input type="password" placeholder="********" name="password" />
+    </div>
+
+    <div class='form-section'>
+      <label for="first_name">First Name</label>
+      <input type="text" placeholder="John Doe" name="first_name" />
+    </div>
+
+    <div class='form-section'>
+      <label for="last_name"> Last Name </label>
+      <input type="text" placeholder="Doe" name="last_name" />
+    </div>
+
+    <div class='form-action'>
+      <button type="submit"> Sign Up </button>
+    </div>
+
+  </form>
+
+{% endblock %}