rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #484848;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
h2{
color: #ffffff;
font-family: Century Gothic;
font-size: 10pt;
font-style: bold;
text-transform:uppercase;
}
.forms
{
border-width:2px;
border-style:SOLID;
border-color:#484848;
background-color:transparent;
background-image:url();
background-position:top left;
background-attachment:FIXED;
background-repeat:REPEAT;
color: #7d7d7d;
font-family: Arial;
font-size: 11px;
}
.buttons
{
font-size: 8px;
}
.oddsection
{
padding: 10px;
padding-left: 60px;
padding-right: 60px;
border-top: 1px #484848 solid;
border-bottom: 1px #484848 solid;
background-color:#272727;
color: #7d7d7d;
font-family: Arial;
font-size: 11px;
}
.evensection
{
padding: 10px;
padding-left: 60px;
padding-right: 60px;
border-top: 1px #484848 solid;
border-bottom: 1px #484848 solid;
background-color:#060606;
color: #7d7d7d;
font-family: Arial;
font-size: 11px;
}
-->
</style>
<script type="text/javascript">
var http = false;
if(navigator.appName == "Microsoft Internet Explorer")
{
http = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
http = new XMLHttpRequest();
}
function sendMyMail(var1, var2, var3)
{
http.abort();
http.open("GET", "contact.php?Name=" + var1 + "&&Message=" + var2 + "&&EmailAddress=" + var3, true);
http.onreadystatechange=function()
{
if(http.readyState == 4)
{
document.getElementById(response).innerHTML = http.responseText;
}
}
http.send(null);
}
</script>
</head>
<body>
<div class="oddsection" id="about" title="JOSHBOESE | ABOUT">
<p>This is the about section.</p>
</div>
<div class="evensection" id="work" title="JOSHBOESE | WORK">
<p> This is the work section, i think?</p>
</div>
<div class="oddsection" id="contact" title="JOSHBOESE | CONTACT">
<form method="GET" action="contact.php">
Contact section. Go ahead, send me a message. All fields are required!
<h2>Name: <br>
<input id="Name" name="Name" type="text" class="forms" size="53" />
</h2>
<h2>Email address:<br>
<input id="EmailAddress" name="EmailAddress" type="text" class="forms" size="53">
</h2>
<h2>Message:<br>
<textarea id="Message" name="Message" cols="50" rows="10" class="forms" input type="text"></textarea>
<br />
</h2>
<p>
<input id="submit" type="button" class="buttons" value="Submit" onclick="sendMyMail(Name.value,EmailAddress.value,Message.value)"/>
</form>
<div id="response" style="color:#ff0000; font-size:12px; padding-top:2px; text-align:center;">response will go here</div>
</div>
<div class="evensection" id="blog" title="JOSHBOESE | BLOG">
<p> Blog that will never be updated section.</p>
</div>
</body>
</html>