diff --git a/src/main/resources/templates/css/index.css b/src/main/resources/static/css/index.css
similarity index 100%
rename from src/main/resources/templates/css/index.css
rename to src/main/resources/static/css/index.css
diff --git a/src/main/resources/templates/css/reset.css b/src/main/resources/static/css/reset.css
similarity index 100%
rename from src/main/resources/templates/css/reset.css
rename to src/main/resources/static/css/reset.css
diff --git a/src/main/resources/templates/page/logo.jpg b/src/main/resources/static/images/logo.jpg
similarity index 100%
rename from src/main/resources/templates/page/logo.jpg
rename to src/main/resources/static/images/logo.jpg
diff --git a/src/main/resources/templates/page/index.html b/src/main/resources/templates/page/index.html
index 96ae1699e51c2bc50029a540e524340e931a27c5..b3f8316c730a467fcf87e9bd02ba1ac0f29ee514 100644
--- a/src/main/resources/templates/page/index.html
+++ b/src/main/resources/templates/page/index.html
@@ -1,27 +1,25 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
- <link rel="stylesheet" href="../css/index.css">
- <link rel="stylesheet" href="../css/reset.css">
+ <link rel="stylesheet" href="../../css/index.css">
+ <link rel="stylesheet" href="../../css/reset.css">
<script src="../static/lib/jquery.js"></script>
-
</head>
<body>
- <header class="safe">
- <div>
- <img src="logo.jpg" alt="Logo">
- </div>
- <div class="l">
- <ul>
- <li><a href="index.html"></a>Index</li>
- <li><a href="groupList.html"></a>GroupList</li>
- <li><a href="itemForm.html"></a>ShelfItem</li>
- <li><a href="personalInformation.html"></a>PersonalInformation</li>
- </ul>
-
- </div>
- </header>
+<header class="safe">
+ <div>
+ <img th:src="@{/images/logo.jpg}" alt="Logo" width="50" height="50">
+ </div>
+ <div class="l">
+ <ul>
+ <li><a th:href="@{/index.html}">Index</a></li>
+ <li><a th:href="@{/groupList.html}">GroupList</a></li>
+ <li><a th:href="@{/itemForm.html}">ShelfItem</a></li>
+ <li><a th:href="@{/personalInformation.html}">PersonalInformation</a></li>
+ </ul>
+ </div>
+</header>
</body>
</html>
\ No newline at end of file