diff --git a/insurance-calculator-app/src/main/resources/templates/fragments/header.html b/insurance-calculator-app/src/main/resources/templates/fragments/header.html
new file mode 100644
index 0000000..0fbf91b
--- /dev/null
+++ b/insurance-calculator-app/src/main/resources/templates/fragments/header.html
@@ -0,0 +1,11 @@
+<header xmlns:th="http://www.thymeleaf.org" th:fragment="header">
+    <nav>
+        <h1>Travel Insurance Calculator</h1>
+        <ul>
+            <li><a href="/insurance/travel/web/v2">Home</a></li>
+            <li><a href="">About</a></li>
+            <li><a href="">Contact</a></li>
+        </ul>
+    </nav>
+    <hr>
+</header>
\ No newline at end of file
diff --git a/insurance-calculator-app/src/main/resources/templates/travel-calculate-premium-v2.html b/insurance-calculator-app/src/main/resources/templates/travel-calculate-premium-v2.html
index dc131a5..0299367 100644
--- a/insurance-calculator-app/src/main/resources/templates/travel-calculate-premium-v2.html
+++ b/insurance-calculator-app/src/main/resources/templates/travel-calculate-premium-v2.html
@@ -2,11 +2,14 @@
 <html xmlns:th="http://www.thymeleaf.org">
 <head>
     <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Travel Insurance Premium Calculation</title>
 </head>
 <body>
 
-<h1>Travel Insurance Premium Calculation</h1>
+<header th:replace="fragments/header :: header"></header>
+
+<h2>Travel Insurance Premium Calculation</h2>
 
 <form action="#" th:action="@{/insurance/travel/web/v2}" th:object="${request}" method="post">
     <div>
