indexTemplate.html

<!DOCTYPE html>

<html lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
		<link href="https://fonts.googleapis.com/css2?family=Graduate&display=swap" rel="stylesheet">
<head>
		<title>$title$</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="assets/css/main.css" />
<!-- google analytics tags-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-215620181-1">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-215620181-1');
</script>

</head>
	<body>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<span class="avatar"><img src = $profileImage$ alt="" /></span>
						<h1>$subtitle$</h1>
						<ul class="icons">
							<li><a href="https://www.facebook.com/arjacentprojects" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
							<li><a href="https://www.instagram.com/arjacentprojects/" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
							<li><a href="mailto:arjacentprojects@outlook.com" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
						</ul>
					</header>
	<body>
		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Main -->
					<section id="main">

						<!-- Thumbnails -->
							<section class="thumbnails">
								<div>
									<a href= $image1test$ >
										<img src=$thumbs1test$ alt="" />
										<h3>$imagehead1$</h3>
									</a>	
									</div>
										<div>
									<a href=$image2test$>
										<img src=$thumbs2test$ alt="" />
										<h3>$imagehead2$</h3>
									</a>
									<a href = $image3test$>
										<img src=$thumbs3test$ alt="" />
										<h3>$imagehead3$</h3>
									</a>
								</div>
								<div>
									<a href = $image4test$>
										<img src = $thumbs4test$ alt="" />
										<h3>$imagehead4$</h3>
									</a>
								</div>
							</section>
							
			<body>$body$</body>	
			

<!-- Footer -->
<div><footer id="footer">
  <p>&copy; Developed by <a href="https://davan690.github.io/">Anthony Davidson</a>.
</footer></div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.poptrox.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/main.js"></script>
</html>