diff --git a/.gitignore b/.gitignore
index 539a427..9c61bc7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,50 +1,55 @@
+#Specific
+frontend/treeview/db.sqlite3
+frontend/treeview/treeview_app/migrations/
+frontend/treeview/treeview/static/
+
 .vscode
 debug
 nohup*
 *swp
 
 # Binaries for programs and plugins
 *.exe
 *.dll
 *.so
 *.dylib
 
 # Test binary, build with `go test -c`
 *.test
 
 # Output of the go coverage tool, specifically when used with LiteIDE
 *.out
 
 # Project-local glide cache, RE: https://github.com/Masterminds/glide/issues/736
 .glide/
 node_modules/
 public/api
 *.idea/*
 *.idea*
 ../.idea/
 *.vscode
 *.log
 .travis.yml
 *.bak
 .tern-project
 public/build
 *.tmpl.js
 public/coverage
 *.swp
 frontend/public/assets/*
 
 #django 
 *.egg-info
 *.pot
 *.py[co]
 .tox/
 __pycache__
 MANIFEST
 dist/
 docs/_build/
 docs/locale/
 node_modules/
 tests/coverage_html/
 tests/.coverage
 build/
 tests/report/
diff --git a/frontend/treeview/db.sqlite3 b/frontend/treeview/db.sqlite3
index a28e03c..ab519a8 100644
Binary files a/frontend/treeview/db.sqlite3 and b/frontend/treeview/db.sqlite3 differ
diff --git a/frontend/treeview/treeview/settings.py b/frontend/treeview/treeview/settings.py
index 6c25ce4..a37b13e 100644
--- a/frontend/treeview/treeview/settings.py
+++ b/frontend/treeview/treeview/settings.py
@@ -1,126 +1,128 @@
 """
 Django settings for treeview project.
 
 Generated by 'django-admin startproject' using Django 1.11.3.
 
 For more information on this file, see
 https://docs.djangoproject.com/en/1.11/topics/settings/
 
 For the full list of settings and their values, see
 https://docs.djangoproject.com/en/1.11/ref/settings/
 """
 
 import os
 
 # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 
 
 # Quick-start development settings - unsuitable for production
 # See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/
 
 # SECURITY WARNING: keep the secret key used in production secret!
 SECRET_KEY = 'h!khjr!+%c_7v5-^w)*x2*sy5e#0g^3dmzyt1@y0wtr6^x)uiq'
 
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
 ALLOWED_HOSTS = [
     '.akapustin.me',  # Allow domain and subdomains
     'localhost', 
     '127.0.0.1'
 ]
 
 # Application definition
 
 INSTALLED_APPS = [
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
     'treeview_app',
     'graphos',
     'django_tables2'
 ]
 
 MIDDLEWARE = [
     'django.middleware.security.SecurityMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',
     'django.middleware.common.CommonMiddleware',
     'django.middleware.csrf.CsrfViewMiddleware',
     'django.contrib.auth.middleware.AuthenticationMiddleware',
     'django.contrib.messages.middleware.MessageMiddleware',
     'django.middleware.clickjacking.XFrameOptionsMiddleware',
 ]
 
 ROOT_URLCONF = 'treeview.urls'
 
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
         'DIRS': [os.path.join(BASE_DIR, 'templates')],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [
                 'django.template.context_processors.debug',
                 'django.template.context_processors.request',
                 'django.contrib.auth.context_processors.auth',
                 'django.contrib.messages.context_processors.messages',
             ],
         },
     },
 ]
 
 WSGI_APPLICATION = 'treeview.wsgi.application'
 
 
 # Database
 # https://docs.djangoproject.com/en/1.11/ref/settings/#databases
 
 DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.sqlite3',
         'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
     }
 }
 
 
 # Password validation
 # https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators
 
 AUTH_PASSWORD_VALIDATORS = [
     {
         'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
     },
     {
         'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
     },
     {
         'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
     },
     {
         'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
     },
 ]
 
 
 # Internationalization
 # https://docs.djangoproject.com/en/1.11/topics/i18n/
 
 LANGUAGE_CODE = 'en-us'
 
 TIME_ZONE = 'Europe/Moscow'
 
 USE_I18N = True
 
 USE_L10N = True
 
 USE_TZ = True
 
 
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/1.11/howto/static-files/
 
 STATIC_URL = '/static/'
+PROJECT_DIR = os.path.dirname(os.path.abspath(__file__))
+STATIC_ROOT = os.path.join(PROJECT_DIR, 'static')
diff --git a/frontend/treeview/treeview_app/static/treeview_app/css/jsontree.css b/frontend/treeview/treeview_app/static/treeview_app/css/jsontree.css
index 0e8345c..27b4e25 100644
--- a/frontend/treeview/treeview_app/static/treeview_app/css/jsontree.css
+++ b/frontend/treeview/treeview_app/static/treeview_app/css/jsontree.css
@@ -1,45 +1,45 @@
 .jstValue {
     white-space: pre-wrap;
     font-size: 20px;
     font-weight: 400;
     font-family: "Lucida Console", Monaco, monospace;
 }
 .jstComma {
     white-space: pre-wrap;
 }
 .jstProperty {
-    color: #666;
+    color: #F9EFEF;
     word-wrap: break-word;
 }
 .jstBracket {
     white-space: pre-wrap;;
 }
 .jstBool {
     color: #2525CC;
 }
 .jstNum {
     color: #D036D0;
 }
 .jstNull {
     color: gray;
 }
 .jstStr {
     color: #2DB669;
 }
 .jstFold:after {
     content: ' -';
     cursor: pointer;
 }
 .jstExpand {
     white-space: normal;
 }
 .jstExpand:after {
     content: ' +';
     cursor: pointer;
 }
 .jstFolded {
     white-space: normal !important;
 }
 .jstHiddenBlock {
     display: none;
 }
diff --git a/frontend/treeview/treeview_app/tables.py b/frontend/treeview/treeview_app/tables.py
index 03e7f85..f930f12 100644
--- a/frontend/treeview/treeview_app/tables.py
+++ b/frontend/treeview/treeview_app/tables.py
@@ -1,24 +1,24 @@
 import django_tables2 as tables
 from .models import Tools
 from .models import ToolsActivate
 from .models import Actions
 
 class ToolsTable(tables.Table):
     class Meta:
         model = Tools
         # add class="paleblue" to <table> tag
         order_by = '-countUse'
-        attrs = {'class': 'paleblue'}
+        attrs = {'class': 'paleblue table'}
 
 class ToolsActivateTable(tables.Table):
     class Meta:
         model = ToolsActivate
         order_by = '-countUse'
         # add class="paleblue" to <table> tag
-        attrs = {'class': 'paleblue'}
+        attrs = {'class': 'paleblue table'}
 
 class ActionsTable(tables.Table):
     class Meta:
         model = Actions
         order_by = '-countUse'
-        attrs = {'class': 'paleblue'}
\ No newline at end of file
+        attrs = {'class': 'paleblue table'}
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/actions_info.html b/frontend/treeview/treeview_app/templates/treeview_app/actions_info.html
index b96ca4b..38ecf32 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/actions_info.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/actions_info.html
@@ -1,21 +1,20 @@
-<html lang="en">
+{% extends 'treeview_app/base.html' %}
 {% load staticfiles %}
 
-<head>
-  <title>json tree example</title>
-  <link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet"> 
-  <script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
-
-</head>
+{% block script %}
+<title>json tree example</title>
+<link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet">
+<script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
 
+{% endblock %}
+{%block content %}
 <body>
-  <div id="actions"></div>
+<div id="actions"></div>
 </body>
 <script>
 
-  var temp = JSON.parse('{{ json_string | escapejs }}')
+    var temp = JSON.parse('{{ json_string | escapejs }}')
 
-  document.getElementById("actions").innerHTML = JSONTree.create(temp);
+    document.getElementById("actions").innerHTML = JSONTree.create(temp);
 </script>
-
-</html>
\ No newline at end of file
+{% endblock %}
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/actions_table.html b/frontend/treeview/treeview_app/templates/treeview_app/actions_table.html
index f6c364e..b352609 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/actions_table.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/actions_table.html
@@ -1,19 +1,16 @@
-<html lang="en">
-{% load render_table from django_tables2 %} {% load staticfiles %}
+{% extends 'treeview_app/base.html' %}
+{% load render_table from django_tables2 %}
+{% load staticfiles %}
 
-<html>
-
-<head>
-    <style type="text/css">
-        td.id,
-        th.id {
-            display: none;
-        }
-    </style>
-    <link rel="stylesheet" href="{% static 'django_tables2/themes/paleblue/css/screen.css' %}" />
-</head>
-
-<body> Actions {% render_table actions %}
-</body>
-
-</html>
\ No newline at end of file
+{% block script %}
+<style type="text/css">
+    td.id,
+    th.id {
+        display: none;
+    }
+</style>
+<link rel="stylesheet" href="{% static 'django_tables2/themes/paleblue/css/screen.css' %}"/>
+{% endblock %}
+{% block content %}
+Actions {% render_table actions %}
+{% endblock %}
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/asserts_info.html b/frontend/treeview/treeview_app/templates/treeview_app/asserts_info.html
index 89b41e6..075b854 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/asserts_info.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/asserts_info.html
@@ -1,21 +1,21 @@
-assertsInfo<html lang="en">
-{% load staticfiles %}
-
-<head>
-  <title>json tree example</title>
-  <link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet">
-  <script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% extends 'treeview_app/base.html' %}
 
-</head>
+{% load staticfiles %}
+{% block script %}
+<link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet">
+<script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% endblock %}
+{% block title %}
+Asserts
+{% endblock %}
 
-<body>
-  <h2>Last 100 asserts</h2>
-  <div id="asserts"></div>
-</body>
+{% block content %}
+<h2>Last 100 asserts</h2>
+<div id="asserts"></div>
 <script>
-  var temp = JSON.parse('{{ asserts| escapejs }}')
+    var temp = JSON.parse('{{ asserts| escapejs }}')
 
-  document.getElementById("asserts").innerHTML = JSONTree.create(temp);
+    document.getElementById("asserts").innerHTML = JSONTree.create(temp);
 </script>
+{% endblock %}
 
-</html>
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/start_page.html b/frontend/treeview/treeview_app/templates/treeview_app/base.html
similarity index 73%
copy from frontend/treeview/treeview_app/templates/treeview_app/start_page.html
copy to frontend/treeview/treeview_app/templates/treeview_app/base.html
index 31ae7de..0b37dac 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/start_page.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/base.html
@@ -1,336 +1,302 @@
+<!DOCTYPE html>
+{% load staticfiles %}
+
+
 <html>
 
 <head>
+    <title>{% block title %} Telemetry{% endblock%}</title>
+
     <style>
         @import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
         @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
 
         body {
             font-family: 'Lato', sans-serif;
             background: #353535;
             color: #FFF;
         }
 
         .jumbotron h1 {
             color: #353535;
         }
 
+        .table {
+            font-family: Arial, Helvetica, sans-serif;
+            font-size: 40px;
+            font-weight: bold;
+            color: #000000;
+        }
+
         footer {
             margin-bottom: 0 !important;
             margin-top: 80px;
         }
 
         footer p {
             margin: 0;
             padding: 0;
         }
 
         span.icon {
             margin: 0 5px;
             color: #D64541;
         }
 
         h2 {
             color: #BDC3C7;
             text-transform: uppercase;
             letter-spacing: 1px;
         }
 
         .mrng-60-top {
             margin-top: 60px;
         }
+
         /* Global Button Styles */
 
         a.animated-button:link,
         a.animated-button:visited {
             position: relative;
             display: block;
             margin: 30px auto 0;
             padding: 14px 15px;
             color: #fff;
             font-size: 14px;
             font-weight: bold;
             text-align: center;
             text-decoration: none;
             text-transform: uppercase;
             overflow: hidden;
             letter-spacing: .08em;
             border-radius: 0;
             text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
             -webkit-transition: all 1s ease;
             -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
             transition: all 1s ease;
         }
 
         a.animated-button:link:after,
         a.animated-button:visited:after {
             content: "";
             position: absolute;
             height: 0%;
             left: 50%;
             top: 50%;
             width: 150%;
             z-index: -1;
             -webkit-transition: all 0.75s ease 0s;
             -moz-transition: all 0.75s ease 0s;
             -o-transition: all 0.75s ease 0s;
             transition: all 0.75s ease 0s;
         }
 
         a.animated-button:link:hover,
         a.animated-button:visited:hover {
             color: #FFF;
             text-shadow: none;
         }
 
         a.animated-button:link:hover:after,
         a.animated-button:visited:hover:after {
             height: 450%;
         }
 
         a.animated-button:link,
         a.animated-button:visited {
             position: relative;
             display: block;
             margin: 30px auto 0;
             padding: 14px 15px;
             color: #fff;
             font-size: 14px;
             border-radius: 0;
             font-weight: bold;
             text-align: center;
             text-decoration: none;
             text-transform: uppercase;
             overflow: hidden;
             letter-spacing: .08em;
             text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
             -webkit-transition: all 1s ease;
             -moz-transition: all 1s ease;
             -o-transition: all 1s ease;
             transition: all 1s ease;
         }
