diff --git a/Resources/config/ezpage.yml b/Resources/config/ezpage.yml
index 323cbdb..c32e186 100644
--- a/Resources/config/ezpage.yml
+++ b/Resources/config/ezpage.yml
@@ -101,7 +101,7 @@ ezpage:
     layouts:
         GlobalZoneLayout:
             name: Global zone layout
-            template: globalzonelayout.tpl
+            template: "eZDemoBundle:zone:globalzonelayout.html.twig"
         2ZonesLayout1:
             name: 2 zones (layout 1)
             template: "eZDemoBundle:zone:2zoneslayout1.html.twig"
@@ -110,16 +110,13 @@ ezpage:
             template: "eZDemoBundle:zone:2zoneslayout2.html.twig"
         2ZonesLayout3:
             name: 2 zones (layout 3)
-            template: 2zoneslayout3.tpl
+            template: "eZDemoBundle:zone:2zoneslayout3.html.twig"
         3ZonesLayout1:
             name: 3 zones (layout 1)
-            template: 3zoneslayout1.tpl
+            template: "eZDemoBundle:zone:3zoneslayout1.html.twig"
         3ZonesLayout2:
             name: 3 zones (layout 2)
-            template: 3zoneslayout2.tpl
-        CallForActionLayout:
-            name: Call For Action zone layout
-            template: callforactionlayout.tpl
+            template: "eZDemoBundle:zone:3zoneslayout2.html.twig"
 
     enabledLayouts:
         - GlobalZoneLayout
@@ -128,7 +125,6 @@ ezpage:
         - 2ZonesLayout3
         - 3ZonesLayout1
         - 3ZonesLayout2
-        - CallForActionLayout
 
     # List of blocks provided by the DemoBundle
     blocks:
