<!DOCTYPE html>
<html>
<head>
	<title>Example page</title>
	<meta charset="UTF-8">
	<meta name="description" content="Free Web tutorials">
	<meta name="keywords" content="HTML,CSS,XML,JavaScript">
	<meta name="author" content="John Doe">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="index.css">
	<script src="index.js"></script>
</head>
<body>
	<div id="component" data-loc="component.html">
		<h1>default content</h1>
		<span>All this content should be removed</span>
	</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<title>Example page</title>
	<meta charset="UTF-8">
	<meta name="description" content="Free Web tutorials">
	<meta name="keywords" content="HTML,CSS,XML,JavaScript">
	<meta name="author" content="John Doe">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="index.css">
	<script src="index.js"></script>
</head>
<body>
	<div id="component-a" data-loc="component-A.html">
		<h1>default content</h1>
		<span>All this content should be removed</span>
	</div>
	<div id="component-b" data-loc="component-B.html">
		<h1>default content</h1>
		<span>All this content should be removed</span>
	</div>
	<section>
		<article>
			<div id="component-c" data-loc="component-C.html">
				<h1>default content</h1>
				<span>All this content should be removed</span>
			</div>
		</article>
	</section>
</body>
</html>
Add more components to html template
Add more components to html template
