diff --git a/css/blog.css b/css/blog.css
index 3f9f4f6..2a7a343 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -91,4 +91,12 @@
   border-bottom-right-radius: 1rem;
 }
 
+.blog-pagination {
+  margin-bottom: 2rem;
+}
+.blog-pagination .btn {
+  margin-left: 1rem;
+  width: 5rem;
+}
+
 /*# sourceMappingURL=blog.css.map */
diff --git a/css/blog.css.map b/css/blog.css.map
index b1d4b26..eae8269 100644
--- a/css/blog.css.map
+++ b/css/blog.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA","file":"blog.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["blog.scss"],"names":[],"mappings":"AAAA;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;EACE;EACA;;;AAIF;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;EACA","file":"blog.css"}
\ No newline at end of file
diff --git a/css/blog.min.css b/css/blog.min.css
index 27118c7..8661097 100644
--- a/css/blog.min.css
+++ b/css/blog.min.css
@@ -1 +1 @@
-.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}
\ No newline at end of file
+.blog-header{border-bottom:2px solid #e5e5e5}.blog-header .avatar,.blog-header .logo{max-height:2.75rem;max-width:2.75rem}.blog-title{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:2.25rem}.blog-title:hover{text-decoration:none}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.position-sticky{top:2rem}.social{font-size:2.75rem;color:var(--bs-body-color)}.carousel{margin-bottom:4rem}.carousel-caption{bottom:3rem;z-index:10}.carousel-item{height:25rem}.form-auth{height:100%;display:block;align-items:center;text-align:center;max-width:300px;padding:15px}.form-auth input{border-radius:0}.form-auth input#username{border-top-left-radius:1rem;border-top-right-radius:1rem}.form-auth .form-floating:focus-within{z-index:2}.form-auth.form-signin #password,.form-auth.form-signup #confirmPassword{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.blog-pagination{margin-bottom:2rem}.blog-pagination .btn{margin-left:1rem;width:5rem}
\ No newline at end of file
diff --git a/css/blog.scss b/css/blog.scss
index 81f78ec..1d2fd48 100644
--- a/css/blog.scss
+++ b/css/blog.scss
@@ -100,3 +100,11 @@
     border-bottom-right-radius: 1rem;
   }
 }
+
+.blog-pagination {
+  margin-bottom: 2rem;
+  .btn {
+    margin-left: 1rem;
+    width: 5rem;
+  }
+}
\ No newline at end of file
diff --git a/templates/homepage.html b/templates/homepage.html
index fae0613..8d701c8 100644
--- a/templates/homepage.html
+++ b/templates/homepage.html
@@ -293,6 +293,12 @@ <h2 class="card-title">axonas peregrinationes!</h2>
             </div>
           </div>
         </article>
+
+        <nav class="blog-pagination" aria-label="Pagination">
+          <a href="" class="btn btn-outline-primary rounded-pill">Older</a>
+          <a href="" class="btn btn-outline-success rounded-pill">Newer</a>
+        </nav>
+
       </div>
     </section>
     <section class="col-md-3">