tbennett · December 30, 2021 22:06
diff --git a/HTML5 Template b/HTML5 Template
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Page Title</title>
    <link rel="stylesheet" href="styles/css/main.css" />
  </head>
  
  <body id="home">
    
    <header class="site-header">
    <img class="site-header-logo" src="" alt="Widgco Daily">
      <h1>
        The Widgco Daily News
      </h1>
      
      <h2 class="site-header-tagline">
        We bring the world to you!
      </h2>
 
      <nav class="main-nav">
        <ul>
          <li><a href="#" title="" class="nav-lnk home">Home</a></li>
          <li><a href="#" title="" class="nav-lnk about">About</a></li>
          <li><a href="#" title="" class="nav-lnk stuff">Stuff</a></li>
          <li><a href="#" title="" class="nav-lnk contact">Contact</a></li>
        </ul>
      </nav>
    </header>
 
 
    <main>
    
      <section class="posts">
        <article class="post">
          
          <header class="post-header">
            <h2 class="post-title">Section Title</h2>
            <p class="post-date">Jan. 12, 2015</p>
            <p class="post-author"> by John Smith</p>
          </header>
 
            <div class="post-body">
             <p>
               Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, nobis! Quibusdam earum, officiis vero. Magnam iure est sit! Fugiat voluptas nisi, iure commodi atque, optio quidem non vel accusantium sed?
             </p>
            </div>
 
          <footer class="post-footer">
            <p class="post-comments">comments: 12<p>
          </footer>
          
        </article>
      </section>
      
 
      <section class="editorial">
        <h2 class="ed-header">Section 2 Title</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque deleniti totam fuga id aperiam aut ullam expedita rerum accusantium excepturi, dolores quia molestias ut aliquid et debitis omnis, voluptatum sint.</p>
        <p>Temporibus error, pariatur officiis omnis saepe ducimus odit odio expedita mollitia. Qui cumque debitis at ab omnis repellat iusto asperiores amet sit consequatur enim, consequuntur incidunt eveniet, architecto accusamus, vel.</p>
        <p>Reprehenderit beatae officia nihil quaerat quia ullam nobis distinctio, vel laboriosam esse et eos quod ipsa labore id aperiam commodi dolorum odio at eum. Facere assumenda, accusantium ipsam deleniti illum!</p>
      </section>
  
    </main>
 
 
    <aside class="extra">
      <h3 class="extra">Aside Heading</h3>
      <p>This is tangentially related content<p>
      <p>Reprehenderit beatae officia nihil quaerat quia ullam nobis distinctio, vel laboriosam esse et eos quod ipsa labore id aperiam commodi dolorum odio at eum. Facere assumenda, accusantium ipsam deleniti illum!</p>
    </aside>
    
 
    <footer class="site-footer">
      <nav class="site-footer-nav">
        <a class="nav-lnk" href="#" title="We keep your stuff safe!">privacy policy</a>
        <a class="nav-lnk" href="#" title="We can help you.">support</a>
      </nav>
    </footer>
    
   
    <script src="js/main.js"></script>
 
  
    
    </body>
  </html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Page Title</title>
	<link rel="stylesheet" href="styles/css/main.css" />
	</head>

	<body id="home">

	<header class="site-header">
	<img class="site-header-logo" src="" alt="Widgco Daily">
	<h1>
	The Widgco Daily News
	</h1>

	<h2 class="site-header-tagline">
	We bring the world to you!
	</h2>

	<nav class="main-nav">
	<ul>
	<li><a href="#" title="" class="nav-lnk home">Home</a></li>
	<li><a href="#" title="" class="nav-lnk about">About</a></li>
	<li><a href="#" title="" class="nav-lnk stuff">Stuff</a></li>
	<li><a href="#" title="" class="nav-lnk contact">Contact</a></li>
	</ul>
	</nav>
	</header>


	<main>

	<section class="posts">
	<article class="post">

	<header class="post-header">
	<h2 class="post-title">Section Title</h2>
	<p class="post-date">Jan. 12, 2015</p>
	<p class="post-author"> by John Smith</p>
	</header>

	<div class="post-body">
	<p>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, nobis! Quibusdam earum, officiis vero. Magnam iure est sit! Fugiat voluptas nisi, iure commodi atque, optio quidem non vel accusantium sed?
	</p>
	</div>

	<footer class="post-footer">
	<p class="post-comments">comments: 12<p>
	</footer>

	</article>
	</section>


	<section class="editorial">
	<h2 class="ed-header">Section 2 Title</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque deleniti totam fuga id aperiam aut ullam expedita rerum accusantium excepturi, dolores quia molestias ut aliquid et debitis omnis, voluptatum sint.</p>
	<p>Temporibus error, pariatur officiis omnis saepe ducimus odit odio expedita mollitia. Qui cumque debitis at ab omnis repellat iusto asperiores amet sit consequatur enim, consequuntur incidunt eveniet, architecto accusamus, vel.</p>
	<p>Reprehenderit beatae officia nihil quaerat quia ullam nobis distinctio, vel laboriosam esse et eos quod ipsa labore id aperiam commodi dolorum odio at eum. Facere assumenda, accusantium ipsam deleniti illum!</p>
	</section>

	</main>


	<aside class="extra">
	<h3 class="extra">Aside Heading</h3>
	<p>This is tangentially related content<p>
	<p>Reprehenderit beatae officia nihil quaerat quia ullam nobis distinctio, vel laboriosam esse et eos quod ipsa labore id aperiam commodi dolorum odio at eum. Facere assumenda, accusantium ipsam deleniti illum!</p>
	</aside>


	<footer class="site-footer">
	<nav class="site-footer-nav">
	<a class="nav-lnk" href="#" title="We keep your stuff safe!">privacy policy</a>
	<a class="nav-lnk" href="#" title="We can help you.">support</a>
	</nav>
	</footer>


	<script src="js/main.js"></script>



	</body>
	</html>