Skip to content

Instantly share code, notes, and snippets.

@mtraynham

mtraynham/test.html

Last active September 19, 2015 17:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mtraynham/ec1fa3cbce73d85d57ed to your computer and use it in GitHub Desktop.
Save mtraynham/ec1fa3cbce73d85d57ed to your computer and use it in GitHub Desktop.
Download ZIP
Simple Webpage
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags here -->
<meta http-equiv="content-type" content="text/html; charset=UTF8">
<!-- Page tags here -->
<title>Test</title>
<!-- 3rd party CSS here -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap-theme.css"></link>
<!-- Custom CSS here-->
<style TYPE="text/css">
.read-the-docs {
font-weight: bold;
}
</style>
</head>
<body>
<!-- DOM Elements here -->
<button type="button" class="btn btn-default">Button</button>
<h1>Hello, world!</h1>
<span class="read-the-docs">Hello World</span>
<!-- 3rd part libs first -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.js"></script>
<!-- Scripts second -->
<script>
// JavaScript here
d3.select('body')
.append("svg")
.attr("width", 50)
.attr("height", 50)
.append("circle")
.attr("cx", 25)
.attr("cy", 25)
.attr("r", 25)
.style("fill", "purple");
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment