diff --git a/src/main/java/com/example/demo/controller/BookInsertConfirmController.java b/src/main/java/com/example/demo/controller/BookInsertConfirmController.java
new file mode 100644
index 0000000..d3e6cc1
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/BookInsertConfirmController.java
@@ -0,0 +1,14 @@
+package com.example.demo.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+@Controller
+public class BookInsertConfirmController {
+	@GetMapping("/bookInsertConfirm")
+	public String bookInsertConfirm() {
+		return "bookInsertConfirm";
+		
+	}
+
+}
diff --git a/src/main/java/com/example/demo/controller/BookInsertController.java b/src/main/java/com/example/demo/controller/BookInsertController.java
new file mode 100644
index 0000000..d066d30
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/BookInsertController.java
@@ -0,0 +1,13 @@
+package com.example.demo.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+@Controller
+public class BookInsertController {
+	@GetMapping("bookInsert")
+		public String bookInsert() {
+			return "bookInsert";
+		
+	}
+}
diff --git a/src/main/java/com/example/demo/controller/LoginController.java b/src/main/java/com/example/demo/controller/LoginController.java
new file mode 100644
index 0000000..7961482
--- /dev/null
+++ b/src/main/java/com/example/demo/controller/LoginController.java
@@ -0,0 +1,24 @@
+package com.example.demo.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+
+@Controller
+public class LoginController {
+
+    @GetMapping("/login")
+    public String showLogin() {
+        return "login";
+    }
+
+    @PostMapping("/doLogin")
+    public String doLogin() {
+        return "redirect:/topmenu";
+    }
+
+    @GetMapping("/topmenu")
+    public String showTopMenu() {
+        return "topmenu";
+    }
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/approvalReceive.html b/src/main/resources/templates/approvalReceive.html
new file mode 100644
index 0000000..590e6a0
--- /dev/null
+++ b/src/main/resources/templates/approvalReceive.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>寄贈申請 受信BOX</title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/bookInsert.html b/src/main/resources/templates/bookInsert.html
new file mode 100644
index 0000000..41ae8a2
--- /dev/null
+++ b/src/main/resources/templates/bookInsert.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>新規図書登録</title>
+</head>
+
+<body>
+	<h1>新規図書登録入力</h1>
+	<form action="/bookInsertConfirm" method="GET">
+	<input type="submit" value="確認画面へ" class="btn">
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/bookInsertConfirm.html b/src/main/resources/templates/bookInsertConfirm.html
new file mode 100644
index 0000000..95c84a3
--- /dev/null
+++ b/src/main/resources/templates/bookInsertConfirm.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>登録内容確認</title>
+</head>
+
+<body>
+	<h1>登録内容確認</h1>
+
+	<!-- 戻る -->
+	<form action="/bookInsert" method="GET">
+		<input type="submit" value="戻る" class="btn">
+	</form>
+	<!-- 完了 -->
+	<form action="/book" method="GET">
+		<input type="submit" value="完了" class="btn">
+	</form>
+	<div id="registerModal" class="modal-overlay">
+
+		<div class="modal">
+
+			<div class="modal-message">
+				新規図書の登録が完了しました！
+			</div>
+
+			<div class="modal-buttons">
+
+				<!-- 続けて追加 -->
+				<form method="get" action="/bookInsert">
+
+					<button type="submit" class="modal-btn">
+						続けて追加
+					</button>
+
+				</form>
+
+				<!-- 図書一覧へ戻る -->
+				<form method="get" action="/book">
+
+					<button type="submit" class="modal-btn modal-btn-primary">
+						図書一覧へ戻る
+					</button>
+				</form>
+
+				<!-- トップメニューへ戻る -->
+				<form method="get" action="/topmenu">
+
+					<button type="submit" class="modal-btn modal-btn-primary">
+						トップメニューへ戻る
+					</button>
+
+				</form>
+
+			</div>
+
+		</div>
+
+	</div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
new file mode 100644
index 0000000..06b4373
--- /dev/null
+++ b/src/main/resources/templates/login.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>ログイン</title>
+</head>
+<body>
+	
+	<h1>ログイン</h1>
+	<form action="doLogin"
+	      method="post"
+	      th:object="${loginInfoForm}">
+
+	    <div class="msgBox error" th:if="${messageError} != null">
+	        <span class="error" th:text="${messageError.message}"></span>
+	    </div>
+
+	    <table>
+	            <tr>
+	            <td class="btnArea" colspan="2">
+	                <input type="submit" value="ログイン"/>
+	                <button onclick="clearInput()">リセット</button>
+	            </td>
+	        </tr>
+	    </table>
+	</form>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/topmenu.html b/src/main/resources/templates/topmenu.html
new file mode 100644
index 0000000..65e2ed8
--- /dev/null
+++ b/src/main/resources/templates/topmenu.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>トップメニュー</title>
+</head>
+<body>
+	<h1>
+		メインメニュー
+	</h1>
+	
+	<!-- ===== 共通：社内図書一覧 ===== -->
+	<a class="card" href="${pageContext.request.contextPath}/BookServlet">
+
+		<h3>社内図書一覧</h3>
+
+		<p>
+			登録されている図書の<br> 一覧を表示します。
+		</p>
+	</a>
+
+	<hr> <!--区切り線-->
+
+	<!-- ===== 共通：寄贈申請 ===== -->
+	
+	<a class="card" href="${pageContext.request.contextPath}/employee">
+
+		<h3>寄贈申請</h3>
+
+		<p>
+			寄贈申請フォームの<br> 入力を行います。
+		</p>
+	</a>
+	
+	<hr>
+	
+	<!-- ===== 管理者のみ ===== -->
+	
+	<a class="card" href="/bookInsert">
+
+		<h3>新規図書登録</h3>
+
+		<p>
+			図書の登録申請を<br> 行います。
+		</p>
+	</a>
+
+	<hr>
+	
+	
+	<a class="card" href="${pageContext.request.contextPath}/lendList">
+		
+		<h3>貸出中図書一覧</h3>
+
+		<p>
+			貸出中図書の<br> 一覧を表示します。
+		</p> 
+	</a>
+	
+	<hr>
+	
+	<a class="card" href="${pageContext.request.contextPath}/bookApproval-list">
+
+		<h3>寄贈申請受信BOX</h3>
+
+		<p>
+			寄贈申請の<br> 受信一覧を確認します。
+		</p>
+	</a>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/update.html b/src/main/resources/templates/update.html
new file mode 100644
index 0000000..1883fdf
--- /dev/null
+++ b/src/main/resources/templates/update.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>図書情報更新入力</title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file