diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig
index bafd28d..ad7855b 100644
--- a/app/Resources/views/base.html.twig
+++ b/app/Resources/views/base.html.twig
@@ -1,13 +1,52 @@
-
-
-
-
- {% block title %}Welcome!{% endblock %}
- {% block stylesheets %}{% endblock %}
-
-
-
- {% block body %}{% endblock %}
- {% block javascripts %}{% endblock %}
-
-
+{% extends '::layout.html.twig' %}
+
+{% block header_title %}Point-Tools{% endblock %}
+
+{% block css %}
+ {{ parent() }}
+
+{% endblock %}
+
+{% block header_navbar %}
+
+{% endblock %}
+
+{% block container %}
+
+ {% block content %}{% endblock %}
+
+{% endblock %}
+
+{% block footer %}
+
+
+
+ © 2015{% if 2015 != 'now'|date('Y') %}-{{ 'now'|date('Y') }}{% endif %}
+ Alexey Skobkin
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/app/Resources/views/layout.html.twig b/app/Resources/views/layout.html.twig
new file mode 100644
index 0000000..458f0ab
--- /dev/null
+++ b/app/Resources/views/layout.html.twig
@@ -0,0 +1,54 @@
+
+
+
+ {% block header_meta %}
+
+
+
+ {# The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags #}
+
+
+
+ {% endblock %}
+
+ {% block header_title %}{% endblock %}
+
+ {% block css %}
+ {# Bootstrap core CSS #}
+
+ {% endblock %}
+
+ {% block head_js %}
+ {# HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries #}
+ {# Who uses IE??? #}
+
+ {% endblock %}
+
+
+
+{% block body %}
+ {# Upper navigation menu #}
+ {% block header_navbar %}{% endblock %}
+
+ {# Main container #}
+
+ {% block container %}{% endblock %}
+
+
+
+
+ {# Footer JavaScripts for faster loading #}
+{% block footer_js %}
+
+
+{% endblock %}
+{%- endblock %}
+
+
\ No newline at end of file
diff --git a/src/Skobkin/Bundle/PointToolsBundle/Resources/public/css/main.css b/src/Skobkin/Bundle/PointToolsBundle/Resources/public/css/main.css
new file mode 100644
index 0000000..afe98b1
--- /dev/null
+++ b/src/Skobkin/Bundle/PointToolsBundle/Resources/public/css/main.css
@@ -0,0 +1,90 @@
+html {
+ position: relative;
+ min-height: 100%;
+}
+
+body {
+ /* Margin bottom by footer height */
+ margin-bottom: 60px;
+}
+
+a.navbar-brand {
+ font-weight: bold;
+}
+
+.footer {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ /* Set the fixed height of the footer here */
+ height: 60px;
+ background-color: #f5f5f5;
+}
+
+.footer > .container {
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+.footer .copyright, .footer .powered-by {
+ margin: 20px 0;
+}
+
+body > .container {
+ padding: 60px 15px 0;
+}
+
+.user:before {
+ position: relative;
+ top: 1px;
+ display: inline-block;
+ font-family: 'Glyphicons Halflings';
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ margin-right: 3px;
+
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+ content: "\e008";
+}
+
+.user-info p.user-login {
+ font-weight: bold;
+}
+
+.user-info p.user-name {
+
+}
+
+ul.users.mosaic {
+ list-style: none;
+ columns: 140px auto;
+ -webkit-columns: 140px auto;
+ -moz-columns: 140px auto;
+}
+
+ul.users.mosaic li {
+ display: inline-block;
+ width: 140px;
+ line-height: 18px;
+ padding-top: 1px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+ul.users.mosaic li:nth-child(odd) {
+ background-color: #EFEFEF;
+}
+
+#travel-client-data-form {
+ margin-top: 20px;
+}
+
+/* Required quick fix */
+.required:after {
+ content: " *";
+ color: red;
+}
diff --git a/src/Skobkin/Bundle/PointToolsBundle/Resources/public/images/favicon.ico b/src/Skobkin/Bundle/PointToolsBundle/Resources/public/images/favicon.ico
new file mode 100644
index 0000000..e59f188
Binary files /dev/null and b/src/Skobkin/Bundle/PointToolsBundle/Resources/public/images/favicon.ico differ