extends ../reference.jade

block documentation
  h1 Extends - Template Inheritance

  p.
    The #[code extends] keyword allows a template to extend a layout or parent template.
    It can then override certain pre-defined blocks of content.

  .row
    .col-lg-6
      +jade
        :jadesrc
          //- layout.jade
          doctype html
          html
            head
              block title
                title Default title
            body
              block content
      +jade
        :jadesrc
          //- index.jade
          extends ./layout.jade

          block title
            title Article Title

          block content
            h1 My Article

    .col-lg-6
      +html
        :htmlsrc
          <!doctype html>
          <html>
            <head>
              <title>Article Title</title>
            </head>
            <body>
              <h1>My Article</h1>
            </body>
          </html>

  .panel.panel-info
    .panel-heading Note
    .panel-body.
      You can have multiple levels of inheritance, allowing you to create
      powerful higherachies of templates.
