Mike Brenner
<script type="text/javascript">
$().ready(function() {
$("#tooltip").hover(
function () {
$(".tooltipContent").fadeIn("slow");
},
function () {
$(".tooltipContent").fadeOut("fast");
}
);
$("#contact-form").validate({
rules: {
full_name: "required",
email: {
required: true,
email: true
},
message: {
required: true,
minlength: 2
},
verify: {
required: true,
min: 2,
max: 2
}
},
messages: {
verify: {
min: $.format("Wrong answer."),
max: $.format("Wrong answer.")
}
}
});
});
</script>
<form id="contact-form" method="post" action="http://sunrisedesign.com/clients/nectar/shopify/contact">
<fieldset>
<div class="contact-right-col">
<div id="nameWidget" class="row">
<label>Your Name <span class="req">*</span>
<span class="textfieldRequiredMsg">Required.</span></label>
<input type="text" class="txt" name="full_name" id="fullname" />
</div>
<div id="emailWidget" class="row">
<label>Your Email <span class="req">*</span>
<span class="textfieldRequiredMsg">Required.</span>
<span class="textfieldInvalidFormatMsg req">Invalid</span></label>
<input type="text" class="txt" name="email" id="email" />
</div>
<div class="row">
<label>Phone:</label>
<input type="text" class="txt" name="phone" id="phone" />
</div>
<div class="row">
<label>Subject:</label>
<input type="text" class="txt" name="subject" id="subject" />
</div>
<div id="messageWidget" class="row">
<label>Message: <span class="req">*</span><br />
<span class="textareaRequiredMsg req">Required</span></label>
<textarea rows="10" cols="40" name="message" id="message"></textarea>
</div>
<div id="verifyWidget" class="row">
<label class="verify" id="tooltip" style="font-size: 1em;">What is 1+1? <span class="req">*</span></label>
<input type="text" class="txt" name="verify" id="verify" />
<div class="tooltipContent" style="display: none; clear: left; width:397px; float:right; margin:9px 0 6px 0;">We know, this seems silly. We ask this question to make sure a <em>human</em> is filling out this form and not a computer that might be trying to spam us.</div>
</div>
<div class="submit-row">
<label class="mailing-list">
<input type="checkbox" class="checkbox" name="mailinglist" checked="checked" /> Add me to the Mailing List
</label>
<input type="hidden" name="IsPostBack" value="true" />
<input type="submit" class="submit" value="Send Message" />
</div>
</div>
</fieldset>
</form>
<div class="store-details">
<div class="box-top">
<h1>Store Details</h1>
</div>
<div class="box-bottom">
<h3>Address</h3>
<p>Nectar Boutique<br/>1628 Thames Street<br/>Baltimore, Maryland 21231</p>
<h3>Phone</h3>
<p><em>(410) 522-7728</em> Store: <br/>
<em>(410) 522-7729</em> Fax:</p>
<h3>Store Hours</h3>
<em>11am -7pm</em> Mon - Thurs<br/>
<em>11am - 8pm</em> Fri - Sat<br/>
<em>Noon - 6pm</em> Sun<br/>
<a title="Get Driving Directions" href="http://tr.im/ASmZ"><img src='http://static.shopify.com/s/files/1/0031/5672/files/small-map.jpg?1254844564' alt='Directions to Nectar' /></a>
</div>
</div>
2009-08-27T13:58:27-04:00
contact-us
3456492
2009-08-27T13:58:27-04:00
315672
Contact Us
2009-10-12T13:16:05-04:00
<notextile>
<script type="text/javascript">
$().ready(function() {
$("#tooltip").hover(
function () {
$(".tooltipContent").fadeIn("slow");
},
function () {
$(".tooltipContent").fadeOut("fast");
}
);
$("#contact-form").validate({
rules: {
full_name: "required",
email: {
required: true,
email: true
},
message: {
required: true,
minlength: 2
},
verify: {
required: true,
min: 2,
max: 2
}
},
messages: {
verify: {
min: $.format("Wrong answer."),
max: $.format("Wrong answer.")
}
}
});
});
</script>
<form id="contact-form" method="post" action="http://sunrisedesign.com/clients/nectar/shopify/contact">
<fieldset>
<div class="contact-right-col">
<div id="nameWidget" class="row">
<label>Your Name <span class="req">*</span>
<span class="textfieldRequiredMsg">Required.</span></label>
<input type="text" class="txt" name="full_name" id="fullname" />
</div>
<div id="emailWidget" class="row">
<label>Your Email <span class="req">*</span>
<span class="textfieldRequiredMsg">Required.</span>
<span class="textfieldInvalidFormatMsg req">Invalid</span></label>
<input type="text" class="txt" name="email" id="email" />
</div>
<div class="row">
<label>Phone:</label>
<input type="text" class="txt" name="phone" id="phone" />
</div>
<div class="row">
<label>Subject:</label>
<input type="text" class="txt" name="subject" id="subject" />
</div>
<div id="messageWidget" class="row">
<label>Message: <span class="req">*</span><br />
<span class="textareaRequiredMsg req">Required</span></label>
<textarea rows="10" cols="40" name="message" id="message"></textarea>
</div>
<div id="verifyWidget" class="row">
<label class="verify" id="tooltip" style="font-size: 1em;">What is 1+1? <span class="req">*</span></label>
<input type="text" class="txt" name="verify" id="verify" />
<div class="tooltipContent" style="display: none; clear: left; width:397px; float:right; margin:9px 0 6px 0;">We know, this seems silly. We ask this question to make sure a <em>human</em> is filling out this form and not a computer that might be trying to spam us.</div>
</div>
<div class="submit-row">
<label class="mailing-list">
<input type="checkbox" class="checkbox" name="mailinglist" checked="checked" /> Add me to the Mailing List
</label>
<input type="hidden" name="IsPostBack" value="true" />
<input type="submit" class="submit" value="Send Message" />
</div>
</div>
</fieldset>
</form>
<div class="store-details">
<div class="box-top">
<h1>Store Details</h1>
</div>
<div class="box-bottom">
<h3>Address</h3>
<p>Nectar Boutique<br/>1628 Thames Street<br/>Baltimore, Maryland 21231</p>
<h3>Phone</h3>
<p><em>(410) 522-7728</em> Store: <br/>
<em>(410) 522-7729</em> Fax:</p>
<h3>Store Hours</h3>
<em>11am -7pm</em> Mon - Thurs<br/>
<em>11am - 8pm</em> Fri - Sat<br/>
<em>Noon - 6pm</em> Sun<br/>
<a title="Get Driving Directions" href="http://tr.im/ASmZ"><img src='http://static.shopify.com/s/files/1/0031/5672/files/small-map.jpg?1254844564' alt='Directions to Nectar' /></a>
</div>
</div>
</notextile>