<% Page Language= Java Import= Java.Util.* Pageencoding= ISO-8859-1 %>

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Services</title>

<head>

<title>Contacts</title>

<style>

body { font-size: 62.5%; }

label, input { display:block; }

input.text { margin-bottom:12px; width:95%; padding: .4em; }

fieldset { padding:0; border:0; margin-top:25px; }

h1 { font-size: 1.2em; margin: .6em 0; }

div#users-contain { width: 350px; margin: 20px 0; }

div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }

div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

.ui-dialog .ui-state-error { padding: .3em; }

.validateTips { border: 1px solid transparent; padding: 0.3em; }

</style>

<!--[if lt IE 7]>

<div class='aligncenter'<a href=" src="

<![endif]-->

<!--[if lt IE 9]>

<![endif]-->

<style>

.line-separator{

margin: 0 0 15px 0;

border-bottom:3px solid #009999;

padding: 0px 0 0px 0;

}

.line-separator2{

margin: 0 0 0px 0;

border-bottom:10px solid #FFFFFF;

padding: 0px 0 0px 0;

}

</style>

<style>

body {

font-family:arial,helvetica,sans-serif;

font-size:12px;

}

#wrapper {

width:1200px;

margin:0px auto;

border:0px solid #bbb;

padding:0px;

}

#header {

border:1px solid #bbb;

height:80px;

padding:10px;

}

#content {

margin-top:10px;

padding-bottom:10px;

}

#content div {

padding:5px;

border:0px solid #bbb;

float:left;

}

#content-left {

margin-left:120px;

width:480px;

float:left;

text-align:left;

}

#content-main {

margin-left:5px;

width:80px;

}

#content-right {

margin-left:0px;

width:550px;

float:left;

text-align:left;

}

#footer {

float:left;

margin-top:10px;

margin-bottom:10px;

padding:10px;

border:1px solid #bbb;

width:1000px;

}

#bottom {

width:1000px;

margin:0px auto;

border:0px solid #bbb;

padding:0px;

clear:both;

text-align:center;

}

input{

style="width: 40px; height: 17px; padding: 3px;

}

textarea{

width:250px;

height:100px;

}

</style>

