diff --git a/src/main/java/com/pluralsight/blog/BlogController.java b/src/main/java/com/pluralsight/blog/BlogController.java
index 2ebd92fb..721b8d9c 100644
--- a/src/main/java/com/pluralsight/blog/BlogController.java
+++ b/src/main/java/com/pluralsight/blog/BlogController.java
@@ -1,8 +1,33 @@
 package com.pluralsight.blog;
 
+import com.pluralsight.blog.data.PostRepository;
+import com.pluralsight.blog.model.Post;
 import org.springframework.stereotype.Controller;
+import org.springframework.ui.ModelMap;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import java.util.List;
 
 @Controller
 public class BlogController {
+    private PostRepository postRepository;
+
+    public BlogController(PostRepository postRepository) {
+        this.postRepository = postRepository;
+    }
+
+    @RequestMapping("/")
+    public String listPosts(ModelMap modelMap) {
+        List<Post> posts = postRepository.getAllPosts();
+        modelMap.put("posts", posts);
+        return "home";
+    }
 
+    @RequestMapping("/post/{id}")
+    public String postDetails(@PathVariable Long id, ModelMap modelMap) {
+        Post post = postRepository.findById(id);
+        modelMap.put("post", post);
+        return "post-details";
+    }
 }
diff --git a/src/main/java/com/pluralsight/blog/data/PostRepository.java b/src/main/java/com/pluralsight/blog/data/PostRepository.java
index 7842767d..348e9cdb 100644
--- a/src/main/java/com/pluralsight/blog/data/PostRepository.java
+++ b/src/main/java/com/pluralsight/blog/data/PostRepository.java
@@ -2,16 +2,58 @@
 
 import com.pluralsight.blog.model.Post;
 import org.springframework.stereotype.Component;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Date;
 import java.util.List;
 
 @Component
 public class PostRepository {
+    private final List<Post> ALL_POSTS = new ArrayList<>(Arrays.asList(
+            new Post(1l, "Earbuds",
+                    "You have got to try these in your ears. So tiny and can even block the sounds of screaming toddlers if you so desire.",
+                    "You have got to try these in your ears. So tiny and can even block the sounds of screaming toddlers if you so desire.",
+                    "Sarah Holderness", new Date("10/31/2019")),
+            new Post(2l, "Smart Speakers",
+                    "Smart speakers listen to you all right.  Sometimes they get a little snippy but will still order your favorite takeout.",
+                    "Smart speakers listen to you all right.  Sometimes they get a little snippy but will still order your favorite takeout.",
+                    "Sarah Holderness", new Date()),
+            new Post(3l, "Device Charger",
+                    "We all do a little too much scrolling in lieu of human interaction. This charger will keep you isolated.",
+                    "We all do a little too much scrolling in lieu of human interaction. This charger will keep you isolated.",
+                    "Sarah Holderness", new Date()),
+            new Post(4l, "Smart Home Lock",
+                    "Want to play tricks on your teenager? This smart home lock will lock them out when they act like they run the house.",
+                    "Want to play tricks on your teenager? This smart home lock will lock them out when they act like they run the house.",
+                    "Sarah Holderness", new Date("10/31/2019")),
+            new Post(5l, "Smart Instant Pot",
+                    "This Instant Pot can do your shopping for you. When it gets home it will also put your meal together.",
+                    "This Instant Pot can do your shopping for you. When it gets home it will also put your meal together.",
+                    "Sarah Holderness", new Date("10/31/2019")),
+            new Post(6l, "Mobile Tripod",
+                    "Best gift for that older adult in your life who cannot keep their face in the FaceTime window.",
+                    "Best gift for that older adult in your life who cannot keep their face in the FaceTime window.",
+                    "Sarah Holderness", new Date("10/31/2019")),
+            new Post(7l, "Travel Keyboard",
+                    "You never know when inspiration for your latest novel will strike. Meet the perfect travel keyboard for your random thoughts.",
+                    "You never know when inspiration for your latest novel will strike. Meet the perfect travel keyboard for your random thoughts.",
+                    "Sarah Holderness", new Date("10/31/2019")),
+            new Post(8l, "SD Card Reader",
+                    "When a stranger passes us a top secret SD card the adventure begins.  Jason Bourne says, \"Hi\".",
+                    "When a stranger passes us a top secret SD card the adventure begins.  Jason Bourne says, \"Hi\".",
+                    "Sarah Holderness", new Date("10/31/2019"))
+    ));
+
 
     public List<Post> getAllPosts() {
-        return null;
+        return ALL_POSTS;
     }
 
     public Post findById(Long id) {
+        for (Post post : ALL_POSTS)
+            if (post.getId() == id)
+                return post;
         return null;
     }
 }
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
index 566549bd..802c8724 100644
--- a/src/main/resources/templates/home.html
+++ b/src/main/resources/templates/home.html
@@ -1,10 +1,32 @@
 <!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" type="text/css" th:href="@{/css/style.css}"/>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 </head>
 <body>
-
+    <div th:replace="header :: header">...</div>
+    <main role="main" class="py-5 flex-fill">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-4 py-2 box-shadow" th:each="entry : ${posts}">
+                    <a class="post-url" th:href="@{'/post/' + ${entry.getId()}}">
+                        <img class="card-img-top" th:src="'https://picsum.photos/id/'+${entry.getId()}+'/500/350'" alt="Post Title Image">
+                    </a>
+                    <div class="card-body">
+                        <div class="card-title" th:text="${entry.getTitle()}"></div>
+                        <p class="card-text" th:text="${entry.getLead()}"></p>
+                        <div class="card-subtext"><a href="/#" th:text="${entry.getAuthor()}"></a></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
 </body>
+<script th:src="@{/js/modernizr-2.8.3-respond-1.4.2.min.js}"></script>
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/post-details.html b/src/main/resources/templates/post-details.html
index 1380190f..a0020d6c 100644
--- a/src/main/resources/templates/post-details.html
+++ b/src/main/resources/templates/post-details.html
@@ -24,14 +24,14 @@
         <div class="row py-3">
             <div class="col-sm-12 post-heading">
                 <h1 class="post-title" th:text="${post.getTitle()}"></h1>
-                <h3 class="post-subtitle">Author</h3>
-                <h3 class="post-subtitle">Date</h3>
+                <h3 class="post-subtitle" th:text="${post.getAuthor()}"></h3>
+                <h3 class="post-subtitle" th:text="${post.getDateStr()}"></h3>
             </div>
         </div>
 
         <div class="row py-3">
-            <div class="col-md-8 post-body">
-                Body
+            <div class="col-md-8 post-body" th:utext="${post.getBody()}">
+
             </div>
             <aside class="col-md-4 pl-5">
                 <div class="py-3 mb-3 bg-white rounded">