Skip to content

Instantly share code, notes, and snippets.

@tomhodgins

tomhodgins/html5-demo.html

Last active December 14, 2015 05:09
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomhodgins/5033705 to your computer and use it in GitHub Desktop.
Save tomhodgins/5033705 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrapped HTML template file with hosted jQuery, FontAwesome icons, and Source Sans via Google Web Fonts already integrated. Includes clearly marked subsections for HTML markup, JavaScript code, and your CSS rules all in the one file, making it very easy to build self-contained demos or make the development of HTML/JS/CSS features faster.
Raw
html5-demo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<!-- Bootstrap CSS -->
<link href="http://cdn.staticresource.com/bootstrap.min.css" type="text/css" rel="stylesheet">
<!-- Source Sans via Google Web Fonts -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- FontAwesome -->
<link href="http://cdn.staticresource.com/font-awesome.min.css" type="text/css" rel="stylesheet">
<!-- jQuery -->
<script src="http://cdn.staticresource.com/jquery-latest.min.js" type="text/javascript"></script>
<!-- Boostrap JavaScript -->
<script src="http://cdn.staticresource.com/bootstrap.min.js"></script>
<!-- Mobile viewport settings -->
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<!-- HTML Section -->
<section class="container">
<!-- custom HTML goes here -->
</section>
<!-- JavaScript Section -->
<script type="text/javascript">
$(document).ready(function(){
// custom JavaScript goes here
});
</script>
<!-- CSS Section -->
<style type="text/css">
* {
box-sizing: border-box;
font-family: 'Source Sans Pro', sans-serif;
}
/* custom CSS goes here */
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment