diff --git a/Templates/web/res/image.png b/Templates/web/res/image.png
new file mode 100644
index 0000000..e3805eb
Binary files /dev/null and b/Templates/web/res/image.png differ
diff --git a/Templates/web/src/pages/about.tcross b/Templates/web/src/pages/about.tcross
new file mode 100644
index 0000000..a04a72f
--- /dev/null
+++ b/Templates/web/src/pages/about.tcross
@@ -0,0 +1,26 @@
+func Pages.About()
+{
+    var pages = [
+            {
+                active = false,
+                route = "/",
+                text = "Home"
+            },
+            {
+                active = false,
+                route = "/counter",
+                text = "Counter"
+            },
+            {
+                active =  true,
+                route = "/about",
+                text = "About"
+            }
+        ];
+    return Components.Shell(
+        "About Me",
+        pages,
+        <null><img src="./image.png"><p>{ipsum}</p></null>
+    );
+}
+var ipsum="";
\ No newline at end of file
diff --git a/Templates/web/src/pages/counter.tcross b/Templates/web/src/pages/counter.tcross
new file mode 100644
index 0000000..d84eebb
--- /dev/null
+++ b/Templates/web/src/pages/counter.tcross
@@ -0,0 +1,25 @@
+func Pages.Counter()
+{
+    var pages = [
+            {
+                active = false,
+                route = "/",
+                text = "Home"
+            },
+            {
+                active = true,
+                route = "/counter",
+                text = "Counter"
+            },
+            {
+                active =  false,
+                route = "/about",
+                text = "About"
+            }
+        ];
+    return Components.Shell(
+        "Counter",
+        pages,
+        <null><h1>This is a counter</h1><raw(Components.Counter())></null>
+  );
+}
\ No newline at end of file
diff --git a/Templates/web/src/pages/echo.tcross b/Templates/web/src/pages/echo.tcross
new file mode 100644
index 0000000..17919c2
--- /dev/null
+++ b/Templates/web/src/pages/echo.tcross
@@ -0,0 +1,32 @@
+func Pages.Echo(text)
+{
+    var pages = [
+            {
+                active = false,
+                route = "/",
+                text = "Home"
+            },
+            {
+                active = false,
+                route = "/counter",
+                text = "Counter"
+            },
+            {
+                active =  false,
+                route = "/about",
+                text = "About"
+            }
+        ];
+    return Components.Shell(
+        "Echo",
+        pages,
+        <if(text != null)>
+            <true>
+                <p>{text}</p>
+            </true>
+            <false>
+                <p>No text available</p>
+            </false>
+        </if>
+  );
+}
\ No newline at end of file
diff --git a/Templates/web/src/pages/index.tcross b/Templates/web/src/pages/index.tcross
new file mode 100644
index 0000000..e698dee
--- /dev/null
+++ b/Templates/web/src/pages/index.tcross
@@ -0,0 +1,27 @@
+func Pages.Index()
+{
+    var pages = [
+            {
+                active = true,
+                route = "/",
+                text = "Home"
+            },
+            {
+                active = false,
+                route = "/counter",
+                text = "Counter"
+            },
+            {
+                active =  false,
+                route = "/about",
+                text = "About"
+            }
+        ];
+   return Components.Shell("Main Page",pages,<section>
+   <form action="./echo" method="GET">
+        <input type="text" name="text" placeholder="Text to echo">
+        <input type="submit" value="Echo it">
+   </form>
+   <p>1 John 4:4: You, dear children, are from God and have overcome them, because the one who is in you is greater than the one who is in the world.</p>
+   </section>);
+}
\ No newline at end of file