main.html at Separated Template

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>sTemplate example</title>
          <style type="text/css">
               #box
               {
                    width: 300px;
                    margin: auto auto;
                    padding: 20px;
                    background-color: #eeeeee;
                    font: normal 10pt normal Verdana,Tahoma,Arial;
               }
               
               .title
               {
                    color: red;
                    font: normal 18pt normal Verdana,Tahoma,Arial;
                    text-align: center;
               }
               
               .content
               {
                    text-align: right;
               }
               
               .my-class1
               {
                    color: blue;
               }
               
               .my-class2
               {
                    color: green;
               }
          </style>
     </head>
     <body>
          <div id="box">
               <div class="title"></div>
               <div class="content"></div>
          </div>
     </body>
</html>