JSFiddle - React, Tailwind, and code Playground
HTML
<?php
$Name = $_POST["Name"];
$Email = $_POST["Email"];
$Signup = $_POST["Signup"];
?>
<html>
<head>
<link rel="stylesheet" href="jquery/jRating.jquery.css" type="text/css" />
<script type="text/javascript">window.fbAsyncInit = function() {FB.Canvas.setSize();}// Do things that will sometimes call sizeChangeCallback()function sizeChangeCallback() {FB.Canvas.setSize();}</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.ajaxunion.org/facebook/general/NINJA.js"></script>
<!-- jRating CSS -->
<link rel="stylesheet" href="jRating.jquery.css" type="text/css" />
<!-- jRating and jQuery files -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jRating.jquery.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'CODEGOESHERE']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<style type="text/css">
body {
width: 520px;
height: 1457px; /* change here */
margin:0;
padding: 0;
overflow-x: hidden;
background:#ffffff url('main.png') no-repeat left top;
}
.button {
display: block;
width: 130px; /* change here */
height: 62px; /* change here */
position: absolute;
top: 1253px; /* change here */
left: 345px; /* change here */
border: 0;
background: url('submit.png') top center no-repeat;
}
#name {
position: absolute;
top: 1260px; /* change here */
left: 100px; /* change here */
font-size:10px;
padding: 2px;
width: 235px; /* change here */
border: 1px solid #cccccc;
}
#email {
position: absolute;
top: 1290px; /* change here */
left:...