<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" href="layout.css" type="text/css" />
  <link rel="stylesheet" type="text/css" href="content.css" />
  <title>Left Chapter Page Layout</title>
  <meta name="page-style" content="" />
  <meta name="footnote-style" content="margin-top:1rem;" />
</head>
<body data-layout="page">
  <div data-region="header">
    <p class="chapter-header" style="text-align: left"><span data-field="chapter-title" data-format="default" style="margin-right: auto;margin-left: 0">Chapter Title</span></p>
  </div>
  <div data-region="content"></div>
  <div data-region="footer">
    <div style="text-align: right"><img alt="Logo" height="30" src="Adobe-logo.png" style="vertical-align: middle;" width="60" /><span data-field="page-number" data-format="default" style="float: left;">1</span></div>
  </div>
</body>
</html>