diff --git a/src/main/resources/templates/footer.html b/src/main/resources/templates/footer.html
new file mode 100644
index 0000000..2274cd3
--- /dev/null
+++ b/src/main/resources/templates/footer.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<head>
+<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
+<title>フッター</title>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+	
+	<footer th:fragment="footer" class="fixed-bottom border-top py-2" style="background-color:#E3F2FD;">
+		
+	  <nav data-bs-theme="light">
+		<div class="card-footer text-center">
+		  <div class="row">
+		    <div class="col border-end">
+		      <button type="button" class="btn btn-link text-black text-decoration-none">
+				<a th:href="@{/transaction/create}">入力</a>
+			  </button>
+		    </div>
+		    <div class="col border-end">
+			  <button type="button" class="btn btn-link text-black text-decoration-none">
+				<a th:href="@{/transaction/list}">一覧</a>
+			  </button>
+		    </div>
+		    <div class="col border-end">
+			  <button type="button" class="btn btn-link text-black text-decoration-none">
+		        <a th:href="@{/analysis}">分析</a>
+			  </button>
+		    </div>
+			<div class="col border-end">
+			  <button type="button" class="btn btn-link text-black text-decoration-none">
+				<a th:href="@{/goal}">目標</a>
+			  </button>
+		    </div>
+		  </div>
+		</div>
+	  </nav>
+
+	</footer>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
\ No newline at end of file