diff --git a/.idea/biome.xml b/.idea/biome.xml
index 8fa01ec..bf802af 100644
--- a/.idea/biome.xml
+++ b/.idea/biome.xml
@@ -1,9 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="BiomeSettings">
-    <option name="applySafeFixesOnSave" value="true" />
     <option name="enableLspFormat" value="true" />
-    <option name="formatOnSave" value="true" />
-    <option name="sortImportOnSave" value="true" />
   </component>
 </project>
\ No newline at end of file
diff --git a/src/main/java/codes/yam/contacts/Contact.java b/src/main/java/codes/yam/contacts/Contact.java
index 6b46004..157c031 100644
--- a/src/main/java/codes/yam/contacts/Contact.java
+++ b/src/main/java/codes/yam/contacts/Contact.java
@@ -18,16 +18,11 @@ public class Contact {
 
   private String slug;
 
-  @NotBlank
-  private String first;
+  @NotBlank private String first;
 
-  @NotBlank
-  private String last;
+  @NotBlank private String last;
 
-  @NotBlank
-  @Email
-  private String email;
+  @NotBlank @Email private String email;
 
-  @NotBlank
-  private String phone;
+  @NotBlank private String phone;
 }
diff --git a/src/main/java/codes/yam/contacts/ContactController.java b/src/main/java/codes/yam/contacts/ContactController.java
index d1a94e9..5415d7b 100644
--- a/src/main/java/codes/yam/contacts/ContactController.java
+++ b/src/main/java/codes/yam/contacts/ContactController.java
@@ -72,8 +72,12 @@ public ResponseEntity<Void> deleteContact(@PathVariable String slug) {
   }
 
   @DeleteMapping
-  public ResponseEntity<Void> deleteManyContacts(@RequestParam List<String> slugs) {
-    contactService.deleteMany(slugs);
+  public ResponseEntity<Void> deleteManyContacts(
+      @RequestParam(name = "selected_contact_slugs", required = false)
+          List<String> selectedContactSlugs) {
+    if (selectedContactSlugs != null && !selectedContactSlugs.isEmpty()) {
+      contactService.deleteMany(selectedContactSlugs);
+    }
     return ResponseEntity.status(HttpStatus.SEE_OTHER).location(URI.create("/contacts")).build();
   }
 
diff --git a/src/main/java/codes/yam/contacts/ContactRepository.java b/src/main/java/codes/yam/contacts/ContactRepository.java
index 89809da..a97cc73 100644
--- a/src/main/java/codes/yam/contacts/ContactRepository.java
+++ b/src/main/java/codes/yam/contacts/ContactRepository.java
@@ -15,9 +15,10 @@ public interface ContactRepository extends JpaRepository<Contact, UUID> {
 
   List<Contact> findAllBySlugIn(Collection<String> slugs);
 
-  @Query("SELECT c FROM Contact c WHERE " +
-         "LOWER(c.first) LIKE LOWER(CONCAT('%', :q, '%')) OR " +
-         "LOWER(c.last)  LIKE LOWER(CONCAT('%', :q, '%')) OR " +
-         "LOWER(c.email) LIKE LOWER(CONCAT('%', :q, '%'))")
+  @Query(
+      "SELECT c FROM Contact c WHERE "
+          + "LOWER(c.first) LIKE LOWER(CONCAT('%', :q, '%')) OR "
+          + "LOWER(c.last)  LIKE LOWER(CONCAT('%', :q, '%')) OR "
+          + "LOWER(c.email) LIKE LOWER(CONCAT('%', :q, '%'))")
   List<Contact> search(@Param("q") String q);
 }
diff --git a/src/main/java/codes/yam/contacts/WebConfig.java b/src/main/java/codes/yam/contacts/WebConfig.java
index 05fa7e6..0716be2 100644
--- a/src/main/java/codes/yam/contacts/WebConfig.java
+++ b/src/main/java/codes/yam/contacts/WebConfig.java
@@ -18,10 +18,10 @@ public void addViewControllers(ViewControllerRegistry registry) {
 
   @Bean
   public FilterRegistrationBean<UrlHandlerFilter> trailingSlashFilter() {
-    UrlHandlerFilter filter = UrlHandlerFilter
-        .trailingSlashHandler("/**")
-        .redirect(HttpStatus.PERMANENT_REDIRECT)
-        .build();
+    UrlHandlerFilter filter =
+        UrlHandlerFilter.trailingSlashHandler("/**")
+            .redirect(HttpStatus.PERMANENT_REDIRECT)
+            .build();
     return new FilterRegistrationBean<>(filter);
   }
 }
diff --git a/src/main/resources/data.sql b/src/main/resources/data.sql
index c4792ce..9ba7332 100644
--- a/src/main/resources/data.sql
+++ b/src/main/resources/data.sql
@@ -1,3 +1,21 @@
-INSERT INTO contact (id, slug, first, last, email, phone) VALUES
-('550e8400-e29b-41d4-a716-446655440000', 'john-doe', 'John', 'Doe', 'john@example.com', '555-1234'),
-('550e8400-e29b-41d4-a716-446655440001', 'jane-doe', 'Jane', 'Doe', 'jane@example.com', '555-5678');
+INSERT INTO contact (id, slug, first, last, email, phone)
+VALUES ('550e8400-e29b-41d4-a716-446655440000', 'john-doe', 'John', 'Doe', 'john@example.com', '555-1234'),
+       ('550e8400-e29b-41d4-a716-446655440001', 'jane-doe', 'Jane', 'Doe', 'jane@example.com', '555-5678'),
+       ('550e8400-e29b-41d4-a716-446655440002', 'alice-smith', 'Alice', 'Smith', 'alice@example.com', '555-2001'),
+       ('550e8400-e29b-41d4-a716-446655440003', 'bob-johnson', 'Bob', 'Johnson', 'bob@example.com', '555-2002'),
+       ('550e8400-e29b-41d4-a716-446655440004', 'carol-williams', 'Carol', 'Williams', 'carol@example.com', '555-2003'),
+       ('550e8400-e29b-41d4-a716-446655440005', 'dave-brown', 'Dave', 'Brown', 'dave@example.com', '555-2004'),
+       ('550e8400-e29b-41d4-a716-446655440006', 'eve-jones', 'Eve', 'Jones', 'eve@example.com', '555-2005'),
+       ('550e8400-e29b-41d4-a716-446655440007', 'frank-garcia', 'Frank', 'Garcia', 'frank@example.com', '555-2006'),
+       ('550e8400-e29b-41d4-a716-446655440008', 'grace-martinez', 'Grace', 'Martinez', 'grace@example.com', '555-2007'),
+       ('550e8400-e29b-41d4-a716-446655440009', 'henry-davis', 'Henry', 'Davis', 'henry@example.com', '555-2008'),
+       ('550e8400-e29b-41d4-a716-44665544000a', 'iris-miller', 'Iris', 'Miller', 'iris@example.com', '555-2009'),
+       ('550e8400-e29b-41d4-a716-44665544000b', 'jack-wilson', 'Jack', 'Wilson', 'jack@example.com', '555-2010'),
+       ('550e8400-e29b-41d4-a716-44665544000c', 'karen-moore', 'Karen', 'Moore', 'karen@example.com', '555-2011'),
+       ('550e8400-e29b-41d4-a716-44665544000d', 'leo-taylor', 'Leo', 'Taylor', 'leo@example.com', '555-2012'),
+       ('550e8400-e29b-41d4-a716-44665544000e', 'mia-anderson', 'Mia', 'Anderson', 'mia@example.com', '555-2013'),
+       ('550e8400-e29b-41d4-a716-44665544000f', 'nick-thomas', 'Nick', 'Thomas', 'nick@example.com', '555-2014'),
+       ('550e8400-e29b-41d4-a716-446655440010', 'olivia-jackson', 'Olivia', 'Jackson', 'olivia@example.com', '555-2015'),
+       ('550e8400-e29b-41d4-a716-446655440011', 'paul-white', 'Paul', 'White', 'paul@example.com', '555-2016'),
+       ('550e8400-e29b-41d4-a716-446655440012', 'quinn-harris', 'Quinn', 'Harris', 'quinn@example.com', '555-2017'),
+       ('550e8400-e29b-41d4-a716-446655440013', 'rachel-clark', 'Rachel', 'Clark', 'rachel@example.com', '555-2018');
diff --git a/src/main/resources/templates/contacts/edit.html b/src/main/resources/templates/contacts/edit.html
index 43e555e..6db3851 100644
--- a/src/main/resources/templates/contacts/edit.html
+++ b/src/main/resources/templates/contacts/edit.html
@@ -3,26 +3,26 @@
       xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
       xmlns:th="http://www.thymeleaf.org">
 <head>
-    <title>Edit Contact</title>
+  <title>Edit Contact</title>
 </head>
 <body>
 <!--/*@thymesVar id="contact" type="codes.yam.contacts.Contact"*/-->
 <div layout:fragment="content">
-    <h2>Edit Contact</h2>
-    <form method="post" th:action="@{/contacts/{slug}/edit(slug=${contact.slug})}">
-        <th:block th:replace="~{fragments/contact-fields::contact-fields}"></th:block>
-        <button type="submit">Save</button>
-    </form>
-    <button
-            hx-confirm="Are you sure you want to delete this contact?"
-            th:attr="hx-delete=@{/contacts/{slug}(slug=${contact.slug})}"
-            hx-push-url="true"
-            hx-target="body">
-        Delete Contact
-    </button>
-    <p>
-        <a href="/contacts">Back</a>
-    </p>
+  <h2>Edit Contact</h2>
+  <form method="post" th:action="@{/contacts/{slug}/edit(slug=${contact.slug})}">
+    <th:block th:replace="~{fragments/contact-fields::contact-fields}"></th:block>
+    <button type="submit">Save</button>
+  </form>
+  <button
+    hx-confirm="Are you sure you want to delete this contact?"
+    hx-push-url="true"
+    hx-target="body"
+    th:attr="hx-delete=@{/contacts/{slug}(slug=${contact.slug})}">
+    Delete Contact
+  </button>
+  <p>
+    <a href="/contacts">Back</a>
+  </p>
 </div>
 </body>
 </html>
diff --git a/src/main/resources/templates/contacts/list.html b/src/main/resources/templates/contacts/list.html
index 099c4ff..9678d03 100644
--- a/src/main/resources/templates/contacts/list.html
+++ b/src/main/resources/templates/contacts/list.html
@@ -1,51 +1,52 @@
 <!DOCTYPE html>
-<html layout:decorate="~{layout}" lang="en"
-      xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+<html lang="en" layout:decorate="~{layout}"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      xmlns:th="http://www.thymeleaf.org">
 <body>
 <!--/*@thymesVar id="search" type="java.lang.String"*/-->
 <!--/*@thymesVar id="contacts" type="java.util.List<codes.yam.contacts.Contact>"*/-->
 <div layout:fragment="content">
-    <form action="/contacts" method="get">
-        <label for="search">Search contacts:</label>
-        <input
-                id="search" name="q"
-                placeholder="Search contacts..."
-                th:value="${search}"
-                type="search"
-        />
-        <button type="submit">Search</button>
-    </form>
+  <form action="/contacts" method="get">
+    <label for="search">Search contacts:</label>
+    <input
+      id="search" name="q"
+      placeholder="Search contacts..."
+      th:value="${search}"
+      type="search"
+    />
+    <button type="submit">Search</button>
+  </form>
 
-    <p th:if="${search}">Results for "<span th:text="${search}"></span>":</p>
+  <p th:if="${search}">Results for "<span th:text="${search}"></span>":</p>
 
-    <p th:if="${contacts.isEmpty()}">No contacts found.</p>
-    <table th:unless="${contacts.isEmpty()}">
-        <thead>
-        <tr>
-            <th>First</th>
-            <th>Last</th>
-            <th>Phone</th>
-            <th>Email</th>
-            <th></th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr th:each="contact : ${contacts}">
-            <td th:text="${contact.first}"></td>
-            <td th:text="${contact.last}"></td>
-            <td th:text="${contact.phone}"></td>
-            <td th:text="${contact.email}"></td>
-            <td>
-                <a th:href="@{/contacts/{slug}/edit(slug=${contact.slug})}">Edit</a>
-                <a th:href="@{/contacts/{slug}(slug=${contact.slug})}">View</a>
-            </td>
-        </tr>
-        </tbody>
+  <p th:if="${contacts.isEmpty()}">No contacts found.</p>
+  <form th:unless="${contacts.isEmpty()}">
+    <table>
+      <thead>
+      <tr>
+        <th></th>
+        <th>First</th>
+        <th>Last</th>
+        <th>Phone</th>
+        <th>Email</th>
+        <th></th>
+      </tr>
+      </thead>
+      <tbody th:insert="~{fragments/contact-list-rows :: rows}"></tbody>
     </table>
-    <p>
-        <a href="/contacts/new">Add New Contact</a>
-    </p>
+    <button
+      hx-confirm="Are you sure you want to delete the selected contacts?"
+      hx-delete="/contacts"
+      hx-target="body"
+      type="button"
+    >
+      Delete Selected
+    </button>
+  </form>
+  <p>
+    <a href="/contacts/new">Add New Contact</a>
+    <span th:text="'(' + ${contacts.size()} + ' total contacts)'"></span>
+  </p>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/contacts/new.html b/src/main/resources/templates/contacts/new.html
index 5a14452..ec8c6d6 100644
--- a/src/main/resources/templates/contacts/new.html
+++ b/src/main/resources/templates/contacts/new.html
@@ -1,20 +1,20 @@
 <!DOCTYPE html>
 <html lang="en" layout:decorate="~{layout}"
-      xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      xmlns:th="http://www.thymeleaf.org">
 <head>
-    <title>New Contact</title>
+  <title>New Contact</title>
 </head>
 <body>
 <div layout:fragment="content">
-    <h2>New Contact</h2>
-    <form action="/contacts" method="post">
-        <th:block th:replace="~{fragments/contact-fields::contact-fields}"></th:block>
-        <button type="submit">Save</button>
-    </form>
-    <p>
-        <a href="/contacts">Back</a>
-    </p>
+  <h2>New Contact</h2>
+  <form action="/contacts" method="post">
+    <th:block th:replace="~{fragments/contact-fields::contact-fields}"></th:block>
+    <button type="submit">Save</button>
+  </form>
+  <p>
+    <a href="/contacts">Back</a>
+  </p>
 </div>
 </body>
 </html>
diff --git a/src/main/resources/templates/contacts/view.html b/src/main/resources/templates/contacts/view.html
index cc7ff2e..dfc22d5 100644
--- a/src/main/resources/templates/contacts/view.html
+++ b/src/main/resources/templates/contacts/view.html
@@ -1,22 +1,22 @@
 <!DOCTYPE html>
-<html layout:decorate="~{layout}" lang="en"
-      xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+<html lang="en" layout:decorate="~{layout}"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      xmlns:th="http://www.thymeleaf.org">
 <head>
-    <title>View Contact</title>
+  <title>View Contact</title>
 </head>
 <body>
 <!--/*@thymesVar id="contact" type="codes.yam.contacts.Contact"*/-->
 <div layout:fragment="content">
-    <h1 th:text="${contact.first} + ' ' + ${contact.last}"></h1>
-    <div>
-        <p>Phone: <span th:text="${contact.phone}"></span></p>
-        <p>Email: <span th:text="${contact.email}"></span></p>
-    </div>
-    <p>
-        <a th:href="@{/contacts}">Back</a>
-        <a th:href="@{/contacts/{slug}/edit(slug=${contact.slug})}">Edit</a>
-    </p>
+  <h1 th:text="${contact.first} + ' ' + ${contact.last}"></h1>
+  <div>
+    <p>Phone: <span th:text="${contact.phone}"></span></p>
+    <p>Email: <span th:text="${contact.email}"></span></p>
+  </div>
+  <p>
+    <a th:href="@{/contacts}">Back</a>
+    <a th:href="@{/contacts/{slug}/edit(slug=${contact.slug})}">Edit</a>
+  </p>
 </div>
 </body>
 </html>
diff --git a/src/main/resources/templates/error.html b/src/main/resources/templates/error.html
index 8ffeacd..4e23ca8 100644
--- a/src/main/resources/templates/error.html
+++ b/src/main/resources/templates/error.html
@@ -1,15 +1,14 @@
 <!DOCTYPE html>
-<html layout:decorate="~{layout}" lang="en"
-      xmlns:th="http://www.thymeleaf.org"
+<html lang="en" layout:decorate="~{layout}"
       xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
 <head>
-    <title>Error</title>
+  <title>Error</title>
 </head>
 <body>
 <div layout:fragment="content">
-    <h2>Something went wrong</h2>
-    <p>An unexpected error occurred. Please try again later.</p>
-    <a href="/contacts">Back to contacts</a>
+  <h2>Something went wrong</h2>
+  <p>An unexpected error occurred. Please try again later.</p>
+  <a href="/contacts">Back to contacts</a>
 </div>
 </body>
 </html>
diff --git a/src/main/resources/templates/error/404.html b/src/main/resources/templates/error/404.html
index 82fe027..c3b883e 100644
--- a/src/main/resources/templates/error/404.html
+++ b/src/main/resources/templates/error/404.html
@@ -2,13 +2,13 @@
 <html lang="en" layout:decorate="~{layout}"
       xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
 <head>
-    <title>Not Found</title>
+  <title>Not Found</title>
 </head>
 <body>
 <div layout:fragment="content">
-    <h2>Page Not Found</h2>
-    <p>The page you were looking for doesn't exist.</p>
-    <a href="/contacts">Back to contacts</a>
+  <h2>Page Not Found</h2>
+  <p>The page you were looking for doesn't exist.</p>
+  <a href="/contacts">Back to contacts</a>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/fragments/contact-fields.html b/src/main/resources/templates/fragments/contact-fields.html
index 7fee8be..5c5ae62 100644
--- a/src/main/resources/templates/fragments/contact-fields.html
+++ b/src/main/resources/templates/fragments/contact-fields.html
@@ -4,40 +4,40 @@
 <body>
 <!--/*@thymesVar id="contact" type="codes.yam.contacts.Contact"*/-->
 <fieldset th:fragment="contact-fields" th:object="${contact}">
-    <legend>Contact Values</legend>
+  <legend>Contact Values</legend>
+  <div>
+    <label for="email">Email</label>
+    <input hx-target="next div" hx-trigger="change, keyup delay:200ms changed" placeholder="Email"
+           th:attr="${contact.slug != null} ? 'hx-get='+@{/contacts/{slug}/email(slug=${contact.slug})}"
+           th:field="*{email}"
+           type="email"/>
     <div>
-        <label for="email">Email</label>
-        <input hx-target="next div" hx-trigger="change, keyup delay:200ms changed" placeholder="Email"
-               th:attr="hx-get=@{/contacts/{slug}/email(slug=${contact.slug})}"
-               th:field="*{email}"
-               type="email"/>
-        <div>
-            <span class="error" th:errors="*{email}"></span>
-        </div>
+      <span class="error" th:errors="*{email}"></span>
     </div>
+  </div>
+  <div>
+    <label for="first">First Name</label>
+    <input placeholder="First Name"
+           th:field="*{first}"
+           type="text"/>
     <div>
-        <label for="first">First Name</label>
-        <input placeholder="First Name"
-               th:field="*{first}"
-               type="text"/>
-        <div>
-            <span class="error" th:errors="*{first}"></span>
-        </div>
+      <span class="error" th:errors="*{first}"></span>
     </div>
+  </div>
+  <div>
+    <label for="last">Last Name</label>
+    <input placeholder="Last Name" th:field="*{last}" type="text"/>
     <div>
-        <label for="last">Last Name</label>
-        <input placeholder="Last Name" th:field="*{last}" type="text"/>
-        <div>
-            <span class="error" th:errors="*{last}"></span>
-        </div>
+      <span class="error" th:errors="*{last}"></span>
     </div>
+  </div>
+  <div>
+    <label for="phone">Phone</label>
+    <input placeholder="Phone" th:field="*{phone}" type="tel"/>
     <div>
-        <label for="phone">Phone</label>
-        <input placeholder="Phone" th:field="*{phone}" type="tel"/>
-        <div>
-            <span class="error" th:errors="*{phone}"></span>
-        </div>
+      <span class="error" th:errors="*{phone}"></span>
     </div>
+  </div>
 </fieldset>
 </body>
 </html>
diff --git a/src/main/resources/templates/fragments/contact-list-rows.html b/src/main/resources/templates/fragments/contact-list-rows.html
new file mode 100644
index 0000000..bd7b8e9
--- /dev/null
+++ b/src/main/resources/templates/fragments/contact-list-rows.html
@@ -0,0 +1,34 @@
+<!--suppress HtmlFormInputWithoutLabel, XmlInvalidId -->
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<body>
+<th:block th:fragment="rows">
+  <!--/*@thymesVar id="contacts" type="java.util.List<codes.yam.contacts.Contact>"*/-->
+  <tr th:each="contact : ${contacts}" th:object="${contact}">
+    <td>
+      <input
+        name="selected_contact_slugs"
+        th:value="*{slug}"
+        th:attr="aria-label=*{first} + ' ' + *{last}"
+        type="checkbox"
+      />
+    </td>
+    <td th:text="*{first}"></td>
+    <td th:text="*{last}"></td>
+    <td th:text="*{phone}"></td>
+    <td th:text="*{email}"></td>
+    <td>
+      <a th:href="@{/contacts/{slug}/edit(slug=*{slug})}">Edit</a>
+      <a th:href="@{/contacts/{slug}(slug=*{slug})}">View</a>
+      <a
+        href="#"
+        hx-confirm="Are you sure you want to delete this contact?"
+        hx-swap="delete swap:1s"
+        hx-target="closest tr"
+        th:attr="hx-delete=@{/contacts/{slug}(slug=*{slug})}"
+      >Delete</a>
+    </td>
+  </tr>
+</th:block>
+</body>
+</html>
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html
index c1b4ed7..1b4e4ad 100644
--- a/src/main/resources/templates/layout.html
+++ b/src/main/resources/templates/layout.html
@@ -1,26 +1,25 @@
 <!DOCTYPE html>
 <html lang="en"
-      xmlns:th="http://www.thymeleaf.org"
-      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      xmlns:th="http://www.thymeleaf.org">
 <head>
-    <meta charset="UTF-8"/>
-    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <!--/*@thymesVar id="title" type="java.lang.String"*/-->
-    <title th:text="${title} ?: 'Contacts'">Contacts</title>
-    <link href="/static/styles.css" rel="stylesheet"/>
-    <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
+  <meta charset="UTF-8"/>
+  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+  <!--/*@thymesVar id="title" type="java.lang.String"*/-->
+  <title th:text="${title} ?: 'Contacts'">Contacts</title>
+  <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
 </head>
 <body>
 <main>
-    <header>
-        <h1>
-            <a href="/">
-                <span class="all-caps">contact.app</span>
-            </a>
-            <span class="sub-title">A Demo Contacts Application</span>
-        </h1>
-    </header>
-    <div layout:fragment="content"></div>
+  <header>
+    <h1>
+      <a href="/">
+        <span class="all-caps">contact.app</span>
+      </a>
+      <span class="sub-title">A Demo Contacts Application</span>
+    </h1>
+  </header>
+  <div layout:fragment="content"></div>
 </main>
 </body>
 </html>
diff --git a/src/test/java/codes/yam/contacts/ContactsApplicationTests.java b/src/test/java/codes/yam/contacts/ContactsApplicationTests.java
index fdbbe2f..d1bf14c 100644
--- a/src/test/java/codes/yam/contacts/ContactsApplicationTests.java
+++ b/src/test/java/codes/yam/contacts/ContactsApplicationTests.java
@@ -6,8 +6,6 @@
 @SpringBootTest
 class ContactsApplicationTests {
 
-	@Test
-	void contextLoads() {
-	}
-
+  @Test
+  void contextLoads() {}
 }