diff --git a/front-ui/app/css/main.css b/front-ui/app/css/main.css
new file mode 100644
index 0000000..8d3973a
--- /dev/null
+++ b/front-ui/app/css/main.css
@@ -0,0 +1,3 @@
+.container {
+    border: 1px solid black;
+}
diff --git a/front-ui/build/index.html b/front-ui/build/index.html
index 1a40fec..9aa49cc 100644
--- a/front-ui/build/index.html
+++ b/front-ui/build/index.html
@@ -5,8 +5,27 @@
  <meta name="fragment" content="!">
 </head>
 <body>
-<div id='header'></div>
+<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>
