I am trying to use the html code with angular elements on home page of a php forum script. I am adding this php code into index.template.php ( as supposed to be ). But it does not display anything.
<?php
/**
  * Will help you change font and colour on your forum without change templates or making CSS edits.
 */
function template_colour_picker()
{
global $txt;
echo'
<html>'
  <div id="colourpicker" ng-app="myApp" ng-controller="ngPicky">    
      <label>$txt['font']</label>  
          <input type="text" ng-model="fontName" placeholder="$txt['Enter font name here']">
       <label>$txt['color']</label> 
          <input type="text" ng-model="fontColour" placeholder="$txt['Enter colour name here']">
       <label>$txt['background']</label> 
          <input type="text" ng-model="bgColour" placeholder="$txt'[Enter backgroundcolour name here']">
          <hr>
          <div class="{{fontName}} {{fontColour}} {{bgColour}}">$txt['Text']</div>
</div>
'</html>';
}
?>
Parse error: syntax error, unexpected 'ng' (T_STRING), expecting ',' or ';' in .../themes/Silk_af_v155/index.template.php on line 405
 
    