only slightly trimmed volt new output

app/main/views/main/about.html

@@ -0,0 +1,7 @@
+<:Title>
+  About
+
+<:Body>
+  <h1>About</h1>
+
+  <p>About page...</p>

app/main/views/main/index.html

@@ -0,0 +1,6 @@
+<:Title>
+  Home
+
+<:Body>
+  <h1>Home</h1>
+

app/main/views/main/main.html

@@ -0,0 +1,27 @@
+<:Title>
+  {{ view main_path, "title", {controller_group: 'main'} }}
+
+<:Body>
+  <div class="container">
+    <div class="header">
+      <ul class="nav nav-pills pull-right">
+        <:nav href="/">Home</:nav>
+        <:nav href="/about">About</:nav>
+      </ul>
+      <h3 class="text-muted">salama-debugger</h3>
+    </div>
+
+    <:volt:notices />
+
+    {{ view main_path, 'body', {controller_group: 'main'} }}
+
+    <div class="footer">
+      <p>&copy; Company {{ Time.now.year }}</p>
+    </div>
+
+  </div>
+
+<:Nav>
+  <li class="{{ if active_tab? }}active{{ end }}">
+    <a href="{{ attrs.href }}">{{ yield }}</a>
+  </li>