diff --git a/src/public/stylesheets/sass/style.sass b/src/public/stylesheets/sass/style.sass
index 5a86235..5474776 100644
--- a/src/public/stylesheets/sass/style.sass
+++ b/src/public/stylesheets/sass/style.sass
@@ -43,6 +43,32 @@ button:active
   @include gridPosition(2, 3, 1, 2)
   background-color: $cPrimaryBackground
 
+#input-login
+  margin-top: 1em
+  @include gridPosition(2,3,2,3)
+  grid-template: 7.5% 7.5% 7.5% 7.5% 72%/ 100%
+  display: grid
+  background-color: $cPrimaryBackground
+
+  input
+    margin: 0.25em
+
+  .loginButton
+    margin: 0.25em
+
+#input-register
+  margin-top: 1em
+  @include gridPosition(2,3,2,3)
+  grid-template: 7.5% 7.5% 7.5% 7.5% 7.5% 7.5% 58%/ 100%
+  display: grid
+  background-color: $cPrimaryBackground
+
+  input
+    margin: 0.25em
+
+  .registerButton
+    margin: 0.25em
+
 #feedcontainer
   @include gridPosition(2, 3, 2, 3)
   background-color: $cSecondaryBackground
diff --git a/src/routes/home.ts b/src/routes/home.ts
index 1af3be0..13bb254 100644
--- a/src/routes/home.ts
+++ b/src/routes/home.ts
@@ -49,6 +49,12 @@ class HomeRoute extends Route {
         this.router.get("/", (req, res) => {
             res.render("home");
         });
+        this.router.get("/login", (req, res) => {
+            res.render("login");
+        });
+        this.router.get("/register", (req, res) => {
+            res.render("register");
+        });
     }
 }
 
diff --git a/src/views/login/index.pug b/src/views/login/index.pug
new file mode 100644
index 0000000..41fe877
--- /dev/null
+++ b/src/views/login/index.pug
@@ -0,0 +1,8 @@
+html
+    head
+        title Greenvironment Network Login
+        include ../includes/head
+    body
+        div#content
+            include stylebar
+            include login
diff --git a/src/views/login/login.pug b/src/views/login/login.pug
new file mode 100644
index 0000000..f205c95
--- /dev/null
+++ b/src/views/login/login.pug
@@ -0,0 +1,6 @@
+div#input-login
+    input(type=text placeholder='username')
+    input(type=text placeholder='password')
+    button.loginButton Login
+    a(href="/register" )            
+        | You aren´t part of greenvironment yet? - create a new account 
diff --git a/src/views/login/stylebar.pug b/src/views/login/stylebar.pug
new file mode 100644
index 0000000..c6c36e3
--- /dev/null
+++ b/src/views/login/stylebar.pug
@@ -0,0 +1,2 @@
+div.stylebar
+    h1 Greenvironment
diff --git a/src/views/register/index.pug b/src/views/register/index.pug
new file mode 100644
index 0000000..d8e9dd1
--- /dev/null
+++ b/src/views/register/index.pug
@@ -0,0 +1,8 @@
+html
+    head
+        title Greenvironment Network Register
+        include ../includes/head
+    body
+        div#content
+            include stylebar
+            include register
diff --git a/src/views/register/register.pug b/src/views/register/register.pug
new file mode 100644
index 0000000..baaf1e6
--- /dev/null
+++ b/src/views/register/register.pug
@@ -0,0 +1,8 @@
+div#input-register
+    input(type=text placeholder='username')
+    input(type=text placeholder='email')
+    input(type=text placeholder='password')
+    input(type=text placeholder='repeat password')
+    button.registerButton Register
+    a(href="/login" )     
+        | You are already part of greenvironment? - login 
diff --git a/src/views/register/stylebar.pug b/src/views/register/stylebar.pug
new file mode 100644
index 0000000..c6c36e3
--- /dev/null
+++ b/src/views/register/stylebar.pug
@@ -0,0 +1,2 @@
+div.stylebar
+    h1 Greenvironment