section {
  para {
    "A panel is a way of boxing up groups of related contents to separate it from the rest of the document. Panels usually have a header, content body, and footer. Normal content blocks don't need to be in panels if all they are are texts or images. Panels have styling options. "
  }

  para {
    'This outlines the basic structure of a panel'
  }

  highlight_code_block {
    %Q{
      <div class=\"panel\">
        <div class=\"panel-heading\">
          <h2>Heading</h2>
        </div>

        <div class=\"panel-body\">
          {Content}
        </div>

        <div class=\"panel-footer\"></div>
      </div>
    }
  }


  code_demo {
    %Q{
      pane(){
      }
    }
  }
}