diff --git a/front-ui/app/components/account/login.js b/front-ui/app/components/account/login.js
new file mode 100644
index 0000000..58523c9
--- /dev/null
+++ b/front-ui/app/components/account/login.js
@@ -0,0 +1,10 @@
+var React = require("react");
+
+var Login = React.createClass({
+  render : function() {
+    return (<div>
+      <span className="h3">Login page</span>
+      </div>);
+  }
+})
+module.exports = Login;
diff --git a/front-ui/app/components/account/register.js b/front-ui/app/components/account/register.js
new file mode 100644
index 0000000..e8989da
--- /dev/null
+++ b/front-ui/app/components/account/register.js
@@ -0,0 +1,10 @@
+var React = require("react");
+
+var Register = React.createClass({
+  render : function() {
+    return (<div>
+      <span className="h3">Register page</span>
+      </div>);
+  }
+})
+module.exports = Register;
diff --git a/front-ui/app/components/rootApp.js b/front-ui/app/components/rootApp.js
index 9998075..1b2d7de 100644
--- a/front-ui/app/components/rootApp.js
+++ b/front-ui/app/components/rootApp.js
@@ -1,7 +1,8 @@
 var React = require('react'),
     SectionsListComponent = require('./shared/sectionsListComponent'),
     Router = require('react-router'),
-    RouteHandler = Router.RouteHandler;
+    RouteHandler = Router.RouteHandler,
+    LoginStatus = require('./shared/loginStatus');
 
 var CartIcon = require('./cart/cartIcon');
 
@@ -15,10 +16,13 @@ var RootApp = React.createClass({
 
 <div className='page-header'>
     <h1 className="main-heading"><a href="#" style={{color: "#cd3071"}}>ribica.ba</a></h1> <CartIcon />
+    <div style={{float:'right'}}>
+      <LoginStatus />
+    </div>
 </div>
 <div className='row'>
     <div className='col-md-12' id='header'>
-    <SectionsListComponent />
+      <SectionsListComponent />
     </div>
 </div>
 <div className='row'>
@@ -26,7 +30,6 @@ var RootApp = React.createClass({
 <RouteHandler />
 
 </div>
-
 </div>
             
             );
diff --git a/front-ui/app/components/shared/loginStatus.js b/front-ui/app/components/shared/loginStatus.js
new file mode 100644
index 0000000..235f20a
--- /dev/null
+++ b/front-ui/app/components/shared/loginStatus.js
@@ -0,0 +1,12 @@
+var React = require("react"),
+    Router = require("react-router"),
+    Link = Router.Link;
+
+var LoginStatus = React.createClass({
+  render : function() {
+    return (<div>
+      <Link to="registracija">Registracija</Link> | <Link to="login">Prijava</Link>
+      </div>);
+  }
+})
+module.exports = LoginStatus;
diff --git a/front-ui/app/router.js b/front-ui/app/router.js
index 596713b..349e696 100644
--- a/front-ui/app/router.js
+++ b/front-ui/app/router.js
@@ -14,12 +14,17 @@ var StartPage = require('./components/startPage/startPage');
 var ByCategory = require('./components/browsing/byCategory');
 var BySection = require('./components/browsing/bySection');
 
+var Register = require('./components/account/register');
+var Login = require('./components/account/login');
+
 
 var routes = (
     <Route name='app' path='/' handler={RootApp}>
       <Route name='sekcija' path='sekcija/:id/:name' handler={BySection} />
       <Route name='artikal' path="artikal/:id/*" handler={ItemWithDetailsPage} />
       <Route name='korpa' path="/korpa" handler={CartPage} />
+      <Route name='registracija' path="/registracija" handler={Register} />
+      <Route name='login' path="/login" handler={Login} />
       <Route name='byCat' path="sekcija/:sekcijaName/kategorija/:id/*" handler={ByCategory} />
       <DefaultRoute handler={StartPage}/>
     </Route>
diff --git a/front-ui/build/index.html b/front-ui/build/index.html
index eee7118..58ea5c0 100644
--- a/front-ui/build/index.html
+++ b/front-ui/build/index.html
@@ -1,37 +1,17 @@
 <!DOCTYPE html>
 <html>
-<head>
-<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
-<link rel='stylesheet' type='text/css' href='ribica.css'>
- <meta name="fragment" content="!">
- <meta name="viewport" content="initial-scale=0.9">
-</head>
-<body>
-<!-- 
-<div class="container">
-
-<div  class='page-header'>
-    <h1>Ribica.ba</h1>
-</div>
-<div class='row'>
-    <div class='col-md-12' id='header'></div>
-</div>
-<div class='row'>
-    <div class='col-md-2' style='border: 1px solid red;'>
-        this comes herer
-    </div>
-    <div class='col-md-10' style='border: 1px solid blue;'>
-    
-	<div id='content'>
-	</div>
-</div>
-</div>
-
-</div>
--->
-<script src='ribica.js' type='text/javascript'></script>
-<script>
-RIBICA.App.bootstrap();
-</script>
-</body>
+    <head>
+        <title>ribica.ba - sve za vas evlad</title>
+        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+        <link rel='stylesheet' type='text/css' href='ribica.css'>
+        <meta charset="UTF-8">
+        <meta name="fragment" content="!">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimum-scale=1" />
+    </head>
+    <body>
+        <script src='ribica.js' type='text/javascript'></script>
+        <script>
+        RIBICA.App.bootstrap();
+        </script>
+    </body>
 </html>
