Skip to content

Instantly share code, notes, and snippets.

@LuisOsta
Created January 24, 2019 15:53
Show Gist options
  • Save LuisOsta/eb33324a508e5d69dc8f26d161919772 to your computer and use it in GitHub Desktop.
Save LuisOsta/eb33324a508e5d69dc8f26d161919772 to your computer and use it in GitHub Desktop.
First template page for handlebars
<!DOCTYPE html>
<html lang="en">
<head>
<title>Handlebars Project</title>
<meta name="description" content="This is a meta description tag" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css">
</head>
<body>
{{!-- --}}
<header>
{{!-- Here's where the site navigation will go --}}
<nav class="nav-container">
<ul class="nav-list">
<li class="nav-logo">Logo</li>
<li>Home</li>
<li>About</li>
<li>More</li>
</ul>
</nav>
</header>
<section>
<h1 class="title">Hello World</h1>
<h3 class="subtitle">
<p>Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.</p>
<p>Handlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache
with Handlebars and continue using your current templates. Complete details can be found</p>
</h2>
</section>
{{!-- --}}
<footer>
{{!-- Here's where the footer site will go --}}
<div class="footer-text">
<a href="/">Link</a>
<p>Enter Company Info</p>
<p>Copyright &copy; 2019. All Rights Reserved.</p>
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment