div.content
  h1 Templates
  p
    | Creating templates with JOM is simple and easy and it's as it should be,
    | "a template".
  p 
    | Templates have a few rules to make your life easier when you develop.
    | as an Architectural Developer (see Definitions below), you will have to
    | think a head. Because any change you make to the template it will have a
    | riple like effect on multiple pages (whereever it has been used)
  p
    | To put it simple is to think of it as if you could be able to change the
    | way that the dropdown `<select>` tag works
    
  h1 Definitions
  ul.note 
    li 
      strong Architectural Developer 
      p
        | is a person who develops Front End templates which can be reusable,
        | this person is responsible for putting a lot of thought into his/her
        | design pattern, as this re-usable modules can affect a lot of pages
        | at the same time.
    li 
      strong Web Developer 
      p
        | is a person who puts together an web app, or web page using the components
        | generated by the Architect.