diff --git a/web/static/src/xml/templates.xml b/web/static/src/xml/templates.xml
new file mode 100644
index 00000000..d2aa18e3
--- /dev/null
+++ b/web/static/src/xml/templates.xml
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <div t-name="web_client" class="o_web_client">
+        <t t-widget="Navbar" t-props="{inHome:state.inHome,app:state.currentApp}" t-on-toggle-home-menu="toggleHome"/>
+        <t t-if="state.inHome">
+            <t t-widget="HomeMenu" t-keep-alive="1" t-props="{apps:apps, openApp: openApp}"/>
+        </t>
+        <t t-else="1">
+            <t t-widget="Action" t-props="{stack:state.stack}" t-keep-alive="1"/>
+        </t>
+        <div class="o_notification_container">
+            <t t-foreach="state.notifications" t-as="notif">
+                <t t-widget="Notification" t-props="notif"/>
+            </t>
+        </div>
+    </div>
+
+    <div t-name="action" class="o_content"/>
+    <div t-name="clock" class="o_clock">
+        <t t-esc="state.currentTime"/>
+    </div>
+
+    <div t-name="counter">
+        <button t-on-click="increment(-1)">-</button>
+        <span style="font-weight:bold">Value: <t t-esc="state.counter"/>
+        </span>
+        <button t-on-click="increment(1)">+</button>
+    </div>
+
+    <div t-name="crm" class="o_crm">
+        <span>CRM!!!!</span>
+    </div>
+
+    <div t-name="discuss" class="o_discuss">
+        <span>DISCUSS!!</span>
+        <button t-on-click="resetCounter">Reset first counter</button>
+        <button t-on-click="resetCounterAsync">Reset counter 2 in 3s</button>
+        <button t-on-click="toggle">Toggle  Clock/counters</button>
+        <button t-on-click="toggleColor">Toggle Color</button>
+        <button t-on-click="updateState({})">Rerender this widget</button>
+        <input t-ref="textinput"/>
+        <t t-if="state.validcounter">
+            <t t-widget="Counter" t-ref="counter" t-props="{initialState:4}"/>
+            <t t-widget="Counter" t-ref="counter2" t-props="{initialState:400}"/>
+        </t>
+        <t t-else="1">
+            <t t-widget="Clock"/>
+        </t>
+        <t t-widget="ColorWidget" t-props="{color: state.color}"/>
+        <button t-on-click="addNotif(false)">Add notif</button>
+        <button t-on-click="addNotif(true)">Add sticky notif</button>
+    </div>
+
+    <div t-name="home" class="o_home_menu">
+        <span>HOME MENU</span>
+    </div>
+
+    <div t-name="navbar" class="o_navbar">
+        <a aria-label="Applications" class="o_title fa fa-th" href="#" title="Applications" accesskey="h" t-on-click="toggleHome"/>
+        <ul t-if="!props.inMenu">
+            <li t-foreach="env.menus" t-as="menu">
+                <a t-att-href="getUrl(menu)">
+                    <t t-esc="menu.title"/>
+                </a>
+            </li>
+            <li t-if="env.isMobile">MOBILEMODE</li>
+        </ul>
+    </div>
+
+    <div t-name="notification" class="o_notification">
+        <a t-if="props.sticky" class="fa fa-times o_close" href="#" title="Close" aria-label="Close" t-on-click="close"/>
+        <div class="o_notification_title">
+            <t t-raw="props.title"/>
+        </div>
+        <div class="o_notification_content" t-if="props.message.length">
+            <t t-raw="props.message"/>
+        </div>
+
+    </div>
+
+    <div t-name="colorwidget">
+        <span>Current Color: </span>
+        <t t-esc="props.color"/>
+    </div>
+</templates>