+
         /* Victoria Buttons */
 
         a.animated-button.victoria-one {
             border: 2px solid #D24D57;
         }
 
         a.animated-button.victoria-one:after {
             background: #D24D57;
             -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
             -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
             -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
             transform: translateX(-50%) translateY(-50%) rotate(-25deg);
         }
 
         a.animated-button.victoria-two {
             border: 2px solid #D24D57;
         }
 
         a.animated-button.victoria-two:after {
             background: #D24D57;
             -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
             -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
             -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
             transform: translateX(-50%) translateY(-50%) rotate(25deg);
         }
 
         a.animated-button.victoria-three {
             border: 2px solid #D24D57;
         }
 
         a.animated-button.victoria-three:after {
             background: #D24D57;
             opacity: .5;
             -moz-transform: translateX(-50%) translateY(-50%);
             -ms-transform: translateX(-50%) translateY(-50%);
             -webkit-transform: translateX(-50%) translateY(-50%);
             transform: translateX(-50%) translateY(-50%);
         }
 
         a.animated-button.victoria-three:hover:after {
             height: 140%;
             opacity: 1;
         }
 
         a.animated-button.victoria-four {
             border: 2px solid #D24D57;
         }
 
         a.animated-button.victoria-four:after {
             background: #D24D57;
             opacity: .5;
             -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
             -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
             -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
             transform: translateY(-50%) translateX(-50%) rotate(90deg);
         }
 
         a.animated-button.victoria-four:hover:after {
             opacity: 1;
             height: 600% !important;
         }
