Skip to content

Instantly share code, notes, and snippets.

@joe-oli
Created December 13, 2020 07:44
Show Gist options
  • Save joe-oli/e6ab7923ee64cced58e629c932ad8054 to your computer and use it in GitHub Desktop.
Save joe-oli/e6ab7923ee64cced58e629c932ad8054 to your computer and use it in GitHub Desktop.
Minimal HTML 5 template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My TItle</title>
<link rel="stylesheet" href="css/style.css">
<style>
html {
background-color:yellow;
}
body {
height:100vh; /* push body down, on sparse content */
margin:0; /* remove default border around body, which makes vert.scroll bar appear */
background-color:lightsteelblue;
box-sizing: border-box; /* padding and border are included in the width and height of the element/s */
}
</style>
</head>
<body>
<header>some header</header>
<nav>some nav</nav>
<main>some content</main>
<footer>some footer</footer>
<!-- just before closing body tag -->
<script src="js/script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment