<?xml version="1.0" encoding="UTF-8"?>
<tt xmlns="http://www.w3.org/ns/ttml"
    xmlns:tts="http://www.w3.org/ns/ttml#styling"
    xml:lang="en">
  <head>
    <styling>
      <style xml:id="defaultStyle" tts:fontFamily="Arial" tts:fontSize="100%" tts:color="white" tts:textAlign="center"/>
      <style xml:id="italicStyle" tts:fontFamily="Arial" tts:fontSize="90%" tts:color="#CCCCCC" tts:fontStyle="italic" tts:textAlign="center"/>
      <style xml:id="titleStyle" tts:fontFamily="Arial" tts:fontSize="120%" tts:color="yellow" tts:fontWeight="bold" tts:textAlign="center"/>
    </styling>
    <layout>
      <region xml:id="bottom" tts:origin="10% 80%" tts:extent="80% 15%"/>
      <region xml:id="top" tts:origin="10% 5%" tts:extent="80% 15%"/>
    </layout>
  </head>
  <body>
    <div>
      <p begin="00:00:01.000" end="00:00:04.000" style="titleStyle" region="top">THE SUBTITLE CHRONICLES</p>
      <p begin="00:00:01.000" end="00:00:04.000" style="italicStyle" region="bottom">A ConvertICO Production</p>
      <p begin="00:00:05.000" end="00:00:08.500" style="defaultStyle" region="bottom">TTML supports styled text with CSS-like properties.</p>
      <p begin="00:00:09.000" end="00:00:12.500" style="italicStyle" region="bottom">Italic, bold, colored text - all in XML markup.</p>
      <p begin="00:00:13.000" end="00:00:16.500" style="defaultStyle" region="bottom">Regions control where text appears on screen.</p>
      <p begin="00:00:17.000" end="00:00:20.500" style="defaultStyle" region="bottom">Professional broadcasters rely on this flexibility.</p>
    </div>
  </body>
</tt>
