diff --git a/assets/_main.scss b/assets/_main.scss
index 8c21806..a390578 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -37,6 +37,10 @@ img {
   vertical-align: baseline;
 }
 
+small {
+  @extend .text-small;
+}
+
 :focus {
   @include outline;
 }
@@ -315,10 +319,12 @@ body[dir="rtl"] .book-menu {
   font-size: $font-size-14;
 
   a {
-    margin: $padding-8 0;
+    margin: $padding-4 0;
+    padding: $padding-4 0;
   }
 
   a.flex {
+    display: inline-flex;
     gap: $padding-8;
   }
 }
@@ -327,6 +333,10 @@ body[dir="rtl"] .book-menu {
   margin-top: $padding-16;
 }
 
+.book-copyright {
+  margin-top: $padding-16;
+}
+
 .book-languages {
   margin-bottom: $padding-16;
 
diff --git a/exampleSite/hugo.toml b/exampleSite/hugo.toml
index a5aa8cb..66d5700 100644
--- a/exampleSite/hugo.toml
+++ b/exampleSite/hugo.toml
@@ -4,6 +4,8 @@ baseURL = 'http://0.0.0.0:1313/hugo-book/'
 title = 'Hugo Book'
 theme = 'hugo-book'
 
+copyright = '[© CC BY 4.0](https://creativecommons.org/licenses/by/4.0/legalcode)'
+
 # Book configuration
 disablePathToLower = true
 enableGitInfo = true
diff --git a/exampleSite/hugo.yaml b/exampleSite/hugo.yaml
index d404579..4b6401a 100644
--- a/exampleSite/hugo.yaml
+++ b/exampleSite/hugo.yaml
@@ -4,6 +4,8 @@ baseURL: http://0.0.0.0:1313/hugo-book/
 title: Hugo Book
 theme: hugo-book
 
+copyright: "[© CC BY 4.0](https://creativecommons.org/licenses/by/4.0/legalcode)"
+
 # Book configuration
 disablePathToLower: true
 enableGitInfo: true
diff --git a/layouts/_partials/docs/copyright.html b/layouts/_partials/docs/copyright.html
new file mode 100644
index 0000000..960b3d6
--- /dev/null
+++ b/layouts/_partials/docs/copyright.html
@@ -0,0 +1 @@
+<small>{{ .Site.Title }} - {{ .Site.Copyright | .RenderString }}</small>
\ No newline at end of file
diff --git a/layouts/_partials/docs/footer.html b/layouts/_partials/docs/footer.html
index 01d8322..01b253a 100644
--- a/layouts/_partials/docs/footer.html
+++ b/layouts/_partials/docs/footer.html
@@ -1,23 +1,23 @@
 <div class="flex flex-wrap justify-between">
 
-{{ if and .GitInfo .Site.Params.BookLastChangeLink }}
 <div>
+{{ if and .GitInfo .Site.Params.BookLastChangeLink }}
   {{- $date := partial "docs/date" (dict "Date" .Lastmod "Format" .Site.Params.BookDateFormat) -}}
   <a class="flex align-center" href="{{ partial "docs/links/commit" . }}" title='{{ i18n "Last modified by" }} {{ .GitInfo.AuthorName }} | {{ $date }}' target="_blank" rel="noopener">
     <img src="{{ "svg/calendar.svg" | relURL }}" class="book-icon" alt="" />
     <span>{{ $date }}</span>
   </a>
-</div>
 {{ end }}
+</div>
 
-{{ if and .File .Site.Params.BookEditLink }}
 <div>
+{{ if and .File .Site.Params.BookEditLink }}
   <a class="flex align-center" href="{{ partial "docs/links/edit" . }}" target="_blank" rel="noopener edit">
     <img src="{{ "svg/edit.svg" | relURL }}" class="book-icon" alt="" />
     <span>{{ i18n "Edit this page" }}</span>
   </a>
-</div>
 {{ end }}
+</div>
 
 </div>
 
diff --git a/layouts/_partials/docs/post-meta.html b/layouts/_partials/docs/post-meta.html
index 457e2c0..6410cef 100644
--- a/layouts/_partials/docs/post-meta.html
+++ b/layouts/_partials/docs/post-meta.html
@@ -1,6 +1,6 @@
 {{ with .Date }}
   <div class="flex align-center text-small book-post-date">
-    <img src="{{ "svg/calendar.svg" | relURL }}" class="book-icon " alt="" />
+    <img src="{{ "svg/calendar.svg" | relURL }}" class="book-icon" alt="" />
     <span>{{ partial "docs/date" (dict "Date" . "Format" $.Site.Params.BookDateFormat) }}</span>
   </div>
 {{ end }}
diff --git a/layouts/_partials/docs/post-prev-next.html b/layouts/_partials/docs/post-prev-next.html
index d7192c0..c7832d2 100644
--- a/layouts/_partials/docs/post-prev-next.html
+++ b/layouts/_partials/docs/post-prev-next.html
@@ -1,18 +1,18 @@
 <div class="flex flex-wrap justify-between">
-  <span>
+  <div>
   {{ with .NextInSection }}
     <a href="{{ .RelPermalink }}" class="flex align-center">
       <img src="{{ "svg/backward.svg" | relURL }}" class="book-icon" alt="Previous" title="{{ partial "docs/title" . }}" />
       <span>{{ partial "docs/title" . }}</span>
     </a>
   {{ end }}
-  </span>
-  <span>
+  </div>
+  <div>
   {{ with .PrevInSection }}
     <a href="{{ .RelPermalink }}" class="flex align-center">
       <span>{{ partial "docs/title" . }}</span>
       <img src="{{ "svg/forward.svg" | relURL }}" class="book-icon" alt="Next" title="{{ partial "docs/title" . }}" />
     </a>
   {{ end }}
-  </span>
+  </div>
 </div>
\ No newline at end of file
diff --git a/layouts/baseof.html b/layouts/baseof.html
index 2e6b0a9..fd3cfd1 100644
--- a/layouts/baseof.html
+++ b/layouts/baseof.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ default .Site.Language.Lang .Site.LanguageCode  }}" dir="{{ default "ltr" .Site.Language.LanguageDirection }}">
+<html lang="{{ default .Site.Language.Lang .Site.LanguageCode }}" dir="{{ default "ltr" .Site.Language.LanguageDirection }}">
 <head>
   {{ partial "docs/html-head" . }}
   {{ partial "docs/inject/head" . }}
@@ -21,10 +21,11 @@
 
       <footer class="book-footer">
         {{ template "footer" . }} <!-- Footer under page content -->
+        {{ template "comments" . }} <!-- Comments block -->
         {{ partial "docs/inject/footer" . }}
+        {{ template "copyright" . }} <!-- Copyright block -->
       </footer>
 
-      {{ template "comments" . }} <!-- Comments block -->
       <label for="menu-control" class="hidden book-menu-overlay"></label>
     </div>
 
@@ -61,6 +62,14 @@
   {{ partial "docs/footer" . }}
 {{ end }}
 
+{{ define "copyright" }}
+{{ if .Site.Copyright }}
+<div class="book-copyright flex justify-center">
+  {{ partial "docs/copyright" . }}
+</div>
+{{ end }}
+{{ end }}
+
 {{ define "comments" }}
   {{ if and .Content (default true (default .Site.Params.BookComments .Params.BookComments)) }}
   <div class="book-comments">