diff --git a/gallery/templates/gallery/about.html b/gallery/templates/gallery/about.html
index c75a187..12d7243 100644
--- a/gallery/templates/gallery/about.html
+++ b/gallery/templates/gallery/about.html
@@ -13,49 +13,55 @@
  <!-- Content -->
 {% block content %}
 
-{% gallery_stats as counts %}
+    <!-- Breadcrumb -->
+    <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
+        <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
+            <li><a href="{% url 'gallery:main_url' %}">Home</a></li>
+            <li class="uk-disabled"><a>About</a></li>
+        </ul>  
+    </div>
 
-<div class="uk-container uk-margin-top">
-    <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-padding-small uk-text-center">
-        <h3 class="uk-card-title uk-text-bold">{{ site_config.about_title }}</h3>
-        
-        <img class="uk-border-circle uk-box-shadow-small uk-margin-small" 
-             src="{% static site_config.about_profile_image %}" 
-             alt="Profile photo" width="120">
-        
-        <p class="uk-text-muted uk-margin-small">
-            {{ site_config.about_description }}
-        </p>
+    {% gallery_stats as counts %}
 
+    <div class="uk-container uk-margin-top">
+        <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-padding-small uk-text-center">
+            <h3 class="uk-card-title uk-text-bold">{{ site_config.about_title }}</h3>
+            
+            <img class="uk-border-circle uk-box-shadow-small uk-margin-small" 
+                src="{% static site_config.about_profile_image %}" 
+                alt="Profile photo" width="120">
+            
+            <p class="uk-text-muted uk-margin-small">
+                {{ site_config.about_description }}
+            </p>
 
-        <p class="uk-text-muted uk-margin-small">
-            Contact: 
-            <a href="mailto:{{ site_config.contact_email }}">
-                {{ site_config.contact_email }}
-            </a>
-        </p>
+            <p class="uk-text-muted uk-margin-small">
+                Contact: 
+                <a href="mailto:{{ site_config.contact_email }}">
+                    {{ site_config.contact_email }}
+                </a>
+            </p>
 
+            <div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid>
+                {% if site_config.bluesky_url %}
+                    <a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>
+                {% endif %}
+                {% if site_config.twitter_url %}
+                    <a href="{{ site_config.twitter_url }}" uk-icon="icon: twitter" uk-tooltip="Twitter"></a>
+                {% endif %}
+                {% if site_config.instagram_url %}
+                    <a href="{{ site_config.instagram_url }}" uk-icon="icon: instagram" uk-tooltip="Instagram"></a>
+                {% endif %}
+            </div>
 
-        <div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid>
-            {% if site_config.bluesky_url %}
-                <a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>
-            {% endif %}
-            {% if site_config.twitter_url %}
-                <a href="{{ site_config.twitter_url }}" uk-icon="icon: twitter" uk-tooltip="Twitter"></a>
-            {% endif %}
-            {% if site_config.instagram_url %}
-                <a href="{{ site_config.instagram_url }}" uk-icon="icon: instagram" uk-tooltip="Instagram"></a>
-            {% endif %}
-        </div>
+            <hr class="uk-divider-icon">
 
-        <hr class="uk-divider-icon">
-
-        <div class="uk-text-small uk-text-muted">
-            <p>
-                <strong>{{ counts.0 }}</strong> <a href="{% url 'gallery:albums_url' %}">Albums</a> (public {{ counts.1 }}), 
-                <strong>{{ counts.2 }}</strong> <a href="{% url 'gallery:photos_url' %}">Photos</a></p>
+            <div class="uk-text-small uk-text-muted">
+                <p>
+                    <strong>{{ counts.0 }}</strong> <a href="{% url 'gallery:albums_url' %}">Albums</a> (public {{ counts.1 }}), 
+                    <strong>{{ counts.2 }}</strong> <a href="{% url 'gallery:photos_url' %}">Photos</a></p>
+            </div>
         </div>
     </div>
-</div>
 
  {% endblock %}
\ No newline at end of file
diff --git a/gallery/templates/gallery/album_detail.html b/gallery/templates/gallery/album_detail.html
index 9b872b5..b3e7d6e 100644
--- a/gallery/templates/gallery/album_detail.html
+++ b/gallery/templates/gallery/album_detail.html
@@ -25,6 +25,15 @@
 <!-- Content -->
 {% block content %}
 
+    <!-- Breadcrumb -->
+    <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
+        <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
+            <li><a href="{% url 'gallery:main_url' %}">Home</a></li>
+            <li><a href="{% url 'gallery:albums_url' %}">Albums</a></li>
+            <li class="uk-disabled"><a>{{ album.name }}</a></li>
+        </ul>  
+    </div>
+
     <div class="uk-grid-small uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m uk-child-width-1-5@l" uk-grid="masonry: true">
         {% for photo in photos %}
         <a href="{{ photo.get_absolute_url }}">
diff --git a/gallery/templates/gallery/album_list.html b/gallery/templates/gallery/album_list.html
index f913b6b..9b5a05c 100644
--- a/gallery/templates/gallery/album_list.html
+++ b/gallery/templates/gallery/album_list.html
@@ -12,39 +12,47 @@
 <!-- Content -->
 {% block content %}
 
