diff --git a/templates/index.html b/templates/index.html
index 01cfcd7..6d03436 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1 +1,8 @@
-<p>Hello, World!</p>
\ No newline at end of file
+{% extends "layout.html" %} 
+{% block head %} 
+  {{ super() }}
+  {% block title %}Home{% endblock %} 
+{% endblock %} 
+{% block content %}
+<p>Hello, World!</p>
+{% endblock %}
diff --git a/templates/layout.html b/templates/layout.html
new file mode 100644
index 0000000..aa0df22
--- /dev/null
+++ b/templates/layout.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    {% block head %}
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{% block title %}{% endblock %} - Adog a pet</title>
+    {% endblock %}
+  </head>
+  <body>
+    <div id="content">{% block content %}{% endblock %}</div>
+    <div id="footer">
+      {% block footer %} 
+      &copy; Copyright 2010 by <a href="http://domain.invalid/">you</a>. 
+      {% endblock %}
+    </div>
+  </body>
+</html>
