function, generate, keywords, text, want, simple, given, keyword, generation, very

	include ('includes/headcode.html');

?>
					<div class="twelve columns">
					<h1>Summarize Page Content Here.</h1>
					<p>Brief overview of page content here. </p>
					<article> 
						<header>
							<h2> Summarize Article Content Here.</h2>
							<p>Brief overview of article content here.</p>
						</header>
						<section>
							<h3> Summarize Section Content Here.</h3>
							<p>Section content here.</p>
						</section>
					</article>
					</div><!-- closes twelve column div -->
				</div><!-- closes row div -->
				<div class="row">
					<div class="twelve columns">
						<h1>This is a single column layout</h1>
						<p>I can make these by spanning twelve columns with a single container. </p>
					</div><!-- closes twelve column div -->
				</div><!-- closes row div -->
				<div class="row">
					<div class="six columns">
						<h1>This is a two-column layout</h1>
						<p>I can make these by spanning six columns with two containers. </p>
					</div><!-- closes six column div -->
					<div class="six columns">
						<h1>This is a two-column layout</h1>
						<p>I can make these by spanning six columns with two containers. </p>
					</div><!-- closes six column div -->
				</div><!-- closes row div -->
				<div class="row">
					<div class="four columns">
						<h1>This is a three-column layout</h1>
						<p>I can make these by spanning six columns with two containers. </p>
					</div><!-- closes four column div -->
				</div><!-- closes row div -->
				<div class="row">
					<div class="four columns">
						<h1>This is a three-column layout</h1>
						<p>I can make these by spanning six columns with two containers. </p>
					</div><!-- closes four column div -->
				</div><!-- closes row div -->
				<div class="row">
					<div class="four columns">
						<h1>This is a three-column layout</h1>
						<p>I can make these by spanning six columns with two containers. </p>
					</div><!-- closes four column div -->
				</div><!-- closes row div -->

</main>
			<footer>
				<nav class="container">
					<ul class="row">
						<li class="two columns"><a class="html5" href="http://validator.w3.org/check?uri=referer" target="_blank" onclick="this.href='http://validator.w3.org/check?uri=' + document.URL" title="HTML Validation Button">
						<i class="fa-brands fa-html5 fa-2x"></i></a></li>
						
						<li class="two columns"><a class="css3" href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="Validate My CSS">
	    				<i class="fa-brands fa-css3-alt fa-2x"></i></a></li>

						<li class="two columns"><a class="planning" href="https://go.gliffy.com/go/share/s78b7ip4ir7d7wm06t32" target="_blank" title="Sitemap in Gliffy">
						<i class="fa-solid fa-sitemap fa-2x"></i></a></li>

						<li class="two columns"><a class="planning" href="https://go.gliffy.com/go/share/sj74hf64w9fo7nhw3t5l" target="_blank" title="Desktop wireframe in Gliffy">
						<i class="fa-solid fa-desktop fa-2x"></i></a></li>
						<li class="two columns"><a class="planning" href="https://go.gliffy.com/go/share/ser6k5thf5cujxqht3jx" target="_blank" title="Mobile wireframe in Gliffy">
						<i class="fa-solid fa-mobile-screen-button fa-2x"></i></a></li>

						<li class="two columns"><a class="planning" href="https://jkosorok.cpccagd.com/local_html/jkosorok-portfolio-parttwocss/style-guide.php" target="_blank" title="style-guide.html">
						<i class="fa-solid fa-paintbrush fa-2x"></i></a></li>
					</ul>
					<p> &copy; Copyright Jeanette Kosorok 2022 </p>
				</nav>
			</footer>
		</body>

</html>