Skip to content

Instantly share code, notes, and snippets.

@MidnightLightning

MidnightLightning/template-bootstrap.html

Last active June 29, 2017 07:31
Show Gist options
  • Save MidnightLightning/1453344 to your computer and use it in GitHub Desktop.
Save MidnightLightning/1453344 to your computer and use it in GitHub Desktop.
Download ZIP
HTML templates
Raw
template-bootstrap.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5 with Twitter Bootstrap</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="shortcut icon" href="img/favicon.png" />
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="span16">
<div style="background-color:#CCC; padding:3px 10px;">
<h1>Hello World!</h1>
<p>This is an implementation of <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap CSS</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
Raw
template-jquery-mobile.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5 with jQuery Mobile</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="shortcut icon" href="img/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Hello World!</h1>
</div>
<div data-role="content">
<p>This is an implementation of <a href="http://jquerymobile.com/demos/1.0/">jQuery Mobile</a>.</p>
</div>
</div>
</body>
</html>
Raw
template-jquery.html
<!DOCTYPE html>
<html>
<head>
<title>HTML5 with Google CDN jQuery</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="shortcut icon" href="img/favicon.png" />
</head>
<body>
<div id="console"></div>
<p>This is an implementation of <a href="http://code.google.com/apis/libraries/devguide.html#jquery">Google's CDN-hosted</a> <a href="http://docs.jquery.com/Main_Page">jQuery</a>.</p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="inc/jquery-1.1.11.1s"%3E%3C/script%3E'))</script>
<script type="text/javascript">
$(document).ready(function() {
// Take action
$('div#console').html("<h1>Hello World!</h1>");
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment