diff --git a/site/themes/default/templates/about.html b/site/themes/default/templates/about.html
index 48ad300a..72996363 100644
--- a/site/themes/default/templates/about.html
+++ b/site/themes/default/templates/about.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 
-    <h1>{{ entry.title }}</h1>
+    <h1 class="text-center">{{ entry.title }}</h1>
 
     {{ entry.content|shortcode|raw}}
 
diff --git a/site/themes/default/templates/blog-post.html b/site/themes/default/templates/blog-post.html
index bfc1267e..16f5d948 100644
--- a/site/themes/default/templates/blog-post.html
+++ b/site/themes/default/templates/blog-post.html
@@ -1,7 +1,7 @@
 {% extends "themes/default/templates/partials/base.html" %}
 
 {% block content %}
-    <h1>{{ entry.title }}</h1>
+    <h1 class="text-center">{{ entry.title }}</h1>
     <div class="blog-post">
         {{ entry.content|shortcode|raw}}
     </div>
diff --git a/site/themes/default/templates/blog.html b/site/themes/default/templates/blog.html
index 3f515dad..21df2686 100644
--- a/site/themes/default/templates/blog.html
+++ b/site/themes/default/templates/blog.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 
-    <h1>{{ entry.title }}</h1>
+    <h1 class="text-center">{{ entry.title }}</h1>
 
     {# pagination #}
     {% set entries_limit = entries.fetch('blog').entries_limit %}
diff --git a/site/themes/default/templates/gallery-item.html b/site/themes/default/templates/gallery-item.html
new file mode 100644
index 00000000..ea936d78
--- /dev/null
+++ b/site/themes/default/templates/gallery-item.html
@@ -0,0 +1,21 @@
+{% extends "themes/default/templates/partials/base.html" %}
+
+{% block content %}
+
+    <h1 class="text-center">{{ entry.title }}</h1>
+
+    {% set media = filesystem_list_contents(PATH_ENTRIES ~ '/' ~ entry.slug) %}
+
+    <div class="gallery-grid are-images-unloaded">
+    {% for image in media %}
+        {% if image.extension == 'jpg' %}
+            <div class="gallery-grid-item animated fadeIn">
+                <a href="{{ base_url() }}/image/{{ entry.slug }}/{{ image.filename }}?dpr=2&w=800&q=70">
+                    <img src="{{ base_url() }}/image/{{ entry.slug }}/{{ image.filename }}?dpr=2&w=350&q=60" class="gallery-grid-item-img" alt="">
+                </a>
+            </div>
+        {% endif %}
+    {% endfor %}
+    </div>
+
+{% endblock %}
diff --git a/site/themes/default/templates/gallery.html b/site/themes/default/templates/gallery.html
new file mode 100644
index 00000000..aa66baca
--- /dev/null
+++ b/site/themes/default/templates/gallery.html
@@ -0,0 +1,23 @@
+{% extends "themes/default/templates/partials/base.html" %}
+
+{% block content %}
+
+    <h1 class="text-center">{{ entry.title }}</h1>
+
+    {% set entries_gallery = entries.fetchAll(entry.slug) %}
+
+    <div class="row">
+        <div class="col-12">
+            <div class="gallery-grid-sizer"></div>
+            {% for entry_gallery in entries_gallery %}
+            <div class="gallery-grid-item animated fadeIn">
+                <a href="{{ entry_gallery.slug }}">
+                  <h4 class="gallery-grid-item-title">{{ entry_gallery.title }}</h4>
+                  <img src="{{ base_url() }}/image/{{ entry_gallery.slug }}/{{ entry_gallery.gallery_img }}?dpr=2&w=350&q=60" class="grid-item-img" alt="">
+                </a>
+            </div>
+           {% endfor %}
+        </div>
+    </div>
+
+{% endblock %}
diff --git a/site/themes/default/templates/partials/base.html b/site/themes/default/templates/partials/base.html
index 81468e0f..1a8d654f 100644
--- a/site/themes/default/templates/partials/base.html
+++ b/site/themes/default/templates/partials/base.html
@@ -16,14 +16,19 @@
             <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
 
             {% set bootstrap = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/bootstrap.min.css' %}
+            {% set animate = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/animate.min.css' %}
+            {% set lightbox = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/simplelightbox.min.css' %}
             {% set default = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/css/default.min.css' %}
             {% do assets.add('css', bootstrap, 'site', 1) %}
-            {% do assets.add('css', default, 'site', 2) %}
+            {% do assets.add('css', animate, 'site', 2) %}
+            {% do assets.add('css', lightbox, 'site', 3) %}
+            {% do assets.add('css', default, 'site', 4) %}
             {% for assets_site in assets.get('css', 'site') %}
                 {% for assets_by_priorities in assets_site %}
                     <link href="{{ assets_by_priorities.asset }}" rel="stylesheet">
                 {% endfor %}
             {% endfor %}
+
             {{ emitter.emit('onThemeHeader') }}
             {{ snippets.exec('google-analytics')|raw }}
         {% endblock %}
@@ -57,12 +62,35 @@
             </div>
         </main>
         {% set default = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/js/default.min.js' %}
+        {% set lightbox = base_url() ~ '/site/themes/' ~ registry.settings.theme ~ '/assets/dist/js/simple-lightbox.min.js' %}
         {% do assets.add('js', default, 'site', 1) %}
+        {% do assets.add('js', lightbox, 'site', 2) %}
         {% for assets_site in assets.get('js', 'site') %}
             {% for assets_by_priorities in assets_site %}
                 <script src="{{ assets_by_priorities.asset }}"></script>
             {% endfor %}
         {% endfor %}
+
+        <script src="//cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/8.7.1/lazyload.min.js"></script>
+        <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
+        <script src="//unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
+        <script type="text/javascript">
+
+          var lightbox = $('.gallery-grid a').simpleLightbox({'fileExt': false});
+
+          var $grid = $('.gallery-grid').imagesLoaded()
+            .done( function( instance ) {
+               $('.preloader').hide();
+               $grid.masonry({
+                   visibleStyle: { transform: 'translateY(0)', opacity: 1 },
+                   hiddenStyle: { transform: 'translateY(100px)', opacity: 0 },
+               });
+            })
+            .progress( function( instance, image ) {
+
+            });
+        </script>
+
         {{ emitter.emit('onThemeTail') }}
     </body>
 </html>