diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..0b84df0
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+*.html
\ No newline at end of file
diff --git a/content/.gitkeep b/content/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/content/blog/_index.md b/content/blog/_index.md
new file mode 100644
index 0000000..72bc989
--- /dev/null
+++ b/content/blog/_index.md
@@ -0,0 +1,6 @@
++++
+title = "List of blog posts"
+sort_by = "date"
+template = "blog.html"
+page_template = "blog-page.html"
++++
diff --git a/content/blog/first.md b/content/blog/first.md
new file mode 100644
index 0000000..ff3aea1
--- /dev/null
+++ b/content/blog/first.md
@@ -0,0 +1,6 @@
++++
+title = "My first post"
+date = 2023-08-01
++++
+
+This is my first blog post
diff --git a/content/blog/second.md b/content/blog/second.md
new file mode 100644
index 0000000..8da27c8
--- /dev/null
+++ b/content/blog/second.md
@@ -0,0 +1,6 @@
++++
+title = "My second post"
+date = 2023-08-07
++++
+
+This is my second blog post.
diff --git a/templates/.gitkeep b/templates/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..bb73f32
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ian Andwati</title>
+  </head>
+  <body>
+    <section class="section">
+      <div class="container">{% block content %}{% endblock %}</div>
+    </section>
+  </body>
+</html>
diff --git a/templates/blog-page.html b/templates/blog-page.html
new file mode 100644
index 0000000..63b8089
--- /dev/null
+++ b/templates/blog-page.html
@@ -0,0 +1,9 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<h1 class="title">
+    {{ page.title}}
+</h1>
+<p class="subtitle"><strong>{{ page.date }}</strong></p>
+{{ page.content | safe }}
+{% endblock content %}
diff --git a/templates/blog.html b/templates/blog.html
new file mode 100644
index 0000000..311033d
--- /dev/null
+++ b/templates/blog.html
@@ -0,0 +1,14 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<h1 class="title">
+    {{ section.title}}
+</h1>
+
+<ul>
+    <!-- If you are using pagination, section.pages will be empty. You need to use the paginator object -->
+    {% for page in section.pages  %}
+    <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+    {% endfor %}
+</ul>
+{% endblock content %}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..4ebb0fd
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,6 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<h1 class="title">This is my blog made with zola</h1>
+<p>Click <a href="{{ get_url(path='@/blog/_index.md')}}">here</a> to see my posts</p>
+{% endblock content %}