.l-main-section
  h2 Code Examples

  p To create a code example like the one below, simple copy the code

  pre.prettyprint.linenums
    code.
      pre.prettyprint.linenums
        code.
          //SOME CODE
          var name = "Alex Wolfe";
          alert(name);

.l-main-section
  h2 Alerts

  p Single line statments that are additional or critical to the content of a section or page.

  .alert.is-critical A very <strong>critical</strong> alert
  .alert.is-important A very <strong>important</strong> alert
  .alert.is-helpful A very <strong>helpful</strong> alert

  pre.prettyprint.linenums
    code.
      .alert.is-critical A very <strong>critical</strong> alert
      .alert.is-important A very <strong>important</strong> alert
      .alert.is-helpful A very <strong>helpful</strong> alert