diff --git a/templates/table_styles.css.j2 b/templates/table_styles.css.j2
new file mode 100644
index 0000000..afad011
--- /dev/null
+++ b/templates/table_styles.css.j2
@@ -0,0 +1,106 @@
+<style>
+    h3 {
+        font-size: 12px;
+        font-weight: 900;
+        color: #214666;
+        line-height: 1.2;
+
+    }
+
+    h1 {
+        font-size: 22px;
+        font-weight: 900;
+        color: #06203a;
+        line-height: 1.2;
+        margin-bottom: 18px;
+    }
+
+    body {
+        padding: 0 50px;
+        font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+        margin-bottom: 30px;
+    }
+
+    table {
+        border-collapse: collapse;
+        font-size: 11px;
+        width: 100%;
+    }
+
+    th, td {
+        text-align: left;
+        padding: 6px;
+    }
+
+    td {
+        color: black;
+    }
+
+    th {
+        background-color: #214666;
+        color: white;
+        text-align: center;
+    }
+
+    table.dataframe th:first-child, table.dataframe td:first-child {
+        width: 27%;
+    }
+
+    td:nth-child(n+2):nth-child(-n+6) {
+        color: #66707A;
+    }
+
+    td:last-child {
+        font-weight: bolder;
+        font-size: 13px;
+        color: black !important;
+    }
+
+    table.dataframe th:last-child, table.dataframe td:last-child {
+        width: 27%;
+    }
+
+    tr:nth-child(even) {
+        background-color: #EFF2F4;
+    }
+
+    ul {
+        list-style: none;
+        font-size: 11px;
+        color: #66707A;
+        line-height: 1.5;
+    }
+
+    ul li::before {
+        content: "";
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        margin-right: 10px;
+        background-color: #428CCB;
+    }
+
+    .timestamp {
+        text-align: right;
+        color: #66707A;
+        top: 0;
+        right: 0;
+        margin: 20px;
+        font-size: 11px;
+        position: absolute;
+    }
+
+    .test-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 15px;
+        margin-bottom: -7px;
+    }
+
+    .note {
+        font-size: 11px;
+        color: #66707A;
+    }
+
+</style>
diff --git a/templates/template.j2 b/templates/template.j2
new file mode 100644
index 0000000..5003170
--- /dev/null
+++ b/templates/template.j2
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>SPT tests</title>
+        {% include 'templates/table_styles.css.j2' %}
+    </head>
+    <body>
+        <h1>Simplified Performance Tests (SPT)</h1>
+        <ul><strong>Configuration used in tests:</strong>
+            {% for key, value in tests_config_data.items() %}
+                <li>{{ key }}: <i>{{ value }}</i></li>
+            {% endfor %}
+        </ul>
+
+        {% for table in tables %}
+            <div class="test-header">
+                <h3>{{ table.title }}</h3>
+                <p class="note">Executed at: <i>{{ table.executed_at }}</i></p>
+            </div>
+            {{ table.df.to_html(index=False) }}
+        {% endfor %}
+
+        <p class="timestamp">Report generated at: {{ human_timestamp }}</p>
+    </body>
+</html>