diff --git a/_includes/back-to-top.html b/_includes/back-to-top.html
new file mode 100644
index 0000000..08dc201
--- /dev/null
+++ b/_includes/back-to-top.html
@@ -0,0 +1 @@
+<div role="button" title="back-to-top" id="back-to-top"><img src="/images/up-arrow.svg" alt="back-to-top"></div>
diff --git a/_layouts/default.html b/_layouts/default.html
index 4ef991b..1591b89 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -32,6 +32,7 @@
     {% include header.html headerClass='header-extra' %}
     {{content}}
   </div>
+  {% include back-to-top.html %}
   {% include footer.html %}
   {% include sub-footer.html %}
   <script type="text/javascript" src="{{ '/assets/js/scripts.js' | relative_url }}"></script>
diff --git a/_sass/components/_back-to-top.scss b/_sass/components/_back-to-top.scss
new file mode 100644
index 0000000..62fb018
--- /dev/null
+++ b/_sass/components/_back-to-top.scss
@@ -0,0 +1,15 @@
+#back-to-top {
+  display: none;
+  position: sticky;
+  bottom: 30px; 
+  margin-bottom: 10px;
+  margin-right: 10px; 
+  place-self: end;
+  padding: 10px;
+  z-index: 999;
+}
+
+#back-to-top img{
+  width: 3em;
+  height: 3em;
+}
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 3160ad7..e3e3817 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -57,6 +57,7 @@ $sub-footer-text-color: $white;
 @import "components/strip";
 @import "components/feature";
 @import "components/social";
+@import "components/back-to-top";
 // @import "components/fonts"; // Uncomment this line to self host font
 
 // Pages
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index 230e8ff..f7abdaa 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -35,3 +35,16 @@ for (i = 0; i < acc.length; i++) {
   }
 }
 
+var backToTopBtn = document.querySelector("#back-to-top");
+
+window.addEventListener("scroll", showArrowBtn);
+
+function showArrowBtn() {
+  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+    backToTopBtn.style.display = "block";
+  } else {
+    backToTopBtn.style.display = "none";
+  }
+}
+
+backToTopBtn.addEventListener("click", () => window.scrollTo({ top: 0, behavior: 'smooth' }));
diff --git a/images/up-arrow.svg b/images/up-arrow.svg
new file mode 100644
index 0000000..845ebd7
--- /dev/null
+++ b/images/up-arrow.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#333" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 512 512" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M256,0C114.88,0,0,114.88,0,256s114.88,256,256,256s256-114.88,256-256S397.12,0,256,0z M256,490.667
+				c-129.387,0-234.667-105.28-234.667-234.667S126.613,21.333,256,21.333S490.667,126.613,490.667,256S385.387,490.667,256,490.667
+				z"/>
+			<path d="M263.573,99.093c-2.027-1.92-4.693-3.093-7.467-3.093H256c-2.773,0-5.44,1.173-7.467,3.093L131.2,216.427
+				c-4.267,4.053-4.373,10.88-0.213,15.04c4.16,4.16,10.88,4.373,15.04,0.213c0.107-0.107,0.213-0.213,0.213-0.213l99.093-99.093
+				v272.533c0,5.333,3.84,10.133,9.067,10.88c6.613,0.96,12.267-4.16,12.267-10.56V132.373l99.093,99.093
+				c4.267,4.053,10.987,3.947,15.04-0.213c3.947-4.16,3.947-10.667,0-14.827L263.573,99.093z"/>
+		</g>
+	</g>
+</g>
+</svg>
\ No newline at end of file