ggoodman/index.html

## index.html
<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <h1>Basic plunk!</h1>
    <p>If the header above is red, then you know Plunker is working!</p>
    <p>The header above should slide right, indicating that jQuery is up and running in Coffee-Script.</p>
    <!-- Put your html here! -->
  </body>

</html>

## plunker.json
{
  "tags": ["jquery", "coffee"]
}

## script.coffee
# Add your coffee-script here
$ ->
  $("h1").animate {
    "margin-left": "100px"
  }, "slow"

## style.css
/* Put your css in here */

h1 {
  color: red;
}
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" href="style.css" />
	<script data-require="jquery" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
	<script src="script.js"></script>
	</head>

	<body>
	<h1>Basic plunk!</h1>
	<p>If the header above is red, then you know Plunker is working!</p>
	<p>The header above should slide right, indicating that jQuery is up and running in Coffee-Script.</p>
	<!-- Put your html here! -->
	</body>

	</html>
	# Add your coffee-script here
	$ ->
	$("h1").animate {
	"margin-left": "100px"
	}, "slow"