Skip to content

Instantly share code, notes, and snippets.

@matthewmueller matthewmueller/index.html
Last active Jan 11, 2018

What would you like to do?
HTML Starter Template for rock-solid Web Apps
HTML Starter Template for rock-solid Web Apps
Get the latest template here:
Find and replace the underscore values with your app's specific information
1. Title (e.g. Standup Jack):
2. Description (e.g. Slack Bot for your Standups):
3. URL (e.g.
4. Twitter Handle (e.g. @mattmueller):
5. 940x550 Social Card (e.g. images/card-wide.png):
6. Favicon (e.g. favicon.ico):
7. Language (e.g. en):
8. Javascript Build (e.g. index.js):
<!doctype html>
<html class="no-js" lang="__LANG__">
<!-- Description -->
<meta name="description" content="__DESCRIPTION__">
<!-- Open Graph (Facebook and others) -->
<meta property="og:title" content="__TITLE__">
<meta property="og:url" content="__URL__">
<meta property="og:description" content="__DESCRIPTION__">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="940">
<meta property="og:image:height" content="550">
<meta property="og:image" content="__URL__/__CARD__">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="__TWITTER__">
<meta name="twitter:creator" content="__TWITTER__">
<meta name="twitter:image" content="__URL__/__CARD__">
<!-- Favicon -->
<link rel="shortcut icon" href="/__FAVICON__">
<link rel="icon" sizes="16x16 32x32" href="/__FAVICON__">
<!-- Adjust the viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- You shouldn't need to touch these -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<script src="/__JS__"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.