<Doctype><!DOCTYPE </Doctype><Other Text>HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"</Other Text><Doctype>></Doctype><br/>
<Element><html></Element><br/>
<Normal Text>  </Normal Text><Element><head></Element><br/>
<Normal Text>    </Normal Text><Element><title></Element><Normal Text>This is a title</Normal Text><Element></title></Element><br/>
<Normal Text>    </Normal Text><Element><style></Element><br/>
<Normal Text>    </Normal Text><Comment>/* comment */</Comment><br/>
<Normal Text>    </Normal Text><Selector Id>#xyz</Selector Id><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>red</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
<Normal Text>    </Normal Text><Selector Tag>h1</Selector Tag><Normal Text> { </Normal Text><Property>font</Property><Normal Text>: </Normal Text><String>"Comic Sans"</String><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
<Normal Text>    </Normal Text><Element></style></Element><br/>
<Normal Text>  </Normal Text><Element></head></Element><br/>
<Normal Text>  </Normal Text><Element><body</Element><Attribute> class=</Attribute><Value>"ui main"</Value><Element>></Element><br/>
<Normal Text>    </Normal Text><Element><p</Element><Attribute> *ngFor=</Attribute><Value>"let name of names"</Value><Element>></Element><Normal Text>Hello, {{ name }}!</Normal Text><Element></p></Element><br/>
<Normal Text>  </Normal Text><Element></body></Element><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- JavaScript code --></Comment><br/>
<Normal Text>  </Normal Text><Element><script></Element><br/>
<Normal Text>    </Normal Text><Objects>document</Objects><Normal Text>.</Normal Text><Objects>body</Objects><Normal Text>.</Normal Text><Object Member>appendChild</Object Member><Normal Text>(</Normal Text><Objects>document</Objects><Normal Text>.</Normal Text><Object Member>createTextNode</Object Member><Normal Text>(</Normal Text><String>'Hello World!'</String><Normal Text>))</Normal Text><Symbol>;</Symbol><Normal Text> </Normal Text><Comment>// comment</Comment><br/>
<Normal Text>  </Normal Text><Element></script></Element><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- TypeScript code --></Comment><br/>
<Normal Text>  </Normal Text><Element><script</Element><Attribute> type=</Attribute><Value>"text/typescript"</Value><Element>></Element><br/>
<Normal Text>    </Normal Text><Reserved>class</Reserved><Normal Text> </Normal Text><Normal Text>Student </Normal Text><Symbol>{</Symbol><br/>
<Normal Text>        </Normal Text><Parameter>fullName</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Symbol>;</Symbol><br/>
<Normal Text>        </Normal Text><Reserved>constructor</Reserved><Normal Text>(</Normal Text><Reserved>public</Reserved><Normal Text> </Normal Text><Parameter>firstName</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Symbol>,</Symbol><Normal Text> </Normal Text><Reserved>public</Reserved><Normal Text> </Normal Text><Parameter>middleInitial</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Symbol>,</Symbol><Normal Text> </Normal Text><Reserved>public</Reserved><Normal Text> </Normal Text><Parameter>lastName</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>string</Types><Normal Text>) </Normal Text><Symbol>{</Symbol><br/>
<Normal Text>            </Normal Text><Keyword>this</Keyword><Normal Text>.</Normal Text><Object Member>fullName</Object Member><Normal Text> </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Normal Text>firstName </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><String>" "</String><Normal Text> </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><Normal Text>middleInitial </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><String>" "</String><Normal Text> </Normal Text><Symbol>+</Symbol><Normal Text> </Normal Text><Normal Text>lastName</Normal Text><Symbol>;</Symbol><br/>
<Normal Text>        </Normal Text><Symbol>}</Symbol><br/>
<Normal Text>    </Normal Text><Symbol>}</Symbol><br/>
<Normal Text>    </Normal Text><Reserved>let</Reserved><Normal Text> </Normal Text><Parameter>a</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>null</Types><Normal Text> </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Keyword>null</Keyword><Symbol>;</Symbol><br/>
<Normal Text>    </Normal Text><Reserved>let</Reserved><Normal Text> </Normal Text><Parameter>b</Parameter><Symbol>:</Symbol><Normal Text> </Normal Text><Types>number</Types><Normal Text> </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Decimal>12___3</Decimal><Symbol>;</Symbol><br/>
<Normal Text>  </Normal Text><Element></script></Element><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- JSX code --></Comment><br/>
<Normal Text>  </Normal Text><Element><script</Element><Attribute> src=</Attribute><Value>"https://unpkg.com/babel-standalone@6/babel.min.js"</Value><Element>></script></Element><br/>
<Normal Text>  </Normal Text><Element><script</Element><Attribute> type=</Attribute><Value>"text/babel"</Value><Element>></Element><br/>
<Normal Text>    </Normal Text><Objects>ReactDOM</Objects><Normal Text>.</Normal Text><Object Member>render</Object Member><Normal Text>(</Normal Text><br/>
<Normal Text>      </Normal Text><Element Tag><h1></Element Tag><Tag Content Text>Hello, world!</Tag Content Text><Element Tag></h1></Element Tag><Symbol>,</Symbol><br/>
<Normal Text>      </Normal Text><Objects>document</Objects><Normal Text>.</Normal Text><Object Member>getElementById</Object Member><Normal Text>(</Normal Text><String>'root'</String><Normal Text>)</Normal Text><br/>
<Normal Text>    )</Normal Text><Symbol>;</Symbol><br/>
<Normal Text>    </Normal Text><Keyword>function</Keyword><Normal Text> </Normal Text><Object Member>Story</Object Member><Normal Text>(</Normal Text><Normal Text>props) </Normal Text><Symbol>{</Symbol><br/>
<Normal Text>      </Normal Text><Keyword>const</Keyword><Normal Text> </Normal Text><Normal Text>SpecificStory </Normal Text><Symbol>=</Symbol><Normal Text> </Normal Text><Normal Text>components</Normal Text><Normal Text>[</Normal Text><Objects>props</Objects><Normal Text>.</Normal Text><Object Member>storyType</Object Member><Normal Text>]</Normal Text><Symbol>;</Symbol><br/>
<Normal Text>      </Normal Text><ControlFlow>return </ControlFlow><Component Tag><SpecificStory</Component Tag><Normal Text> </Normal Text><Attribute>story</Attribute><Symbol>=</Symbol><Code Brackets>{</Code Brackets><Normal Text> </Normal Text><Objects>props</Objects><Normal Text>.</Normal Text><Object Member>story</Object Member><Normal Text> </Normal Text><Code Brackets>}</Code Brackets><Normal Text> </Normal Text><Attribute>attr2</Attribute><Symbol>=</Symbol><Value>"</Value><EntityRef>&ref;</EntityRef><Value>"</Value><Normal Text> </Normal Text><Attribute>attr3</Attribute><Symbol>=</Symbol><Value>"Hello\n"</Value><Normal Text> </Normal Text><Component Tag>/></Component Tag><Symbol>;</Symbol><br/>
<Normal Text>    </Normal Text><Symbol>}</Symbol><br/>
<Normal Text>  </Normal Text><Element></script></Element><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- Mustache/Handlebars --></Comment><br/>
<Normal Text>  </Normal Text><Element><script</Element><Attribute> type=</Attribute><Value>"x-tmpl-mustache"</Value><Element>></Element><br/>
<Normal Text>    </Normal Text><Mustache Block>{{#movie}}</Mustache Block><br/>
<Normal Text>        </Normal Text><Element Tag><div></Element Tag><br/>
<Normal Text>            </Normal Text><Element Tag><h1></Element Tag><Mustache Variable>{{</Mustache Variable><Mustache Inside>title</Mustache Inside><Mustache Variable>}}</Mustache Variable><Element Tag></h1></Element Tag><br/>
<Normal Text>            </Normal Text><Element Tag><img</Element Tag><Attribute> src</Attribute><Symbol>=</Symbol><Value>"</Value><Mustache Variable>{{</Mustache Variable><Mustache Inside>poster</Mustache Inside><Mustache Variable>}}</Mustache Variable><Value>"</Value><Attribute> alt</Attribute><Symbol>=</Symbol><Value>"</Value><Mustache Variable>{{</Mustache Variable><Mustache Inside>title</Mustache Inside><Mustache Variable>}}</Mustache Variable><Value>"</Value><Element Tag>/></Element Tag><br/>
<Normal Text>        </Normal Text><Element Tag></div></Element Tag><br/>
<Normal Text>        </Normal Text><Element Tag><div></Element Tag><br/>
<Normal Text>            Rating - </Normal Text><Mustache Variable>{{</Mustache Variable><Mustache Inside>ratings</Mustache Inside><Symbol>.</Symbol><Mustache Inside>critics_rating</Mustache Inside><Mustache Variable>}}</Mustache Variable><br/>
<Normal Text>        </Normal Text><Element Tag></div></Element Tag><br/>
<Normal Text>    </Normal Text><Mustache Block>{{/movie}}</Mustache Block><br/>
<Normal Text>    </Normal Text><Mustache Block>{{^movie}}</Mustache Block><br/>
<Normal Text>        </Normal Text><Element Tag><div></Element Tag><br/>
<Normal Text>            Movie Does Not Exist :(</Normal Text><br/>
<Normal Text>        </Normal Text><Element Tag></div></Element Tag><br/>
<Normal Text>    </Normal Text><Mustache Block>{{/movie}}</Mustache Block><br/>
<Normal Text>    </Normal Text><Comment>{{! comment }}</Comment><br/>
<Normal Text>  </Normal Text><Element></script></Element><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- HTML template --></Comment><br/>
<Normal Text>  </Normal Text><Element><script</Element><Attribute> type=</Attribute><Value>"text/html"</Value><Element>></Element><br/>
<Other Text>    </Other Text><Element><li><a</Element><Attribute> href=</Attribute><Value>"link"</Value><Element>></Element><Other Text>Hello</Other Text><Element></a></li></Element><br/>
<Other Text>  </Other Text><Element></script></Element><br/>
<Normal Text></Normal Text><br/>
<Normal Text>  </Normal Text><Comment><!-- Close the block correctly after "?" in the JavaScript highlighter --></Comment><br/>
<Normal Text>  </Normal Text><Element><script></Element><br/>
<Normal Text>    </Normal Text><Symbol>?</Symbol><br/>
<Normal Text>  </Normal Text><Element></script></Element><br/>
<Normal Text></Normal Text><br/>
<Element></html></Element><br/>
