diff --git a/src/main/java/uk/ac/cf/spring/demo/takeaway/index/IndexController.java b/src/main/java/uk/ac/cf/spring/demo/takeaway/index/IndexController.java
new file mode 100644
index 0000000000000000000000000000000000000000..ef7f634243ded980f39d0ca0af83819eed8d96ab
--- /dev/null
+++ b/src/main/java/uk/ac/cf/spring/demo/takeaway/index/IndexController.java
@@ -0,0 +1,14 @@
+package uk.ac.cf.spring.demo.takeaway.index;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.servlet.ModelAndView;
+
+@Controller
+public class IndexController {
+ @GetMapping("/index")
+ public ModelAndView getIndex() {
+ ModelAndView modelAndView = new ModelAndView("/index/index");
+ return modelAndView;
+ }
+}
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
deleted file mode 100644
index 566549bdf8fae810809c1a81066000687cb338f6..0000000000000000000000000000000000000000
--- a/src/main/resources/static/index.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/fragments/header.html b/src/main/resources/templates/fragments/header.html
new file mode 100644
index 0000000000000000000000000000000000000000..057244a80a329b61db97d2f0c6fb36285eca5de3
--- /dev/null
+++ b/src/main/resources/templates/fragments/header.html
@@ -0,0 +1,3 @@
+<header>
+ <div> i am header</div>
+</header>
\ No newline at end of file
diff --git a/src/main/resources/templates/index/index.html b/src/main/resources/templates/index/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..d6448971d6c20f5c4d5422bcd54597f8c4a07bb6
--- /dev/null
+++ b/src/main/resources/templates/index/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Title</title>
+ <script src="../../static/lib/jquery.js"></script>
+
+ <script>
+ $(".header").load("templates/fragments/header.html", function (data, status, xhr) {});
+ </script>
+</head>
+<body>
+ <div class="header"></div>
+ <div>11111</div>
+ <div>2222</div>
+</body>
+</html>
\ No newline at end of file