diff --git a/Resources/views/zone/2zoneslayout3.html.twig b/Resources/views/zone/2zoneslayout3.html.twig
new file mode 100644
index 0000000..ab236e8
--- /dev/null
+++ b/Resources/views/zone/2zoneslayout3.html.twig
@@ -0,0 +1,36 @@
+<div class="zone-layout-{{ zone_layout|lower }} row">
+    <div class="span12">
+        <section class="content-view-block">
+        {# Iterating over available blocks in 1st zone. #}
+        {# Blocks are added in the admin interface. #}
+        {% if zones[0].blocks %}
+            {% for block in zones[0].blocks %}
+                {{ render(
+                       controller(
+                           "ez_page:viewBlock",
+                           {
+                               'block': block
+                           }
+                       )
+                   ) }}
+                {% if not loop.last %}
+                    <div class="block-separator"></div>
+                {% endif %}
+            {% endfor %}
+        {% endif %}
+        </section>
+    </div>
+    <div class="span12">
+        <section class="content-view-block">
+        {# Iterating over available blocks in 2nd zone. #}
+        {% if zones[1].blocks %}
+            {% for block in zones[1].blocks %}
+                {{ render( controller( "ez_page:viewBlock", {'block': block} ) ) }}
+                {% if not loop.last %}
+                    <div class="block-separator"></div>
+                {% endif %}
+            {% endfor %}
+        {% endif %}
+        </section>
+    </div>
+</div>
diff --git a/Resources/views/zone/3zoneslayout1.html.twig b/Resources/views/zone/3zoneslayout1.html.twig
new file mode 100644
index 0000000..906da4b
--- /dev/null
+++ b/Resources/views/zone/3zoneslayout1.html.twig
@@ -0,0 +1,51 @@
+<div class="zone-layout-{{ zone_layout|lower }} row">
+    <div class="span8">
+        <section class="content-view-block">
+        {# Iterating over available blocks in 1st zone. #}
+        {# Blocks are added in the admin interface. #}
+        {% if zones[0].blocks %}
+            {% for block in zones[0].blocks %}
+                {{ render(
+                       controller(
+                           "ez_page:viewBlock",
+                           {
+                               'block': block
+                           }
+                       )
+                   ) }}
+                {% if not loop.last %}
+                    <div class="block-separator"></div>
+                {% endif %}
+            {% endfor %}
+        {% endif %}
+        </section>
+    </div>
+    <div class="span4">
+        <aside>
+            <section class="content-view-block content-view-aside">
+            {# Iterating over available blocks in 2nd zone. #}
+            {% if zones[1].blocks %}
+                {% for block in zones[1].blocks %}
+                    {{ render( controller( "ez_page:viewBlock", {'block': block} ) ) }}
+                    {% if not loop.last %}
+                        <div class="block-separator"></div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+            </section>
+        </aside>
+    </div>
+    <div class="span12">
+        <section class="content-view-block">
+        {# Iterating over available blocks in 3rd zone. #}
+        {% if zones[2].blocks %}
+            {% for block in zones[2].blocks %}
+                {{ render( controller( "ez_page:viewBlock", {'block': block} ) ) }}
+                {% if not loop.last %}
+                    <div class="block-separator"></div>
+                {% endif %}
+            {% endfor %}
+        {% endif %}
+        </section>
+    </div>
+</div>
diff --git a/Resources/views/zone/3zoneslayout2.html.twig b/Resources/views/zone/3zoneslayout2.html.twig
new file mode 100644
index 0000000..188a4f1
--- /dev/null
+++ b/Resources/views/zone/3zoneslayout2.html.twig
@@ -0,0 +1,51 @@
+<div class="zone-layout-{{ zone_layout|lower }} row">
+    <div class="span4">
+        <aside>
+            <section class="content-view-block content-view-aside">
+            {# Iterating over available blocks in 1st zone. #}
+            {# Blocks are added in the admin interface. #}
+            {% if zones[0].blocks %}
+                {% for block in zones[0].blocks %}
+                    {{ render(
+                           controller(
+                               "ez_page:viewBlock",
+                               {
+                                   'block': block
+                               }
+                           )
+                       ) }}
+                    {% if not loop.last %}
+                        <div class="block-separator"></div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+            </section>
+        </aside>
+    </div>
+    <div class="span8">
+        <section>
+            {# Iterating over available blocks in 2nd zone. #}
+            {% if zones[1].blocks %}
+                {% for block in zones[1].blocks %}
+                    {{ render( controller( "ez_page:viewBlock", {'block': block} ) ) }}
+                    {% if not loop.last %}
+                        <div class="block-separator"></div>
+                    {% endif %}
+                {% endfor %}
+            {% endif %}
+        </section>
+    </div>
+    <div class="span12">
+        <section class="content-view-block">
+        {# Iterating over available blocks in 3rd zone. #}
+        {% if zones[2].blocks %}
+            {% for block in zones[2].blocks %}
+                {{ render( controller( "ez_page:viewBlock", {'block': block} ) ) }}
+                {% if not loop.last %}
+                    <div class="block-separator"></div>
+                {% endif %}
+            {% endfor %}
+        {% endif %}
+        </section>
+    </div>
+</div>
diff --git a/Resources/views/zone/globalzonelayout.html.twig b/Resources/views/zone/globalzonelayout.html.twig
new file mode 100644
index 0000000..93254da
--- /dev/null
+++ b/Resources/views/zone/globalzonelayout.html.twig
@@ -0,0 +1,19 @@
+<section class="content-view-block content-view-aside">
+{# Iterating over available blocks in 1st zone. #}
+{# Blocks are added in the admin interface. #}
+{% if zones[0].blocks %}
+    {% for block in zones[0].blocks %}
+        {{ render(
+               controller(
+                   "ez_page:viewBlock",
+                   {
+                       'block': block
+                   }
+               )
+           ) }}
+        {% if not loop.last %}
+            <div class="block-separator"></div>
+        {% endif %}
+    {% endfor %}
+{% endif %}
+</section>