+
         /* Sandy Buttons */
 
         a.animated-button.sandy-one {
             border: 2px solid #AEA8D3;
             color: #FFF;
         }
 
         a.animated-button.sandy-one:after {
             border: 3px solid #AEA8D3;
             opacity: 0;
             -moz-transform: translateX(-50%) translateY(-50%);
             -ms-transform: translateX(-50%) translateY(-50%);
             -webkit-transform: translateX(-50%) translateY(-50%);
             transform: translateX(-50%) translateY(-50%);
         }
 
         a.animated-button.sandy-one:hover:after {
             height: 120% !important;
             opacity: 1;
             color: #FFF;
         }
 
         a.animated-button.sandy-two {
             border: 2px solid #AEA8D3;
             color: #FFF;
         }
 
         a.animated-button.sandy-two:after {
             border: 3px solid #AEA8D3;
             opacity: 0;
             -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
             -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
             -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
             transform: translateY(-50%) translateX(-50%) rotate(90deg);
         }
 
         a.animated-button.sandy-two:hover:after {
             height: 600% !important;
             opacity: 1;
             color: #FFF;
         }
 
         a.animated-button.sandy-three {
             border: 2px solid #AEA8D3;
             color: #FFF;
         }
 
         a.animated-button.sandy-three:after {
             border: 3px solid #AEA8D3;
             opacity: 0;
             -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
             -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
             -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
             transform: translateX(-50%) translateY(-50%) rotate(-25deg);
         }
 
         a.animated-button.sandy-three:hover:after {
             height: 400% !important;
             opacity: 1;
             color: #FFF;
         }
 
         a.animated-button.sandy-four {
             border: 2px solid #AEA8D3;
             color: #FFF;
         }
 
         a.animated-button.sandy-four:after {
             border: 3px solid #AEA8D3;
             opacity: 0;
             -moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
             -ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
             -webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
             transform: translateY(-50%) translateX(-50%) rotate(25deg);
         }
 
         a.animated-button.sandy-four:hover:after {
             height: 400% !important;
             opacity: 1;
             color: #FFF;
         }