$(function() {

// a workaround for a flaw in the demo system ( ignore!

$( "#dialog:ui-dialog" ).dialog( "destroy" );

var firstname = $( "#firstname" ),

lastname = $( "#lastname" ),

address1 = $( "#address1" ),

city = $( "#city" ),

zip = $( "#zip" ),

telephone = $( "#telephone" ),

email = $( "#email" ),

message = $( "#message" ),

allFields = $( [] ).add( firstname ).add( lastname ).add( address1 ).add( city ).add( zip ).add( telephone ).add( email ).add( message ),

tips = $( ".validateTips" );

function updateTips( t ) {

tips

.text( t )

.addClass( "ui-state-highlight" );

setTimeout(function() {

tips.removeClass( "ui-state-highlight", 1500 );

}, 500 );

}

function checkLength( o, n, min, max ) {

if ( o.val().length > max || o.val().length < min ) {

o.addClass( "ui-state-error" );

updateTips( "Length of " + n + " must be between " +

min + " and " + max + "." );

return false;

} else {

return true;

}

function checkRegexp( o, regexp, n ) {

if ( !( regexp.test( o.val() ) ) ) {

o.addClass( "ui-state-error" );

updateTips( n );

return false;

} else {

return true;

}

$( "#dialog-form" ).dialog({

autoOpen: false,

height: 725,

width: 350,

modal: true,

buttons: {

"Contact Request": function() {

var bValid = true;

allFields.removeClass( "ui-state-error" );

bValid = bValid & checkLength( firstname, "First Name", 3, 15 );

bValid = bValid & checkLength( lastname, "Last Name", 3, 20 );

bValid = bValid & checkLength( address1, "Address 1", 3, 70 );

bValid = bValid & checkLength( city, "City", 3, 25 );

bValid = bValid & checkLength( zip, "Zip", 1, 10 );

bValid = bValid & checkLength( telephone, "Telephone", 1, 10 );

bValid = bValid & checkLength( email, "Email", 6, 50 );

bValid = bValid & checkLength( message, "Message", 5, 300 );

bValid = bValid & checkRegexp( firstname, /^[^ ][a-zA-Z ]+[^ ]$/i, "First Name may consist of Alpha characters." );

bValid = bValid & checkRegexp( lastname, /^[^ ][a-zA-Z ]+[^ ]$/i, "Last Name may consist of Alpha characters." );

bValid = bValid & checkRegexp( zip, /^\d{5}$|^\d{5}-\d{4}$/, "Zip may consist of only numbers 0-9." );

// From jquery.validate.js (by joern), contributed by Scott Gonzalez:

bValid = bValid & checkRegexp( email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "eg. " );

//bValid = bValid & checkRegexp( password, /^([0-9a-zA-Z])+$/, "Password field only allow : a-z 0-9" );

if ( bValid ) {

$( "#users tbody" ).append( "<tr>" +

"<td>" + firstname.val() + "</td>" +

"<td>" + lastname.val() + "</td>" +

"<td>" + city.val() + "</td>" +

"<td>" + zip.val() + "</td>" +

"<td>" + telephone.val() + "</td>" +

"<td>" + email.val() + "</td>" +

"</tr>" );

jAlert('Closing the dialog', 'Alert Dialog');

$( this ).dialog( "close" );

}

Cancel: function() {

$( this ).dialog( "close" );

}

close: function() {

allFields.val( "" ).removeClass( "ui-state-error" );

}

});

$( "#create-user" )

.button()

.click(function() {

$( "#dialog-form" ).dialog( "open" );

});

</script>

</head>

<body>

<h1<a href="index.html">Consulting</a</h1>

<nav>

<li<a href="index.html">home</a<ul>

</ul>

</li>

<li<a href="index-1.html">About us</a</li>

<li<a href="services.jsp">Services</a</li>

<li class="current"<a href="contacts.jsp">Contacts</a</li>

</ul>

</nav>

</div>

</header>

<label for="FirstName"> First Name  <font color="red"<b>*</b</font </label>

<label for="Address 1"> Address 1  <font color="red"<b>*</b</font </label>

<label for="Address2"> Address2</label>

<label for="State"> State  <font color="red"<b>*</b</font </label>

</select>

<br<br>

<label for="Property"> Property  <font color="red"<b>*</b</font </label>

<option value="0">Agricultural</option<option value="1">Auto/Convenience Store</option<option value="2">Auto: Lube/Tune Center</option<option value="3">Aviation</option<option value="4">Banking Center</option<option value="5">Car Wash</option<option value="6">Communication Tower </option<option value="7">Day Nurseries</option<option value="8">Dist Warehouse</option<option value="9">Free Standing Retail</option<option value="10">Future Development</option<option value="11">Garden Style Multi-Family</option<option value="12">Golf Course</option<option value="13">Heavy Industrial</option<option value="14">Hotel</option<option value="15">Hotel & Motels</option<option value="16">Industrial</option<option value="17">Land</option<option value="18">Land (Wetlands)</option<option value="19">Light Industrial</option<option value="20">Manufacturing</option<option value="21">Medical Equipment</option<option value="22">Medical Office</option<option value="23">Mfg/Distd Warehouse</option<option value="24">Mini-Storage Warehouses</option<option value="25">Office</option<option value="26">Office: Mid Rise</option<option value="27">Office: Multi-Tenant</option<option value="28">Office Showrooms</option<option value="29">Office: Single Tenant</option<option value="30">Outlet Malls</option<option value="31">Restaurant</option<option value="32">School/Day Care</option<option value="33">Senior/Assisted Living</option<option value="34">Shopping Center</option<option value="35">Trucking</option<option value="36">Trucking Terminal</option<option value="37">Wedding & Event Facility</option<option value="38">Other</option</select>

<br<br>

<label for="Telephone"> Telephone  <font color="red"<b>*</b</font </label>

<label for="Email">Email  <font color="red"<b>*</b</font </label>

<label for="message">Message  <font color="red"<b>*</b</font </label>

</fieldset>

</form>

</div>

<h3>Contact Form</h3>

<p0<font size="5" face="arial" color="black">Please complete the Contact form below and let us show you how you can earn maximum savings on your property taxes this year!</font</p0>

<br>

<button id="create-user">Contact Request</button>

</div>

<h3>Contacts Information</h3>

<b>MakRam Property Group, LLC</b<br />

<b>31332 Sharon Copley Rd Box 384</b<br />

<b>Sharon Center, OH 44274-9800</b<br />

<br>

<b>Ben Ramnytz</b>   216 640-8036  Cell 330 573-5400  <a href="mailto:"></a<br />

<br>

<b>Mike Kelly</b>   216 640-8048  Cell 330 441-1262  <a href="mailto:"></a<br />

<br>

<b>Aaron Johann, MFE</b>   614 526-2085  Cell 614 452-1602   <a href="mailto:"></a<br />

<br>

<br />

</fieldset>

</div>

</div>

</footer>

</div>

</body>

</html>