Changed hbs to html with script and template-name for clarification

It was confusing to have two unnamed example hbs-templates without context to clarify which is which.

As it's done in other parts of the documentation. I changed the hbs it to html and added <script type="text/x-handlebars" data-template-name="XXX" to clarify it.