diff --git a/galeri/templates/galeri/galeri_page.html b/galeri/templates/galeri/galeri_page.html
index 0d2d3a2..d94c4e2 100644
--- a/galeri/templates/galeri/galeri_page.html
+++ b/galeri/templates/galeri/galeri_page.html
@@ -1,33 +1,6 @@
-<style>
-    body{
-        background-color: antiquewhite;
-    }
-    h2,h1,h3,h4,p{
-        text-align: center;
-    }
-    .stran{
-        
-        width: 60%;
-        height: auto;
-        background-color: rgb(240, 219, 162);
-        margin-left: auto;
-        margin-right: auto;
-    }
-    img {
-    display: block;
-    margin-left: auto;
-    margin-right: auto }
-    .intro{
-        margin-left: auto;
-        margin-right: auto;
-    }
 
-    
-    
-   
-    
-    
-</style>
+
+
 
 {% extends "base.html" %}
 
@@ -36,21 +9,23 @@
 {% block body_class %}template-blogpage{% endblock %}
 
 {% block content %}
-<div class="stran">
-    <p><a href="{{ page.get_parent.url }}">Return to blog</a></p>
-    <h1>{{ page.title }}</h1>
-    <p class="meta">{{ page.date }}</p>
-    <div class="intro">{{ page.intro }}</div>
-    
-    
 
-    
 
-    {{ page.body|richtext }}
-    <br>
+
+
+
+
+
+        <p><a href="{{ page.get_parent.url }}">Return to blog</a></p>
+        <h1>{{ page.title }}</h1>
+        <p class="meta">{{ page.date }}</p>
+        <div class="intro">{{ page.intro }}</div>
+        {{ page.body|richtext }}
+    
+    
 
     {% for item in page.gallery_images.all %}
-        <div style="float: right; margin: 28px">
+        <div style="float: left; margin: 5px">
             {% image item.image fill-320x240 %}
             <p>{{ item.caption }}</p>
         </div>
@@ -60,4 +35,3 @@
     
     
     
-</div>
\ No newline at end of file
diff --git a/stranky/templates/stranky/stranky_page.html b/stranky/templates/stranky/stranky_page.html
index efbed53..1cf4aa6 100644
--- a/stranky/templates/stranky/stranky_page.html
+++ b/stranky/templates/stranky/stranky_page.html
@@ -1,37 +1,4 @@
 
-
-<style>
-    body{
-        background-color: antiquewhite;
-    }
-    h2,h1,h3,h4,p{
-        text-align: center;
-    }
-    .stran{
-        
-        width: 60%;
-        height: auto;
-        background-color: rgb(240, 219, 162);
-        margin-left: auto;
-        margin-right: auto;
-    }
-    img {
-    display: block;
-    margin-left: auto;
-    margin-right: auto }
-
-    .mapa{
-        width: 600px;
-        margin-left: auto;
-        margin-right: auto;
-    }
-
-    
-   
-    
-    
-</style>
-<div class="stran">
     
 {% extends "base.html" %}
 
@@ -40,16 +7,14 @@
 {% block body_class %}template-blogpage{% endblock %}
 
 {% block content %}
-<p><a href="{{ page.get_parent.url }}">Return to blog</a></p>
-    <h1>{{ page.title }}</h1>
-
-    <div class="intro">{{ page.intro }}</div>
-
-    {{ page.body|richtext }}
-    <br>
-<div class="mapa"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2544.62179209428!2d14.302552115894034!3d50.37360640077979!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470bda2ecf564eb3%3A0x9759674ea4200e63!2sCtin%C4%9Bves%2036%2C%20413%2001%20Ctin%C4%9Bves!5e0!3m2!1scs!2scz!4v1606335849321!5m2!1scs!2scz" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></div>
 <br>
-    {% for item in page.gallery_images.all %}
+<div class="row featurette">
+    <div class="col-md-7">
+        <h1>{{ page.title }}</h1>
+        {{ page.body|richtext }}
+    </div>
+    <div class="col-md-5">
+        {% for item in page.gallery_images.all %}
         <div style="float: center; margin: 10px">
             {% image item.image fill-600x400 %}
             <p>{{ item.caption }}</p>
@@ -59,4 +24,12 @@
 
 
     {% endblock %}
+
+       
+        
     </div>
+</div>
+
+  <hr class="featurette-divider">
+
+   
\ No newline at end of file
diff --git a/ubytovani/static/css/ubytovani.css b/ubytovani/static/css/ubytovani.css
index e69de29..e53ac34 100644
--- a/ubytovani/static/css/ubytovani.css
+++ b/ubytovani/static/css/ubytovani.css
@@ -0,0 +1,16 @@
+main > .container {
+    padding: 60px 15px 0;
+  }
+  
+  .footer {
+    background-color: #f5f5f5;
+  }
+  
+  .footer > .container {
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+  
+  code {
+    font-size: 80%;
+  }
\ No newline at end of file
diff --git a/ubytovani/templates/base.html b/ubytovani/templates/base.html
index a38cbb1..ebf3aad 100644
--- a/ubytovani/templates/base.html
+++ b/ubytovani/templates/base.html
@@ -1,7 +1,7 @@
 {% load static wagtailuserbar %}
 
 <!DOCTYPE html>
-<html class="no-js" lang="en">
+<html class="no-js h-100" lang="en">
     <head>
         <meta charset="utf-8" />
         <title>
@@ -18,7 +18,9 @@
         <meta name="viewport" content="width=device-width, initial-scale=1" />
 
         {# Global stylesheets #}
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
         <link rel="stylesheet" type="text/css" href="{% static 'css/ubytovani.css' %}">
+        
 
         {% block extra_css %}
             {# Override this in templates to add extra stylesheets #}
@@ -27,8 +29,44 @@
 
     <body class="{% block body_class %}{% endblock %}">
         {% wagtailuserbar %}
+        <header>
+            <!-- Fixed navbar -->
+            <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+                <a class="navbar-brand" href="/">Ubytování</a>
+                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
+                    aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarCollapse">
+                    <ul class="navbar-nav mr-auto">
+                        <li class="nav-item active">
+                            <a class="nav-link" href="/kontakty/">Home <span class="sr-only">(current)</span></a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="/kontakty/">Link</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="/galerie/">Link</a>
+                        </li>
+                    </ul>
+                    <form class="form-inline mt-2 mt-md-0">
+                        <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
+                        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+                    </form>
+                </div>
+            </nav>
+        </header>
+        <main role="main" class="flex-shrink-0">
+            <div class="container">
 
-        {% block content %}{% endblock %}
+                {% block content %}{% endblock %}
+            </div>
+        </main>
+        <footer class="footer mt-auto py-3">
+            <div class="container">
+              <span class="text-muted">Place sticky footer content here.</span>
+            </div>
+          </footer>
 
         {# Global javascript #}
         <script type="text/javascript" src="{% static 'js/ubytovani.js' %}"></script>