-        
     </style>
+    {% block script %}
+    {% endblock %}
+
+
 </head>
 
 <body>
-    <div class="jumbotron text-center">
-        <div class="container">
-
-            <h1>Krita Telemetry</h1>
-            <p style="color:#888;">**short description**</p>
+{% block head %}
+<div class="jumbotron text-center">
+    <div class="container">
+        <a href="/" STYLE="text-decoration: none"><h1>Krita Telemetry</h1></a>
+        <p style="color:#888;">
+            {% block description %} **short description** {% endblock %}</p>
 
-        </div>
     </div>
+</div>
+{% endblock %}
+{% block page %}
+{% block content %}
+{% endblock %}
+{% endblock %}
+{% block footer %}
+<footer class="jumbotron text-center">
     <div class="container">
-        <!-- Example row of columns -->
-
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2>Tools</h2>
-            </div>
-        </div>
-
-        <div class="row">
-            <div class="col-md-4 col-sm-4 col-xs-6"> <a href="/tools" class="btn btn-sm animated-button victoria-one">Tree</a> </div>
-            <div class="col-md-4 col-sm-4 col-xs-6"> <a href="/toolsTableUse" class="btn btn-sm animated-button victoria-one">Table use</a> </div>
-            <div class="col-md-4 col-sm-4 col-xs-6"> <a href="/toolsTableActivate" class="btn btn-sm animated-button victoria-one">Table activate</a> </div>
-        </div>
-
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2 class="mrng-60-top">Install</h2>
-            </div>
-        </div>
-
-        <div class="row">
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/installInfo" class="btn btn-sm animated-button victoria-one">Tree</a> </div>
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/installGraphs" class="btn btn-sm animated-button victoria-two">Graphics</a> </div>
-        </div>
-
-
-
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2 class="mrng-60-top">Actions</h2>
-            </div>
-        </div>
-
-        <div class="row">
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/actions" class="btn btn-sm animated-button victoria-three">Tree</a> </div>
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/actionsTable" class="btn btn-sm animated-button victoria-three">Table</a> </div>
-        </div>
-
-
-
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2 class="mrng-60-top">Image info</h2>
-            </div>
-        </div>
-
-        <div class="row">
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/images" class="btn btn-sm animated-button victoria-four">Tree</a> </div>
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/imagesGraphs" class="btn btn-sm animated-button victoria-four">Graphics</a> </div>
-        </div>
-        <div class="row">
-                <div class="col-md-12 text-center">
-                    <h2 class="mrng-60-top">Asserts</h2>
-                </div>
-            </div>
-    
-            <div class="row">
-                    <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/assertsInfo" class="btn btn-sm animated-button victoria-one">Tree</a> </div>
-            </div>
+        <p style="color:#888">2017. Alexey Kapustin</p>
     </div>
