<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ChatLearner: Papaya</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="/css/style.css?v=6" media="all" />

<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/js/index.js?v=6"></script>
</head>
<body>
<div id="chatBox">
	<div id="boxHeader">
		<h1>Papaya</h1>
		<p>Please chat with me in English.</p>
		<figure class="avatar"><img src="/images/papaya.jpg" /></figure>
	</div>
	<div id="boxCenter"></div>
	<div id="boxFooter">
		<textarea id="inputArea" rows="2" placeholder="Type message..."></textarea>
		<button id="sendButton" type="button">Send</button>
	</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>ChatLearner: Papaya</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="/css/style.css?v=6" media="all" />

<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/js/index.js?v=6"></script>
</head>
<body>
<div id="chatBox">
	<div id="boxHeader">
		<h1>Papaya</h1>
		<p>Please chat with me in English.</p>
		<figure class="avatar"><img src="/images/papaya.jpg" alt="Papaya" /></figure>
	</div>
	<div id="boxCenter"></div>
	<div id="boxFooter">
		<textarea id="inputArea" rows="2" placeholder="Type message..."></textarea>
		<button id="sendButton" type="button">Send</button>
	</div>
</div>
</body>
</html>
Fix the web client so that it is in a valid HTML format.
Fix the web client so that it is in a valid HTML format.
