/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <meta charset="utf-8">
  <title> Do you love ScriptEd?</title>
<style id="jsbin-css">
button {
  position: relative;
}

body {
  background-color: black;
}

img {
  width: 25%;
}
</style>
</head>
<body>

<img  src="http://www.clipartbest.com/cliparts/yco/4xK/yco4xKj9i.jpeg" />

<img src="http://images.clipartpanda.com/clipart-love-heart-buncee_clipart__hearts_08.png"  />

<img src="https://c676132.ssl.cf0.rackcdn.com/scriptedlogo-5435d2824d35b.jpg" />

<hr style="width: 90%;" />
<br /><br />

<img src="http://www.quickmeme.com/img/94/94a6349422350d6a7480538a5b10c5cde6e2ab52228ea59503ba96001cb3c4fe.jpg"  id="yes" />


<img src="https://media.giphy.com/media/3WJm9fyUCbY4g/giphy.gif" id="no" style="position: absolute;" />


<script id="jsbin-javascript">
$("yes").click(function)
alert("hello");
{
  // WRITE A MESSAGE THAT ALERTS THE USER
});
$().hover(function() {


  $(this).animate({
    top: "400px"
  });
  $(this).animate({
    top: "0"
  });


});
</script>


<script id="jsbin-source-css" type="text/css">button {
  position: relative;
}

body {
  background-color: black;
}

img {
  width: 25%;
}</script>

<script id="jsbin-source-javascript" type="text/javascript">$("yes").click(function)
alert("hello");
{
  // WRITE A MESSAGE THAT ALERTS THE USER
});
$().hover(function() {


  $(this).animate({
    top: "400px"
  });
  $(this).animate({
    top: "0"
  });


});</script></body>
</html>

## jsbin.xakopi.css
button {
  position: relative;
}

body {
  background-color: black;
}

img {
  width: 25%;
}

## jsbin.xakopi.js
$("yes").click(function)
alert("hello");
{
  // WRITE A MESSAGE THAT ALERTS THE USER
});
$().hover(function() {


  $(this).animate({
    top: "400px"
  });
  $(this).animate({
    top: "0"
  });


});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
	<meta charset="utf-8">
	<title> Do you love ScriptEd?</title>
	<style id="jsbin-css">
	button {
	position: relative;
	}

	body {
	background-color: black;
	}

	img {
	width: 25%;
	}
	</style>
	</head>
	<body>

	<img src="http://www.clipartbest.com/cliparts/yco/4xK/yco4xKj9i.jpeg" />

	<img src="http://images.clipartpanda.com/clipart-love-heart-buncee_clipart__hearts_08.png" />

	<img src="https://c676132.ssl.cf0.rackcdn.com/scriptedlogo-5435d2824d35b.jpg" />

	<hr style="width: 90%;" />
	<br /><br />

	<img src="http://www.quickmeme.com/img/94/94a6349422350d6a7480538a5b10c5cde6e2ab52228ea59503ba96001cb3c4fe.jpg" id="yes" />


	<img src="https://media.giphy.com/media/3WJm9fyUCbY4g/giphy.gif" id="no" style="position: absolute;" />




	<script id="jsbin-javascript">
	$("yes").click(function)
	alert("hello");
	{
	// WRITE A MESSAGE THAT ALERTS THE USER
	});
	$().hover(function() {


	$(this).animate({
	top: "400px"
	});
	$(this).animate({
	top: "0"
	});


	});
	</script>


	<script id="jsbin-source-css" type="text/css">button {
	position: relative;
	}

	body {
	background-color: black;
	}

	img {
	width: 25%;
	}</script>

	<script id="jsbin-source-javascript" type="text/javascript">$("yes").click(function)
	alert("hello");
	{
	// WRITE A MESSAGE THAT ALERTS THE USER
	});
	$().hover(function() {


	$(this).animate({
	top: "400px"
	});
	$(this).animate({
	top: "0"
	});


	});</script></body>
	</html>