-    <footer class="jumbotron text-center">
-        <div class="container">
-            <p style="color:#888">2017. Alexey Kapustin</p>
-        </div>
-    </footer>
-</body>
+</footer>
+{% endblock %}
 
-</html>
\ No newline at end of file
+</body>
+</html>
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/image_graphs.html b/frontend/treeview/treeview_app/templates/treeview_app/image_graphs.html
index 7f5eee3..775425b 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/image_graphs.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/image_graphs.html
@@ -1,18 +1,15 @@
-<html lang="en">
+{% extends 'treeview_app/base.html' %}
 {% load staticfiles %}
-<html>
 
-<head>
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
-    <script type="text/javascript">
-        google.load("visualization", "1", {
-            packages: ["corechart"]
-        });
-    </script>
-</head>
+{% block script %}
+<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+<script type="text/javascript">
+    google.load("visualization", "1", {
+        packages: ["corechart"]
+    });
+</script>
+{% endblock %}
 
-<body>{{ chart.as_html }} {{ chart2.as_html }} {{ chart4.as_html }} {{ chart6.as_html }}
-     {{ chart8.as_html }}
-</body>
-
-</html>
\ No newline at end of file
+{% block content%}{{ chart.as_html }} {{ chart2.as_html }} {{ chart4.as_html }} {{ chart6.as_html }}
+{{ chart8.as_html }}
+{% endblock %}
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/images_info.html b/frontend/treeview/treeview_app/templates/treeview_app/images_info.html
index 9fa8eeb..92383c1 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/images_info.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/images_info.html
@@ -1,21 +1,20 @@
-<html lang="en">
+{% extends 'treeview_app/base.html' %}
 {% load staticfiles %}
 
-<head>
-  <title>json tree example</title>
-  <link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet"> 
-  <script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% block script %}
+<link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet">
+<script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% endblock %}
+{% block title %}Tree image info {% endblock%}
 
-</head>
 
-<body>
-  <div id="imageinfo"></div>
-</body>
+{%block content %}
+<div id="imageinfo"></div>
+
 <script>
 
-  var temp = JSON.parse('{{ json_string | escapejs }}')
+    var temp = JSON.parse('{{ json_string | escapejs }}')
 
-  document.getElementById("imageinfo").innerHTML = JSONTree.create(temp);
+    document.getElementById("imageinfo").innerHTML = JSONTree.create(temp);
 </script>
-
-</html>
\ No newline at end of file
+{% endblock %}
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/install_graphs.html b/frontend/treeview/treeview_app/templates/treeview_app/install_graphs.html
index db6602f..2d569e8 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/install_graphs.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/install_graphs.html
@@ -1,17 +1,15 @@
-<html lang="en">
+{% extends 'treeview_app/base.html' %}
 {% load staticfiles %}
-<html>
 
-<head>
-    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
-    <script type="text/javascript">
-        google.load("visualization", "1", {
-            packages: ["corechart"]
-        });
-    </script>
-</head>
+{% block script %}
+<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+<script type="text/javascript">
+    google.load("visualization", "1", {
+        packages: ["corechart"]
+    });
+</script>
+{% endblock %}
 
-<body>{{ chart.as_html }} {{ chart1.as_html }} {{ chart2.as_html }} {{ chart6.as_html }} {{ chart7.as_html }}
-</body>
-
-</html>
\ No newline at end of file
+{% block content %}
+{{ chart.as_html }} {{ chart1.as_html }} {{ chart2.as_html }} {{ chart6.as_html }} {{ chart7.as_html }}
+{% endblock %}
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/install_info.html b/frontend/treeview/treeview_app/templates/treeview_app/install_info.html
index 91a5625..e11b1dc 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/install_info.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/install_info.html
@@ -1,20 +1,21 @@
-<html lang="en">
+{% extends 'treeview_app/base.html' %}
 {% load staticfiles %}
 
-<head>
-  <title>json tree example</title>
-  <link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet"> 
-  <script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% block script %}
+<link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet">
+<script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% endblock %}
+{% block title %}
+Tree install info
+{%endblock%}
 
-</head>
 
-<body>
-  <div id="install"></div>
-</body>
+{% block content %}
+<div id="install"></div>
+
 <script>
-  var temp = JSON.parse('{{ json_string | escapejs }}')
+    var temp = JSON.parse('{{ json_string | escapejs }}')
 
-  document.getElementById("install").innerHTML = JSONTree.create(temp);
+    document.getElementById("install").innerHTML = JSONTree.create(temp);
 </script>
-
-</html>
\ No newline at end of file
+{% endblock %}
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/start_page.html b/frontend/treeview/treeview_app/templates/treeview_app/start_page.html
index 31ae7de..7ed5370 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/start_page.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/start_page.html
@@ -1,336 +1,75 @@
-<html>
-
-<head>
-    <style>
-        @import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
-        @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
-
-        body {
-            font-family: 'Lato', sans-serif;
-            background: #353535;
-            color: #FFF;
-        }
-
-        .jumbotron h1 {
-            color: #353535;
-        }
-
-        footer {
-            margin-bottom: 0 !important;
-            margin-top: 80px;
-        }
-
-        footer p {
-            margin: 0;
-            padding: 0;
-        }
-
-        span.icon {
-            margin: 0 5px;
-            color: #D64541;
-        }
-
-        h2 {
-            color: #BDC3C7;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-        }
-
-        .mrng-60-top {
-            margin-top: 60px;
-        }
-        /* Global Button Styles */
-
-        a.animated-button:link,
-        a.animated-button:visited {
-            position: relative;
-            display: block;
-            margin: 30px auto 0;
-            padding: 14px 15px;
-            color: #fff;
-            font-size: 14px;
-            font-weight: bold;
-            text-align: center;
-            text-decoration: none;
-            text-transform: uppercase;
-            overflow: hidden;
-            letter-spacing: .08em;
-            border-radius: 0;
-            text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
-            -webkit-transition: all 1s ease;
-            -moz-transition: all 1s ease;
-            -o-transition: all 1s ease;
-            transition: all 1s ease;
-        }
-
-        a.animated-button:link:after,
-        a.animated-button:visited:after {
-            content: "";
-            position: absolute;
-            height: 0%;
-            left: 50%;
-            top: 50%;
-            width: 150%;
-            z-index: -1;
-            -webkit-transition: all 0.75s ease 0s;
-            -moz-transition: all 0.75s ease 0s;
-            -o-transition: all 0.75s ease 0s;
-            transition: all 0.75s ease 0s;
-        }
-
-        a.animated-button:link:hover,
-        a.animated-button:visited:hover {
-            color: #FFF;
-            text-shadow: none;
-        }
-
-        a.animated-button:link:hover:after,
-        a.animated-button:visited:hover:after {
-            height: 450%;
-        }
-
-        a.animated-button:link,
-        a.animated-button:visited {
-            position: relative;
-            display: block;
-            margin: 30px auto 0;
-            padding: 14px 15px;
-            color: #fff;
-            font-size: 14px;
-            border-radius: 0;
-            font-weight: bold;
-            text-align: center;
-            text-decoration: none;
-            text-transform: uppercase;
-            overflow: hidden;
-            letter-spacing: .08em;
-            text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
-            -webkit-transition: all 1s ease;
-            -moz-transition: all 1s ease;
-            -o-transition: all 1s ease;
-            transition: all 1s ease;
-        }
-        /* Victoria Buttons */
-
-        a.animated-button.victoria-one {
-            border: 2px solid #D24D57;
-        }
-
-        a.animated-button.victoria-one:after {
-            background: #D24D57;
-            -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-            -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-            transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-        }
-
-        a.animated-button.victoria-two {
-            border: 2px solid #D24D57;
-        }
-
-        a.animated-button.victoria-two:after {
-            background: #D24D57;
-            -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-            -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-            -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
-            transform: translateX(-50%) translateY(-50%) rotate(25deg);
-        }
-
-        a.animated-button.victoria-three {
-            border: 2px solid #D24D57;
-        }
-
-        a.animated-button.victoria-three:after {
-            background: #D24D57;
-            opacity: .5;
-            -moz-transform: translateX(-50%) translateY(-50%);
-            -ms-transform: translateX(-50%) translateY(-50%);
-            -webkit-transform: translateX(-50%) translateY(-50%);
-            transform: translateX(-50%) translateY(-50%);
-        }
-
-        a.animated-button.victoria-three:hover:after {
-            height: 140%;
-            opacity: 1;
-        }
-
-        a.animated-button.victoria-four {
-            border: 2px solid #D24D57;
-        }
-
-        a.animated-button.victoria-four:after {
-            background: #D24D57;
-            opacity: .5;
-            -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-            -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-            -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-            transform: translateY(-50%) translateX(-50%) rotate(90deg);
-        }
-
-        a.animated-button.victoria-four:hover:after {
-            opacity: 1;
-            height: 600% !important;
-        }
-        /* Sandy Buttons */
-
-        a.animated-button.sandy-one {
-            border: 2px solid #AEA8D3;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-one:after {
-            border: 3px solid #AEA8D3;
-            opacity: 0;
-            -moz-transform: translateX(-50%) translateY(-50%);
-            -ms-transform: translateX(-50%) translateY(-50%);
-            -webkit-transform: translateX(-50%) translateY(-50%);
-            transform: translateX(-50%) translateY(-50%);
-        }
-
-        a.animated-button.sandy-one:hover:after {
-            height: 120% !important;
-            opacity: 1;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-two {
-            border: 2px solid #AEA8D3;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-two:after {
-            border: 3px solid #AEA8D3;
-            opacity: 0;
-            -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-            -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-            -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
-            transform: translateY(-50%) translateX(-50%) rotate(90deg);
-        }
-
-        a.animated-button.sandy-two:hover:after {
-            height: 600% !important;
-            opacity: 1;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-three {
-            border: 2px solid #AEA8D3;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-three:after {
-            border: 3px solid #AEA8D3;
-            opacity: 0;
-            -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-            -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-            transform: translateX(-50%) translateY(-50%) rotate(-25deg);
-        }
-
-        a.animated-button.sandy-three:hover:after {
-            height: 400% !important;
-            opacity: 1;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-four {
-            border: 2px solid #AEA8D3;
-            color: #FFF;
-        }
-
-        a.animated-button.sandy-four:after {
-            border: 3px solid #AEA8D3;
-            opacity: 0;
-            -moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
-            -ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
-            -webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
-            transform: translateY(-50%) translateX(-50%) rotate(25deg);
-        }
-
-        a.animated-button.sandy-four:hover:after {
-            height: 400% !important;
-            opacity: 1;
-            color: #FFF;
-        }
-        
-    </style>
-</head>
-
-<body>
-    <div class="jumbotron text-center">
-        <div class="container">
-
-            <h1>Krita Telemetry</h1>
-            <p style="color:#888;">**short description**</p>
-
+{% extends 'treeview_app/base.html' %}
+{% block page %}
+{% block content %}
+<div class="container">
+    <!-- Example row of columns -->
+
+    <div class="row">
+        <div class="col-md-12 text-center">
+            <h2>Tools</h2>
         </div>
     </div>
-    <div class="container">
-        <!-- Example row of columns -->
 
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2>Tools</h2>
-            </div>
-        </div>
-
-        <div class="row">
-            <div class="col-md-4 col-sm-4 col-xs-6"> <a href="/tools" class="btn btn-sm animated-button victoria-one">Tree</a> </div>
-            <div class="col-md-4 col-sm-4 col-xs-6"> <a href="/toolsTableUse" class="btn btn-sm animated-button victoria-one">Table use</a> </div>
-            <div class="col-md-4 col-sm-4 col-xs-6"> <a href="/toolsTableActivate" class="btn btn-sm animated-button victoria-one">Table activate</a> </div>
+    <div class="row">
+        <div class="col-md-4 col-sm-4 col-xs-6"><a href="/tools"
+                                                   class="btn btn-sm animated-button victoria-one">Tree</a></div>
+        <div class="col-md-4 col-sm-4 col-xs-6"><a href="/toolsTableUse"
+                                                   class="btn btn-sm animated-button victoria-one">Table use</a></div>
+        <div class="col-md-4 col-sm-4 col-xs-6"><a href="/toolsTableActivate"
+                                                   class="btn btn-sm animated-button victoria-one">Table activate</a>
         </div>
+    </div>
 
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2 class="mrng-60-top">Install</h2>
-            </div>
+    <div class="row">
+        <div class="col-md-12 text-center">
+            <h2 class="mrng-60-top">Install</h2>
         </div>
+    </div>
 
-        <div class="row">
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/installInfo" class="btn btn-sm animated-button victoria-one">Tree</a> </div>
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/installGraphs" class="btn btn-sm animated-button victoria-two">Graphics</a> </div>
+    <div class="row">
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/installInfo" class="btn btn-sm animated-button victoria-one">Tree</a>
         </div>
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/installGraphs"
+                                                   class="btn btn-sm animated-button victoria-two">Graphics</a></div>
+    </div>
 
 
-
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2 class="mrng-60-top">Actions</h2>
-            </div>
+    <div class="row">
+        <div class="col-md-12 text-center">
+            <h2 class="mrng-60-top">Actions</h2>
         </div>
+    </div>
 
-        <div class="row">
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/actions" class="btn btn-sm animated-button victoria-three">Tree</a> </div>
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/actionsTable" class="btn btn-sm animated-button victoria-three">Table</a> </div>
+    <div class="row">
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/actions" class="btn btn-sm animated-button victoria-three">Tree</a>
         </div>
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/actionsTable"
+                                                   class="btn btn-sm animated-button victoria-three">Table</a></div>
+    </div>
 
 
-
-        <div class="row">
-            <div class="col-md-12 text-center">
-                <h2 class="mrng-60-top">Image info</h2>
-            </div>
+    <div class="row">
+        <div class="col-md-12 text-center">
+            <h2 class="mrng-60-top">Image info</h2>
         </div>
+    </div>
 
-        <div class="row">
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/images" class="btn btn-sm animated-button victoria-four">Tree</a> </div>
-                <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/imagesGraphs" class="btn btn-sm animated-button victoria-four">Graphics</a> </div>
+    <div class="row">
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/images"
+                                                   class="btn btn-sm animated-button victoria-four">Tree</a></div>
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/imagesGraphs"
+                                                   class="btn btn-sm animated-button victoria-four">Graphics</a></div>
+    </div>
+    <div class="row">
+        <div class="col-md-12 text-center">
+            <h2 class="mrng-60-top">Asserts</h2>
         </div>
-        <div class="row">
-                <div class="col-md-12 text-center">
-                    <h2 class="mrng-60-top">Asserts</h2>
-                </div>
-            </div>
-    
-            <div class="row">
-                    <div class="col-md-6 col-sm-6 col-xs-6"> <a href="/assertsInfo" class="btn btn-sm animated-button victoria-one">Tree</a> </div>
-            </div>
     </div>
-    <footer class="jumbotron text-center">
-        <div class="container">
-            <p style="color:#888">2017. Alexey Kapustin</p>
+
+    <div class="row">
+        <div class="col-md-6 col-sm-6 col-xs-6"><a href="/assertsInfo" class="btn btn-sm animated-button victoria-one">Tree</a>
         </div>
-    </footer>
-</body>
+    </div>
+</div>
 
-</html>
\ No newline at end of file
+{% endblock %} {% endblock %}
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/tools_info.html b/frontend/treeview/treeview_app/templates/treeview_app/tools_info.html
index 2a66b84..f9677e7 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/tools_info.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/tools_info.html
@@ -1,20 +1,17 @@
-<html lang="en">
+{% extends 'treeview_app/base.html' %}
 {% load staticfiles %}
 
-<head>
-  <title>json tree example</title>
-  <link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet"> 
-  <script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% block script %}
+<title>json tree example</title>
+<link href="{% static 'treeview_app/css/jsontree.css' %}" rel="stylesheet">
+<script src="{% static 'treeview_app/js/jsontree.js' %}"></script>
+{% endblock %}
 
-</head>
-
-<body>
-  <div id="tools"></div>
-</body>
+{% block content %}
+<div id="tools"></div>
 <script>
-  var temp = JSON.parse('{{ json_string | escapejs }}')
+    var temp = JSON.parse('{{ json_string | escapejs }}')
 
-  document.getElementById("tools").innerHTML = JSONTree.create(temp);
+    document.getElementById("tools").innerHTML = JSONTree.create(temp);
 </script>
-
-</html>
\ No newline at end of file
+{% endblock %}
\ No newline at end of file
diff --git a/frontend/treeview/treeview_app/templates/treeview_app/tools_table.html b/frontend/treeview/treeview_app/templates/treeview_app/tools_table.html
index 1aadeb2..6ee5ed0 100644
--- a/frontend/treeview/treeview_app/templates/treeview_app/tools_table.html
+++ b/frontend/treeview/treeview_app/templates/treeview_app/tools_table.html
@@ -1,19 +1,18 @@
-<html lang="en">
-{% load render_table from django_tables2 %} {% load staticfiles %}
-
+{% extends 'treeview_app/base.html' %}
+{% load render_table from django_tables2 %}
+{% load staticfiles %}
 <html>
 
-<head>
-    <style type="text/css">
-        td.id,
-        th.id {
-            display: none;
-        }
-    </style>
-    <link rel="stylesheet" href="{% static 'django_tables2/themes/paleblue/css/screen.css' %}" />
-</head>
-
-<body> Tools {% render_table tools %}
-</body>
+{%block script%}
+<style type="text/css">
+    td.id,
+    th.id {
+        display: none;
+    }
+</style>
+<link rel="stylesheet" href="{% static 'django_tables2/themes/paleblue/css/screen.css' %}"/>
+{% endblock %}
 
-</html>
\ No newline at end of file
+{% block content %}
+Tools {% render_table tools %}
+{% endblock %}
\ No newline at end of file