grvsooryen/standard.html

## standard.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Sample Page - Brand Name</title>
        <meta charset="utf-8">
        <meta name="description" content="Some description for the sample page would be lovely.">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <meta name="robots" content="index, follow">
        <link rel="canonical" href="http://example.com/" />

        <meta property="og:type" content="article" />
        <meta property="og:title" content="TITLE OF YOUR POST OR PAGE" />
        <meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" />
        <meta property="og:image" content="LINK TO THE IMAGE FILE" />
        <meta property="og:url" content="PERMALINK" />
        <meta property="og:site_name" content="SITE NAME" />

        <meta name="twitter:title" content="TITLE OF POST OR PAGE">
        <meta name="twitter:description" content="DESCRIPTION OF PAGE CONTENT">
        <meta name="twitter:image" content="LINK TO IMAGE">
        <meta name="twitter:site" content="@USERNAME">
        <meta name="twitter:creator" content="@USERNAME">

        <link href="style.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="print.css" media="print">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
                <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
                <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
            <![endif]-->

        <script>
            var globalVar = "Hi. I am a global variable.";
        </script>

        <script src="analytics.min.js" async></script>
    </head>

    <body>
        <noscript>Your browser does not support JavaScript!</noscript>
        <header>
            <img src="logo.png" alt="Brand Logo">
            <nav>
                <ul>
                    <li>
                        <a href="#home">Home</a>
                    </li>
                    <li>
                        <a href="#services">Services</a>
                    </li>
                    <li>
                        <a href="#about">About</a>
                    </li>
                    <li>
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </nav>
            <form role="search">
                <input type="text" placeholder="Search">
                <button type="submit">Submit</button>
            </form>
        </header>
        <div id="wrapper" class="container">
            <aside>
                <ul>
                    <li>Page Navigation</li>
                    <li>Author Info</li>
                    <li>Categories Links</li>
                </ul>
            </aside>
            <main>
                <h1 class="text-center">Sample Page</h1>
                <section>
                    <h2>This is a Section</h2>
                </section>
                <article>
                    <h2>This is an article</h2>
                </article>
            </main>
        </div>

        <!-- Main -->
        <script src="main.min.js"></script>
        <!-- Service Worker -->
        <script src="service-worker.js"></script>
    </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Sample Page - Brand Name</title>
	<meta charset="utf-8">
	<meta name="description" content="Some description for the sample page would be lovely.">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta name="robots" content="index, follow">
	<link rel="canonical" href="http://example.com/" />

	<meta property="og:type" content="article" />
	<meta property="og:title" content="TITLE OF YOUR POST OR PAGE" />
	<meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" />
	<meta property="og:image" content="LINK TO THE IMAGE FILE" />
	<meta property="og:url" content="PERMALINK" />
	<meta property="og:site_name" content="SITE NAME" />

	<meta name="twitter:title" content="TITLE OF POST OR PAGE">
	<meta name="twitter:description" content="DESCRIPTION OF PAGE CONTENT">
	<meta name="twitter:image" content="LINK TO IMAGE">
	<meta name="twitter:site" content="@USERNAME">
	<meta name="twitter:creator" content="@USERNAME">

	<link href="style.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="print.css" media="print">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	<script>
	var globalVar = "Hi. I am a global variable.";
	</script>

	<script src="analytics.min.js" async></script>
	</head>

	<body>
	<noscript>Your browser does not support JavaScript!</noscript>
	<header>
	<img src="logo.png" alt="Brand Logo">
	<nav>
	<ul>
	<li>
	<a href="#home">Home</a>
	</li>
	<li>
	<a href="#services">Services</a>
	</li>
	<li>
	<a href="#about">About</a>
	</li>
	<li>
	<a href="#contact">Contact</a>
	</li>
	</ul>
	</nav>
	<form role="search">
	<input type="text" placeholder="Search">
	<button type="submit">Submit</button>
	</form>
	</header>
	<div id="wrapper" class="container">
	<aside>
	<ul>
	<li>Page Navigation</li>
	<li>Author Info</li>
	<li>Categories Links</li>
	</ul>
	</aside>
	<main>
	<h1 class="text-center">Sample Page</h1>
	<section>
	<h2>This is a Section</h2>
	</section>
	<article>
	<h2>This is an article</h2>
	</article>
	</main>
	</div>

	<!-- Main -->
	<script src="main.min.js"></script>
	<!-- Service Worker -->
	<script src="service-worker.js"></script>
	</body>
	</html>