diff --git a/tpl/_bookmarklet.twig b/tpl/_bookmarklet.twig
new file mode 100644
index 000000000..0878e0796
--- /dev/null
+++ b/tpl/_bookmarklet.twig
@@ -0,0 +1,20 @@
+        <script type="text/javascript">
+          top["bookmarklet-url@inthepoche.com"] = ''
+            +'<!DOCTYPE html>'
+            +'<html>'
+              +'<head>'
+            +'<title>poche it !</title>'
+            +'<link rel="icon" href="{$poche_url}img/favicon.ico" />'
+              +'</head>'
+              +'<body>'
+            +'<script>'
+              +'window.onload=function(){'
+                +'window.setTimeout(function(){'
+                  +'history.back();'
+                +'},250);'
+              +'};'
+            +'</scr'+'ipt>'
+              +'</body>'
+            +'</html>'
+          ;
+        </script>
\ No newline at end of file
diff --git a/tpl/_footer.twig b/tpl/_footer.twig
new file mode 100644
index 000000000..59b58fa52
--- /dev/null
+++ b/tpl/_footer.twig
@@ -0,0 +1,3 @@
+        <footer class="mr2 mt3 smaller">
+            <p>powered by <a href="http://inthepoche.com">poche</a></p>
+        </footer>
\ No newline at end of file
diff --git a/tpl/_head.twig b/tpl/_head.twig
new file mode 100644
index 000000000..2d640cbf6
--- /dev/null
+++ b/tpl/_head.twig
@@ -0,0 +1,10 @@
+        <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
+        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/apple-touch-icon-144x144-precomposed.png">
+        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/apple-touch-icon-72x72-precomposed.png">
+        <link rel="apple-touch-icon-precomposed" href="./img/apple-touch-icon-precomposed.png">
+        <link rel="stylesheet" href="./css/knacss.css" media="all">
+        <link rel="stylesheet" href="./css/style.css" media="all">
+        <!-- Light Theme -->
+        <link rel="stylesheet" href="./css/style-light.css" media="all" title="light-style">
+        <!-- Dark Theme -->
+        <link rel="alternate stylesheet" href="./css/style-dark.css" media="all" title="dark-style">
\ No newline at end of file
diff --git a/tpl/_top.twig b/tpl/_top.twig
new file mode 100644
index 000000000..8e3ea7e08
--- /dev/null
+++ b/tpl/_top.twig
@@ -0,0 +1,3 @@
+        <header>
+            <h1><a href="./"><img src="./img/logo.png" alt="logo poche" /></a>poche</h1>
+        </header>
\ No newline at end of file
diff --git a/tpl/home.html b/tpl/home.twig
similarity index 100%
rename from tpl/home.html
rename to tpl/home.twig
