code sample

public/index.jade

@@ -7,12 +7,21 @@
 
 
 .grid-fluid.l-space-bottom-8
-  .c7
+  .c6
     h3.text-headline  Start Quick, Build Fast
     p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components. Angular takes <a href="/docs/js/latest/quickstart.html">just minutes to learn</a>.
-  .c5
-    p(data-height="224" data-theme-id="12714" data-slug-hash="pvKKQa" data-default-tab="html" data-user="alexwolfe" class='codepen')
-    script(async src="https://assets.codepen.io/assets/embed/ei.js")
+  .c6
+    pre.prettyprint.linenums.is-showcase
+      code.
+        @Component({selector: 'my-app'})
+        @Template({inline: '&lt;h1&gt;Hi {{ name }}&lt;/h1&gt;'})
+
+        // Component controller
+        class MyAppComponent {
+          constructor() {
+            this.name = 'Alice';
+          }
+        }
 
 .grid-fluid.l-space-bottom-8
   .c7

public/resources/css/module/_code.scss

@@ -41,6 +41,10 @@
     padding: 0px;
   }
 
+  &.is-showcase {
+    border: 4px solid $regal;
+  }
+
   ol {
     background: $steel;
     padding: ($unit * 2) ($unit * 4) ($unit * 2) ($unit * 7);