-<div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true">
-
-    {% for album in album_list %}
-    <div>
-        <div class="uk-card uk-card-default uk-height-1-1">
-
-            <!-- Album cover image -->
-            <div class="uk-card-media-top">
-                <a href="{{ album.get_absolute_url }}">
-                    <img src="{{ album.cover_url }}" 
-                         style="aspect-ratio: {{ album.cover.aspect_ratio }};"
-                         alt="Cover image for {{ album.name }}"
-                         title="{{ album.name }}" 
-                         loading="lazy">
-                </a>
-            </div>
-
-            <!-- Album info overlay -->
-            <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
-                <h3 class="uk-card-title uk-margin-remove-bottom">
-                    <a href="{{ album.get_absolute_url }}">{{ album }}</a>
-                </h3>
-                <p class="uk-text-small uk-margin-remove-top">
-                    {{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos
-                </p>
-            </div>
-
-        </div>
+    <!-- Breadcrumb -->
+    <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
+        <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
+            <li><a href="{% url 'gallery:main_url' %}">Home</a></li>
+            <li class="uk-disabled"><a>Albums</a></li>
+        </ul>  
     </div>
-    {% endfor %}
 
-</div>
+    <div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true">
 
-{% include "./partials/pagination.html" %}
+        {% for album in album_list %}
+        <div>
+            <div class="uk-card uk-card-default uk-height-1-1">
+
+                <!-- Album cover image -->
+                <div class="uk-card-media-top">
+                    <a href="{{ album.get_absolute_url }}">
+                        <img src="{{ album.cover_url }}" 
+                            style="aspect-ratio: {{ album.cover.aspect_ratio }};"
+                            alt="Cover image for {{ album.name }}"
+                            title="{{ album.name }}" 
+                            loading="lazy">
+                    </a>
+                </div>
+
+                <!-- Album info overlay -->
+                <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
+                    <h3 class="uk-card-title uk-margin-remove-bottom">
+                        <a href="{{ album.get_absolute_url }}">{{ album }}</a>
+                    </h3>
+                    <p class="uk-text-small uk-margin-remove-top">
+                        {{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos
+                    </p>
+                </div>
+
+            </div>
+        </div>
+        {% endfor %}
+
+    </div>
+
+    {% include "./partials/pagination.html" %}
 
 {% endblock %}
\ No newline at end of file
diff --git a/gallery/templates/gallery/partials/pagination.html b/gallery/templates/gallery/partials/pagination.html
index 2fe8ff4..69b7f33 100644
--- a/gallery/templates/gallery/partials/pagination.html
+++ b/gallery/templates/gallery/partials/pagination.html
@@ -1,8 +1,9 @@
 {% load link_tags %}
 
 {% if page_obj.has_other_pages %}
-<div class="uk-margin uk-background-muted uk-text-uppercase">
-  <ul class="uk-pagination uk-flex-center">
+<div class="uk-margin uk-background-secondary  uk-text-uppercase">
+
+  <ul class="uk-pagination uk-padding-small uk-flex-center">
          
     {% if page_obj.has_previous %}
       <li><a href="{% paginator_link page_obj.previous_page_number request.GET %}">&laquo; Prev</a></li>
@@ -39,5 +40,6 @@
     {% endif %}
   
   </ul>
+
 </div>
 {% endif %}
\ No newline at end of file
diff --git a/gallery/templates/gallery/photo_detail.html b/gallery/templates/gallery/photo_detail.html
index 47dd3ef..a3def8b 100644
--- a/gallery/templates/gallery/photo_detail.html
+++ b/gallery/templates/gallery/photo_detail.html
@@ -42,6 +42,20 @@
     
     </div>
 
+
+    <!-- Breadcrumb -->
+    <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
+        <div class="uk-flex uk-flex-between uk-flex-wrap uk-flex-middle">
+            <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
+                <li><a href="{% url 'gallery:main_url' %}">Home</a></li>
+                <li><a href="{% url 'gallery:albums_url' %}">Albums</a></li>
+                <li><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></li>
+                <li class="uk-disabled"><a>{{ photo.slug }}</a></li>
+            </ul>  
+        </div>
+    </div>
+
+
     <div class="uk-align-center uk-container-large uk-padding-medium">
 
         <ul uk-accordion>
@@ -125,5 +139,4 @@
 
      </div>
     
-
 {% endblock %}
\ No newline at end of file
diff --git a/gallery/templates/gallery/photo_list.html b/gallery/templates/gallery/photo_list.html
index 186a810..7ec3f07 100644
--- a/gallery/templates/gallery/photo_list.html
+++ b/gallery/templates/gallery/photo_list.html
@@ -12,13 +12,30 @@
 <!-- Content -->
 {% block content %}
 
-{% load link_tags %}
+    {% load link_tags %}
+
+    <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
+        <div class="uk-flex uk-flex-between uk-flex-wrap uk-flex-middle">
+            <!-- Breadcrumb -->
+            <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
+                <li><a href="{% url 'gallery:main_url' %}">Home</a></li>
+                <li class="uk-disabled"><a>Photostream</a></li>
+            </ul>
+            <!-- Sort menu -->
+            <ul class="uk-subnav uk-subnav-divider uk-margin-remove uk-flex uk-flex-middle uk-margin-medium-top@s">
+                <li {% if order == 'latest' %}class="uk-active"{% endif %}>
+                    <a href="{% search_link 'latest' request.GET %}">Latest</a>
+                </li>
+                <li {% if order == 'liked' %}class="uk-active"{% endif %}>
+                    <a href="{% search_link 'liked' request.GET %}">Liked</a>
+                </li>
+                <li {% if order == 'popular' %}class="uk-active"{% endif %}>
+                    <a href="{% search_link 'popular' request.GET %}">Popular</a>
+                </li>
+            </ul>
+        </div>
+    </div>
 
-<ul class="uk-subnav uk-subnav-divider uk-margin-remove-top uk-flex-center" uk-margin>
-    <li {% if order == 'latest' %}class="uk-active" {% endif %}><a href="{% search_link 'latest' request.GET %}">Latest</a></li>
-    <li {% if order == 'liked' %}class="uk-active" {% endif %}><a href="{% search_link 'liked' request.GET %}">Liked</a></li>
-    <li {% if order == 'popular' %}class="uk-active" {% endif %}><a href="{% search_link 'popular' request.GET %}">Popular</a></li>
-</ul>
 
     <div class="uk-grid-small uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m uk-child-width-1-5@l" uk-grid="masonry: true">
 
diff --git a/gallery/templates/gallery/search.html b/gallery/templates/gallery/search.html
index 5c5a1b2..1614564 100644
--- a/gallery/templates/gallery/search.html
+++ b/gallery/templates/gallery/search.html
@@ -12,41 +12,49 @@
 <!-- Content -->
 {% block content %}
 
-<div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true">
-    {% if results %}
-        {% for album in results %}
-        <div>
-            <div class="uk-card uk-card-default uk-height-1-1">
-    
-                <!-- Album cover image -->
-                <div class="uk-card-media-top">
-                    <a href="{{ album.get_absolute_url }}">
-                        <img src="{{ album.cover_url }}" 
-                             style="aspect-ratio: {{ album.cover.aspect_ratio }};"
-                             alt="Cover image for {{ album.name }}"
-                             title="{{ album.name }}" 
-                             loading="lazy">
-                    </a>
-                </div>
-    
-                <!-- Album info overlay -->
-                <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
-                    <h3 class="uk-card-title uk-margin-remove-bottom">
-                        <a href="{{ album.get_absolute_url }}">{{ album }}</a>
-                    </h3>
-                    <p class="uk-text-small uk-margin-remove-top">
-                        {{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos
-                    </p>
-                </div>
-    
-            </div>
-        </div>
-        {% endfor %}
-    {% else %}
-        <p>Not found: "{{ query }}".</p>
-    {% endif %}
-</div>
+    <!-- Breadcrumb -->
+    <div class="uk-margin uk-background-secondary uk-padding-small uk-light">
+        <ul class="uk-breadcrumb uk-margin-remove uk-flex uk-flex-middle">
+            <li><a href="{% url 'gallery:main_url' %}">Home</a></li>
+            <li class="uk-disabled"><a>Search</a></li>
+        </ul>  
+    </div>
 
-{% include "./partials/pagination.html" %}
+    <div class="uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid="masonry: true">
+        {% if results %}
+            {% for album in results %}
+            <div>
+                <div class="uk-card uk-card-default uk-height-1-1">
+        
+                    <!-- Album cover image -->
+                    <div class="uk-card-media-top">
+                        <a href="{{ album.get_absolute_url }}">
+                            <img src="{{ album.cover_url }}" 
+                                style="aspect-ratio: {{ album.cover.aspect_ratio }};"
+                                alt="Cover image for {{ album.name }}"
+                                title="{{ album.name }}" 
+                                loading="lazy">
+                        </a>
+                    </div>
+        
+                    <!-- Album info overlay -->
+                    <div class="uk-overlay uk-overlay-primary uk-position-bottom uk-padding-small">
+                        <h3 class="uk-card-title uk-margin-remove-bottom">
+                            <a href="{{ album.get_absolute_url }}">{{ album }}</a>
+                        </h3>
+                        <p class="uk-text-small uk-margin-remove-top">
+                            {{ album.album_date|date:"d.m.Y" }} &bull; {{ album.photos_in_album }} photos
+                        </p>
+                    </div>
+        
+                </div>
+            </div>
+            {% endfor %}
+        {% else %}
+            <p>Not found: "{{ query }}".</p>
+        {% endif %}
+    </div>
+
+    {% include "./partials/pagination.html" %}
 
 {% endblock %}
\ No newline at end of file
diff --git a/static/css/muistox.css b/static/css/muistox.css
index 8dd9baf..7b8583c 100644
--- a/static/css/muistox.css
+++ b/static/css/muistox.css
@@ -6,3 +6,7 @@ body {
 	min-height: 50px;
 }
 
+.uk-align-center {
+	margin-top: 15px !important;
+	margin-bottom: 15px !important;
+}