<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
Home
</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<link href="/ResourcePackages/Jaclo/assets/dist/images/global/favicon.png" rel="icon" type="image/png">
<link href="/ResourcePackages/Jaclo/assets/dist/css/bootstrap.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/font-awesome.min.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/animate.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/owl.carousel.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/styles.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/styles_adic.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/typeahead.bundle.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/simplePagination.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/flexslider.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="/ResourcePackages/Jaclo/assets/dist/css/new-style.css?package=Jaclo" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet" type="text/css">
<!-- JAVASCRIPT -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons -->
<style>
/*.styk header {
position: unset;
z-index: unset;
color:black;
}*/
</style>
<link href="/images/default-source/default-album/favicon.png" rel="icon" type="image/png">
<meta content="Home" property="og:title">
<meta content="https://www.jaclo.com" property="og:url">
<meta content="website" property="og:type">
<meta content="Jaclo" property="og:site_name">
<style media="all" type="text/css">
#dropCol, #dropProd:hover {
cursor : pointer;
}
</style>
<script type="text/javascript">
document.title = 'Jaclo';
</script>
<meta content="Sitefinity 13.3.7639.0 PE" name="Generator">
<link href="https://www.jaclo.com" rel="canonical">
<link href="/Telerik.Web.UI.WebResource.axd?d=PMrIT5dOWaVYIcpFWUE4nFl08dfJhC0B6XOI-w9-z017YoLWQ75zB7fgHpD768QjHiJzNvDn3Ebj6_eku2qO9KVXeQpI3iTIYvDelL2lMGZzubAqL_oL-Wz-E-9wkXiW0&t=638482241021526486&compress=0&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%2c+Version%3d13.3.7639.0%2c+Culture%3dneutral%2c+PublicKeyToken%3db28c218413bdf563%3aen%3a48476f11-84d3-416d-9170-bf12642e821e%3a7a90d6a" rel="stylesheet" type="text/css">
<style media="all" type="text/css">
#FooterSitemap_TD714E402023 {
display : none;
}
#logBtn {
color : #77787b;
font-family : "Roboto Condensed", sans-serif;
padding-bottom : 4px;
display : inline-block;
vertical-align : middle;
-webkit-transform : translateZ(0);
transform : translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
-moz-osx-font-smoothing: grayscale;
position : relative;
overflow : hidden;
font-size : 14px;
font-weight : 400;
cursor : pointer;
}
#logBtn:hover {
color : #3d4454;
}
</style>
</head>
<body class="home" id="bodyoptions">
<form action="./" id="aspnetForm" method="post">
<div class="aspNetHidden">
<input id="ctl06_TSM" name="ctl06_TSM" type="hidden" value="">
<input id="ctl07_TSSM" name="ctl07_TSSM" type="hidden" value="">
<input id="__EVENTTARGET" name="__EVENTTARGET" type="hidden" value="">
<input id="__EVENTARGUMENT" name="__EVENTARGUMENT" type="hidden" value="">
<input id="__VIEWSTATE" name="__VIEWSTATE" type="hidden" value="wRSaBXEUqw2qVZqTfUq1riieodKIXwToXmkW14EbxhjfMFXWZxvrzL3B4BN3izS/YmAwM+PTQmctt3wDW4ABGAWFvO8/4i1RWL4zu9Qo4Bg=">
</div>
<script type="text/javascript">
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
</script>
<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZIK0vQVhuMqT9TXHCGBAQIpg-NBTwFzEGygKSEkhuOzM7LhO2HLWh7pmsjY_p6ah6g2&t=638459680569584809" type="text/javascript">
</script>
<script type="text/javascript">
var __cultureInfo = {
"name": "en",
"numberFormat": {
"CurrencyDecimalDigits": 2,
"CurrencyDecimalSeparator": ".",
"IsReadOnly": true,
"CurrencyGroupSizes": [3],
"NumberGroupSizes": [3],
"PercentGroupSizes": [3],
"CurrencyGroupSeparator": ",",
"CurrencySymbol": "$",
"NaNSymbol": "NaN",
"CurrencyNegativePattern": 0,
"NumberNegativePattern": 1,
"PercentPositivePattern": 0,
"PercentNegativePattern": 0,
"NegativeInfinitySymbol": "-∞",
"NegativeSign": "-",
"NumberDecimalDigits": 2,
"NumberDecimalSeparator": ".",
"NumberGroupSeparator": ",",
"CurrencyPositivePattern": 0,
"PositiveInfinitySymbol": "∞",
"PositiveSign": "+",
"PercentDecimalDigits": 2,
"PercentDecimalSeparator": ".",
"PercentGroupSeparator": ",",
"PercentSymbol": "%",
"PerMilleSymbol": "‰",
"NativeDigits": ["0","1","2","3","4","5","6","7","8","9"],
"DigitSubstitution": 1
},
"dateTimeFormat": {
"AMDesignator": "AM",
"Calendar": {
"MinSupportedDateTime": "\/Date(-62135578800000)\/",
"MaxSupportedDateTime": "\/Date(253402300799999)\/",
"AlgorithmType": 1,
"CalendarType": 1,
"Eras": [1],
"TwoDigitYearMax": 2029,
"IsReadOnly": true
},
"DateSeparator": "/",
"FirstDayOfWeek": 0,
"CalendarWeekRule": 0,
"FullDateTimePattern": "dddd, MMMM d, yyyy h:mm:ss tt",
"LongDatePattern": "dddd, MMMM d, yyyy",
"LongTimePattern": "h:mm:ss tt",
"MonthDayPattern": "MMMM d",
"PMDesignator": "PM",
"RFC1123Pattern": "ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027",
"ShortDatePattern": "M/d/yyyy",
"ShortTimePattern": "h:mm tt",
"SortableDateTimePattern": "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss",
"TimeSeparator": ":",
"UniversalSortableDateTimePattern": "yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027",
"YearMonthPattern": "MMMM yyyy",
"AbbreviatedDayNames": ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],
"ShortestDayNames": ["Su","Mo","Tu","We","Th","Fr","Sa"],
"DayNames": ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
"AbbreviatedMonthNames": ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],
"MonthNames": ["January","February","March","April","May","June","July","August","September","October","November","December",""],
"IsReadOnly": true,
"NativeCalendarName": "Gregorian Calendar",
"AbbreviatedMonthGenitiveNames": ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],
"MonthGenitiveNames": ["January","February","March","April","May","June","July","August","September","October","November","December",""]
},
"eras": [1,"A.D.",null,0]
};
</script>
<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl06_TSM&compress=0&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen%3a18f1b484-bbc5-4e2e-8ca4-477603537f34%3aea597d4b%3ab25378d2" type="text/javascript">
</script>
<script src="/ScriptResource.axd?d=oBrf1f-DLFBYf_XnAiQIek0__dlVJya3ErSVRVfwns48c_SABKUNDmPYcS8hdMs2e-uKnVEm0GFe4gCSWscA7y1eg-TiPC0uB-6pNVkTLpUAJqNKflWBrzCiJr8BqgD1o9WxRi2gb73plZJhaLuonYGfa8PcOgp0KckwY3_Q-EznlGQJ7tkJkkWBPBuuLUT40&t=fffffffffa5b9a95" type="text/javascript">
</script>
<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl06_TSM&compress=0&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%3aen%3a48476f11-84d3-416d-9170-bf12642e821e%3ab162b7a1" type="text/javascript">
</script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js" type="text/javascript">
</script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js" type="text/javascript">
</script>
<script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend/Mvc/Scripts/LoginForm/login-form.js?package=Jaclo&v=MTMuMy43NjM5LjA%3d" type="text/javascript">
</script>
<script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Identity/Mvc/Scripts/LoginStatus/login-status.min.js?package=Jaclo&v=MTMuMy43NjM5LjA%3d" type="text/javascript">
</script>
<script src="//www.google.com/recaptcha/api.js" type="text/javascript">
</script>
<div class="aspNetHidden">
<input id="__VIEWSTATEGENERATOR" name="__VIEWSTATEGENERATOR" type="hidden" value="5E34A347">
<input id="__EVENTVALIDATION" name="__EVENTVALIDATION" type="hidden" value="vAyXVtOvuw8lar7tcmf12V+fV/HCYjz0gS7rFjNhmvax71OobV+0gVRz9hotvsBtvJCn8Rud/S50SfNxinymbgmshC3hb2clZHhTN9TRp/9x0vIT5Kr0eHBCllc9VJV9">
</div>
<script type="text/javascript">
Sys.WebForms.PageRequestManager._initialize('ctl00$ctl06', 'aspnetForm', [], [], [], 90, 'ctl00');
</script>
<input id="ctl06" name="ctl00$ctl06" type="hidden">
<script type="text/javascript">
Sys.Application.setServerId("ctl06", "ctl00$ctl06");
Sys.Application._enableHistoryInScriptManager();
</script>
<div class="styk">
<style>
#preloader {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : #fff;
z-index : 999999;
}
#status {
width : 207px;
height : 207px;
position : absolute;
left : 50%;
top : 50%;
background-image : url("/ResourcePackages/Jaclo/assets/dist/images/loading.gif");
background-repeat : no-repeat;
background-position : center top;
margin : -105px 0 0 -105px;
}
</style>
<div id="preloader">
<div id="status">
</div>
</div>
<a href="javascript:" id="return-to-top">
</a>
<div class="hamburger">
<div class="hamburger-inner">
<div class="bar bar1">
</div>
<div class="bar bar2">
</div>
<div class="bar bar3">
</div>
<div class="bar bar4">
</div>
</div>
</div>
<header>
<div class="content-large" style="position:relative">
<nav class="menu-nav-top preHeader">
<ul class="menu-top">
<li class="">
<a class="" href="/contact-us" target="_self">
Contact Us
</a>
</li>
<li class="">
<a class="" href="/dealers" target="_self">
Where to Buy
</a>
</li>
<li class="">
<a class="" href="/hospitality" target="_self">
Hospitality
</a>
</li>
<li class="">
<a class="" href="/catalogs-literature" target="_self">
Catalogs + Literature
</a>
</li>
<li class="">
<a class="" href="/my-portfolio" target="_self">
My Portfolio
</a>
</li>
<li id="logBtn">
<a class="" id="logBtn">
Log In
</a>
</li>
</ul>
<style>
#logBtn:before {
content : "";
position : absolute;
z-index : -1;
left : 50%;
right : 50%;
bottom : 0px;
background : #c3c3bb;
height : 5px;
opacity : 0.9;
-webkit-transition-property: left, right;
transition-property : left, right;
-webkit-transition-duration: 0.3s;
transition-duration : 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
</style>
<script>
$('#logBtn').hover(function() {
$(this).addClass('active');
}, function() {
$(this).removeClass('active');
});
</script>
<div class="search">
<style>
.ui-state-focus {
background : #0097cf;
}
.ui-autocomplete-category {
font-size : 16px;
padding : 3px 10px;
font-size : 14px;
line-height : 16px;
font-weight : 900;
background-color : gray;
color : white;
}
.ui-menu-item {
padding : 3px 10px;
font-size : 12px;
line-height : 16px;
}
.ui-autocomplete {
position : absolute;
top : 10px;
right : -65px;
z-index : 9999;
max-height : 520px;
overflow-y : auto;
width : 316px;
margin : 23px 0px;
padding : 8px 0px;
background-color : rgb(255, 255, 255);
border : 1px solid rgba(0, 0, 0, 0.2);
border-radius : 8px;
text-align : left;
box-shadow : rgba(0, 0, 0, 0.2) 0px 5px 10px;
}
#suggestions h4 {
font-size : 16px;
padding : 3px 10px;
font-size : 14px;
line-height : 16px;
font-weight : 900;
background-color : gray;
color : white;
}
.tt-suggestion a:hover {
cursor : pointer;
color : #fff;
background-color : #0097cf;
}
#suggestions a:hover {
color : #fff;
}
#suggestions {
position : absolute;
top : 0%;
left : -65px;
z-index : 100;
max-height : 520px;
overflow-y : auto;
width : 316px;
margin : 23px 0px;
padding : 8px 0px;
background-color : rgb(255, 255, 255);
border : 1px solid rgba(0, 0, 0, 0.2);
border-radius : 8px;
text-align : left;
box-shadow : rgba(0, 0, 0, 0.2) 0px 5px 10px;
}
.mytypehead:focus {
border : 2px solid #0097cf;
}
</style>
<style>
#suggestions_mob h4 {
font-size : 16px;
padding : 3px 10px;
font-size : 14px;
line-height : 16px;
font-weight : 900;
background-color : gray;
color : white;
}
.tt-suggestion a:hover {
cursor : pointer;
color : #fff;
background-color : #0097cf;
}
#suggestions_mob a:hover {
color : #fff;
}
#suggestions_mob {
position : absolute;
top : 0%;
left : -105px;
z-index : 100;
max-height : 350px;
overflow-y : auto;
width : 260px;
margin : 23px 0px;
padding : 8px 0px;
background-color : rgb(255, 255, 255);
border : 1px solid rgba(0, 0, 0, 0.2);
border-radius : 8px;
text-align : left;
box-shadow : rgba(0, 0, 0, 0.2) 0px 5px 10px;
}
.mytypeahead:focus {
border : 2px solid #0097cf;
}
</style>
<div class="mylup" id="mysearchbtn">
</div>
<input name="fakeemail" style="display:none" type="text">
<input name="fakepassword" style="display:none" type="password">
<input id="search" style="left:0px; " type="text">
<style>
.suggestions li:focus {
background : #000 !important;
}
</style>
<script src="/ResourcePackages/Jaclo/assets/dist/js/jqueryui.js" type="text/javascript">
</script>
<script>
$.widget("custom.catcomplete", $.ui.autocomplete, {
_create: function() {
this._super();
this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
},
_renderMenu: function(ul, items) {
var that = this, currentCategory = "";
$.each(items, function(index, item) {
var li;
if (item.category != currentCategory) {
ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
currentCategory = item.category;
}
li = that._renderItemData(ul, item);
if (item.category) {
var newText = item.label.replace(new RegExp($("#search").val(), "gi"), "<span class='ui-state-highlight'>$&</span>");
li.attr("aria-label", item.category + " : " + item.label);
li.html('<a href="' + item.value + '">' + newText + '</a>');
li.attr("value", item.value);
}
});
}
});
$.widget("custom.catcomplete1", $.ui.autocomplete, {
_create: function() {
this._super();
this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
},
_renderMenu: function(ul, items) {
var that = this, currentCategory = "";
$.each(items, function(index, item) {
var li;
if (item.category != currentCategory) {
ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
currentCategory = item.category;
}
li = that._renderItemData(ul, item);
if (item.category) {
var newText = item.label.replace(new RegExp($("#search1").val(), "gi"), "<span class='ui-state-highlight'>$&</span>");
li.attr("aria-label", item.category + " : " + item.label);
li.html('<a href="' + item.value + '">' + newText + '</a>');
li.attr("value", item.value);
}
});
}
});
$(function($) {
$("#search").catcomplete({
delay: 0,
source: function(request, response) {
$.ajax({
url: "/api/search/" + $("#search").val().replace(/\./g, ' '),
type: "GET",
success: function(result, textStatus, request) {
response(result);
}
});
},
select: function(event, ui) {
event.preventDefault();
$("#search").val(ui.item.label);
location.href = ui.item.value;
},
focus: function(event, ui) {
event.preventDefault();
$("#search").val(ui.item.label);
}
});
});
$(function($) {
$("#search1").catcomplete1({
delay: 0,
source: function(request, response) {
$.ajax({
url: "/api/search/" + $("#search1").val().replace(/\./g, ' '),
type: "GET",
success: function(result, textStatus, request) {
response(result);
$(".ui-autocomplete").css('left', '80px').css('width', '250px');
}
});
},
select: function(event, ui) {
event.preventDefault();
$("#search1").val(ui.item.label);
location.href = ui.item.value;
},
focus: function(event, ui) {
event.preventDefault();
$("#search1").val(ui.item.label);
}
});
});
$(document).ready(function() {
$(document).on('keypress', "#search", function(e) {
if (e.which == 13) {
e.preventDefault();
location.href = "/jaclo-search?q=" + $(this).val();
}
});
});
</script>
<script src="/js/typeahead.bundle.js">
</script>
<script src="/js/handlebars-v3.0.3.js">
</script>
</div>
</nav>
<a class="logo" href="/">
<img alt="JACLO" src="/ResourcePackages/Jaclo/assets/dist/images/global/logo.png">
</a>
<div class="searchMob">
<button class="lup">
</button>
<input class="mytypeahead" id="search1" placeholder="Search" type="text" value="">
<div id="suggestions_mob">
</div>
</div>
<nav class="menu-nav">
<ul class="menu">
<li>
<a class="btnproducts" id="dropProd">
PRODUCTS
</a>
</li>
<li class="hideli">
<a class="btncollections" id="dropCol">
COLLECTIONS
</a>
</li>
<li>
<a class="btnfinishes" href="/finishes">
FINISHES
</a>
</li>
<li>
<a class="btnabout-us" href="/about-us">
ABOUT US
</a>
</li>
</ul>
</nav>
<div class="loginDialog" id="logDrop" style="display:block;">
<div>
<div id="defaultFormctl00$login$TD714E402017">
<div class="">
<ul>
<!--<li><label>Email</label><input type="text" id="login_email" name="login_email"></li>-->
<!-- Username -->
<li>
<label>
Email
</label>
<input autocomplete="off" class="form-control" data-val="true" data-val-required="The Email / Username field is required." id="UserName" name="UserName" type="text" value="">
</li>
<!--<li><label>Password<a href="http://jaclo.com/account/reset_password">forgot your password?</a></label>
<input type="password" id="login_password" name="login_password"></li>-->
<!-- Password -->
<li>
<label>
Password
<a href="/account/reset_password/forgotpassword">
forgot your password?
</a>
</label>
<input autocomplete="new-password" class="form-control" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" type="password">
</li>
<!-- Remember me -->
<li>
<div>
<input checked="checked" data-val="true" data-val-required="The Remember me field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true">
<input name="RememberMe" type="hidden" value="false">
Keep Me Signed In
</div>
</li>
<!-- Button -->
<li style="margin-bottom:0px">
<button class="mybtnLogin" id="btnLogin" style="display:none;" type="submit">
Sign In
</button>
</li>
<li style="">
<button class="mybtnLogin" id="btnLogin1" style="width: 80px;
float: right;
font-weight: 300;
border-radius: 2px;
height: 34px;
background: #cbcbcb;
border: none;
font-size: 14px;
color: #575656;" type="button">
Sign In
</button>
</li>
<li style="">
<button class="mybtnLogin2" id="btnLogin2" style="width: 80px;
float: right;
font-weight: 300;
border-radius: 2px;
height: 34px;
background: #cbcbcb;
border: none;
font-size: 14px;
color: #575656;
display:none;" type="button">
Sign In
</button>
</li>
<label class="msg_login">
</label>
<div class="has-error myerror">
<span class="help-block">
<span class="field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true">
</span>
</span>
</div>
<div class="has-error myerror">
<span class="help-block">
<span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true">
</span>
</span>
</div>
<li>
Don't have an account?
<a class="signUp" href="/account/create">
Sign Up
</a>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
(function($) {
$(function() {
var container = document.getElementById("defaultFormctl00$login$TD714E402017");
if (container === null) return;
var inputs = container.querySelectorAll("input, textarea, select");
var allInputs = document.forms["aspnetForm"].querySelectorAll('input, textarea', 'select');
var widgetValidators = [];
for (var i = 0; i < allInputs.length; i++) {
if ($(allInputs[i]).data('widget-validator')) {
widgetValidators.push($(allInputs[i]).data('widget-validator'));
}
allInputs[i].addEventListener("invalid", function(event) {
if (Array.indexOf(inputs, document.activeElement) >= 0 && Array.indexOf(inputs, event.target) < 0) event.preventDefault();
}, true);
}
var submitClick = function(sender) {
var isValid = true;
for (var i = 0; i < inputs.length; i++) {
if (typeof inputs[i].willValidate !== "undefined" && inputs[i].willValidate) isValid = inputs[i].validity.valid && isValid;
if (isValid && typeof ($(inputs[i]).data('sfvalidator')) === 'function') isValid = $(inputs[i]).data('sfvalidator')();
if (typeof $ !== "undefined" && typeof $.validator !== "undefined") isValid = $(inputs[i]).valid() && isValid;
}
if (isValid) {
sender.preventDefault();
var deferreds = [];
for (var i = 0; i < widgetValidators.length; i++) {
deferreds.push(widgetValidators[i]());
}
$.when.apply($, deferreds).done(function() {
for (var i = 0; i < widgetValidators.length; i++) {
if (!arguments[i]) {
return false;
}
}
var form = document.createElement("form");
form.style.display = "none";
form.setAttribute("action", "/home/?sf_cntrl_id=ctl00%24login%24TD714E402017");
form.setAttribute("method", "POST");
if (container.getAttribute("enctype")) form.setAttribute("enctype", container.getAttribute("enctype")); else form.setAttribute("enctype", document.forms["aspnetForm"].getAttribute("enctype"));
form.setAttribute("encoding", document.forms["aspnetForm"].getAttribute("encoding"));
form.appendChild(container);
sender = sender.target || sender.srcElement;
if (sender) {
var submitHiddenInput = document.createElement("input");
submitHiddenInput.setAttribute("type", "hidden");
submitHiddenInput.setAttribute("name", sender.name);
submitHiddenInput.setAttribute("value", sender.value || "Submit");
form.appendChild(submitHiddenInput);
}
document.body.appendChild(form);
var kInputs = container.querySelectorAll(".k-upload input[type='file']");
for (var i = 0; i < kInputs.length; i++) {
var kInput = kInputs[i];
if (!kInput.value) {
kInput.setAttribute("disabled", "disabled");
window.setTimeout(function() {
kInput.removeAttribute("disabled");
}, 0);
}
}
if (typeof MarketoSubmitScript !== 'undefined') {
MarketoSubmitScript._populateFormId($('input[data-sf-role="form-id"]').val());
var newSubmitButtons = $(form).find(MarketoSubmitScript._settings.externalFormSubmitButtonsQuery);
if (newSubmitButtons.length > 0) MarketoSubmitScript._formFields = MarketoSubmitScript._getExternalFormFields(newSubmitButtons[0]);
if (MarketoSubmitScript._formFields && MarketoSubmitScript._formFields.length === 0) MarketoSubmitScript._populateFieldsFromLabels(form);
MarketoSubmitScript._formSubmitHandler(form.parentElement);
}
form.submit();
return false;
});
}
};
var handleFormSubmitElements = function(elementName) {
var allSubmitElements = container.getElementsByTagName(elementName);
var elementCount = allSubmitElements.length;
while (elementCount) {
typeAttr = allSubmitElements[elementCount - 1].getAttribute("type");
if (typeAttr == "submit") {
var currentClick = allSubmitElements[elementCount - 1].onclick;
if (currentClick) allSubmitElements[elementCount - 1].onclick = function() {
if (currentClick()) return submitClick(); else return false;
}; else allSubmitElements[elementCount - 1].onclick = submitClick;
}
elementCount--;
}
};
handleFormSubmitElements("input");
handleFormSubmitElements("textarea");
handleFormSubmitElements("select");
handleFormSubmitElements("button");
});
})(jQuery);
</script>
</div>
<style>
.myerror {
color : #C72B10;
text-align : right;
}
</style>
<script>
$(document).on('keypress', '#UserName', function(e) {
if (e.which == 13) {
e.preventDefault();
if ($("#btnLogin1").css('display') == 'block') {
login("");
} else {
login2("");
}
}
});
$(document).on('keypress', '#Password', function(e) {
if (e.which == 13) {
e.preventDefault();
if ($("#btnLogin1").css('display') == 'block') {
login("");
} else {
login2("");
}
}
});
$("#btnLogin2").click(function() {
login2("");
});
$("#btnLogin1").click(function() {
login("");
});
$("#btnLogin_m").click(function() {
login("_m");
});
function login(device) {
$(".msg_login").hide();
if ($.trim($("#UserName" + device).val()) == "" || $.trim($("#Password" + device).val()) == "") {
$(".msg_login").html("Please, enter required fields");
$(".msg_login").show();
} else {
if (!validateEmail($("#UserName" + device).val())) {
$(".msg_login").html("Email format is not correct");
$(".msg_login").show();
} else {
$.ajax({
url: "/Helpers/LoginUserName.asmx/CheckPasswordResetReduired",
type: 'POST',
data: '{ "Email": "' + $("#UserName").val() + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function(res) {
if (res.d == "True") {
location.href = "/account/reset_password/forgotpassword";
} else {
$('#btnLogin').click();
}
}
});
}
}
}
function login2(device) {
$(".msg_login").hide();
if ($.trim($("#UserName" + device).val()) == "" || $.trim($("#Password" + device).val()) == "") {
$(".msg_login").html("Please, enter required fields");
$(".msg_login").show();
} else {
if (!validateEmail($("#UserName" + device).val())) {
$(".msg_login").html("Email format is not correct");
$(".msg_login").show();
} else {
$.ajax({
url: "/Helpers/LoginUserName.asmx/CheckPasswordResetReduired",
type: 'POST',
data: '{ "Email": "' + $("#UserName").val() + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function(res) {
if (res.d == "True") {
location.href = "/account/reset_password/forgotpassword";
} else {
var email = $("#UserName").val();
var password = $("#Password").val();
var islogin = true;
localStorage.setItem('myaluname', email);
localStorage.setItem('myalpass', password);
localStorage.setItem('islogin', islogin);
$(location).attr('href', '/logintest');
}
}
});
}
}
}
</script>
<script>
jQuery('#UserName').attr('autocomplete', 'nope');
</script>
<div>
<div data-sf-role="sf-logged-in-view" style="display: none">
<ul style="padding: 0; margin: 0;">
<li style="width: 100%;position: relative;float: left;clear: both;margin: 7px;text-align: left;">
<a href="/home/SignOut/?sf_cntrl_id=ctl00$login$TD714E402022" id="mySignOut" style="font-size: 12px; padding-top: 0px; margin-top: 6px; margin-left: 2px;">
Sign Out
</a>
</li>
</ul>
</div>
</div>
<input data-sf-role="sf-status-json-endpoint-url" type="hidden" value="/rest-api/login-status">
<input data-sf-role="sf-logout-redirect-url" type="hidden" value="https://www.jaclo.com/home">
<input data-sf-role="sf-is-design-mode-value" type="hidden" value="False">
<input data-sf-role="sf-allow-windows-sts-login" type="hidden" value="False">
</div>
<div class="myAccountDialog" id="myAccDrop" style="display:block;">
<div id="loginStatus_TD714E402019">
</div>
</div>
</div>
</header>
<div class="dropProducts desk" id="menuProd">
<div class="content-large">
<div class="col-md-4 col-xs-4">
<h1>
BATHROOM
</h1>
<ul>
<li class="titleProd">
Shower
</li>
<li>
<a href="/catalogue/products/showerheads">
Showerheads
</a>
</li>
<li>
<a href="/catalogue/products/showerarms-drop-ceiling-nipples">
Showerarms & Drop Ceiling Nipples
</a>
</li>
<li>
<a href="/catalogue/products/shower-tub-trim">
Shower/Tub Trim
</a>
</li>
<li>
<a href="/catalogue/products/shower-tub-rough-valves-cartridges-extensions">
Shower/Tub Rough Valves, Cartridges, & Extensions
</a>
</li>
<li>
<a href="/catalogue/products/handshowers">
Handshowers
</a>
</li>
<li>
<a href="/catalogue/products/handheld-bidets">
Handheld Bidets
</a>
</li>
<li>
<a href="/catalogue/products/handshower-hoses">
Handshower Hoses
</a>
</li>
<li>
<a href="/catalogue/products/handshower-accessories">
Handshower Accessories
</a>
</li>
<li>
<a href="/catalogue/products/subway-line">
Exposed Rail
</a>
</li>
<li>
<a href="/catalogue/products/body-sprays">
Body Sprays
</a>
</li>
<li>
<a href="/catalogue/products/grab-bars">
Grab Bars
</a>
</li>
<li>
<a href="/catalogue/products/shower-door-pulls">
Shower Door Pulls
</a>
</li>
<li>
<a href="/catalogue/products/led-dream-lights-rain-canopy-water-features">
LED Dream Lights & Rain Canopy Water Features
</a>
</li>
<li>
<a href="/catalogue/products/shower-channel-drains">
Shower & Channel Drains
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-xs-4">
<ul>
<li class="titleProd">
Accessories
</li>
<li>
<a href="/catalogue/products/bathroom-accessories">
Bathroom Accessories
</a>
</li>
<li>
<a href="/catalogue/products/grab-bars">
Grab Bars
</a>
</li>
<li>
<a href="/catalogue/products/shower-door-pulls">
Shower Door Pulls
</a>
</li>
<li>
<a href="/catalogue/products/service-parts">
Service Parts
</a>
</li>
<li class="titleProd">
Faucet
</li>
<li>
<a href="/catalogue/products/faucets">
Faucets
</a>
</li>
<li>
<a href="/catalogue/products/sensor-faucet-soap-dispensers">
Sensor Faucets & Soap Dispenser
</a>
</li>
<li>
<a href="/catalogue/products/lavatory-faucet-drains">
Lavatory Faucet Drains
</a>
</li>
<li>
<a href="/catalogue/products/sink-traps-tubular-brass">
Sink Traps & Tubular Brass
</a>
</li>
<li>
<a href="/catalogue/products/faucet-supply-valve-kits">
Faucet Supply Valve Kits
</a>
</li>
<li>
<a href="/catalogue/products/jaclo-flex-supply-lines">
JACLO Flex Supply Lines
</a>
</li>
<li>
<a href="/catalogue/products/faucet-supply-valve-components">
Faucet Supply Valve Components
</a>
</li>
<li class="titleProd">
Tub
</li>
<li>
<a href="/catalogue/products/shower-tub-trim">
Shower/Tub Trim
</a>
</li>
<li>
<a href="/catalogue/products/shower-tub-rough-valves-cartridges-extensions">
Shower/Tub Rough Valves, Cartridges, & Extensions
</a>
</li>
<li>
<a href="/catalogue/products/tub-drains-faceplates-strainers">
Tub Drains, Faceplates, & Strainers
</a>
</li>
<li>
<a href="/catalogue/products/tub-spouts-roman-tub-sets">
Tub Spouts & Roman Tub Sets
</a>
</li>
<li>
<a href="/catalogue/products/free-standing-brass-tub-drains">
Freestanding & Wall Mount Tub Filler
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-xs-4">
<ul>
<li class="titleProd">
Toilet Accessories
</li>
<li>
<a href="/catalogue/products/toilet-tank-trip-levers">
Toilet Tank Trip Levers
</a>
</li>
<li>
<a href="/catalogue/products/toilet-supply-valve-kits">
Toilet Supply Valve Kits
</a>
</li>
<li>
<a href="/catalogue/products/jaclo-flex-supply-lines">
JACLO Flex Supply Lines
</a>
</li>
<li>
<a href="/catalogue/products/toilet-supply-valve-components">
Toilet Supply Valve Components
</a>
</li>
<li>
<a href="/catalogue/products/handheld-bidets">
Handheld Bidets
</a>
</li>
</ul>
<h1 style="margin-top: 1px">
KITCHEN
</h1>
<ul>
<li>
<a href="/catalogue/products/kitchen-accessories-strainers">
Kitchen Accessories & Strainers
</a>
</li>
</ul>
<h1 style="margin-top: 1px">
OUTDOOR
</h1>
<ul>
<li>
<a href="/catalogue/products/outdoor-showers-pool-fillers">
Outdoor Showers & Pool Fillers
</a>
</li>
</ul>
<h1 style="margin-top: 1px">
LUXURY COMPLIANCE
</h1>
<ul>
<li>
<a href="/catalogue/products/shower-channel-drains">
Shower & Channel Drains
</a>
</li>
<li>
<a href="/catalogue/products/grab-bars">
Grab Bars
</a>
</li>
</ul>
</div>
</div>
</div>
<ul class="dropCollections desk hideli" id="menuCol">
<li>
<a href="/collection/lila">
</a>
<h1>
<a href="/collection/lila">
LILA
</a>
</h1>
<div>
<a href="/collection/lila">
<span>
</span>
</a>
<h2>
<a href="/collection/lila">
LILA
</a>
</h2>
</div>
<a href="/collection/lila">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection01.jpeg">
</a>
</li>
<li>
<a href="/collection/contempo-slim-uptown">
</a>
<h1>
<a href="/collection/contempo-slim-uptown">
CONTEMPO
<br>
SLIM UPTOWN
</a>
</h1>
<div>
<a href="/collection/contempo-slim-uptown">
<span>
</span>
</a>
<h2>
<a href="/collection/contempo-slim-uptown">
CONTEMPO
<br>
SLIM UPTOWN
</a>
</h2>
</div>
<a href="/collection/contempo-slim-uptown">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection02.jpeg">
</a>
</li>
<li>
<a href="/collection/contempo-slim-downtown">
</a>
<h1>
<a href="/collection/contempo-slim-downtown">
CONTEMPO
<br>
SLIM DOWNTOWN
</a>
</h1>
<div>
<a href="/collection/contempo-slim-downtown">
<span>
</span>
</a>
<h2>
<a href="/collection/contempo-slim-downtown">
CONTEMPO
<br>
SLIM DOWNTOWN
</a>
</h2>
</div>
<a href="/collection/contempo-slim-downtown">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection03.jpeg">
</a>
</li>
<li>
<a href="/collection/uptown-contempo">
</a>
<h1>
<a href="/collection/uptown-contempo">
CONTEMPO
<br>
UPTOWN
</a>
</h1>
<div>
<a href="/collection/uptown-contempo">
<span>
</span>
</a>
<h2>
<a href="/collection/uptown-contempo">
CONTEMPO
<br>
UPTOWN
</a>
</h2>
</div>
<a href="/collection/uptown-contempo">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection04.jpeg">
</a>
</li>
<li>
<a href="/collection/downtown-contempo">
</a>
<h1>
<a href="/collection/downtown-contempo">
CONTEMPO
<br>
DOWNTOWN
</a>
</h1>
<div>
<a href="/collection/downtown-contempo">
<span>
</span>
</a>
<h2>
<a href="/collection/downtown-contempo">
CONTEMPO
<br>
DOWNTOWN
</a>
</h2>
</div>
<a href="/collection/downtown-contempo">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection05.jpeg">
</a>
</li>
<li>
<a href="/collection/roaring-20's">
</a>
<h1>
<a href="/collection/roaring-20's">
ROARING 20'S
</a>
</h1>
<div>
<a href="/collection/roaring-20's">
<span>
</span>
</a>
<h2>
<a href="/collection/roaring-20's">
ROARING 20'S
</a>
</h2>
</div>
<a href="/collection/roaring-20's">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection06.jpeg">
</a>
</li>
<li>
<a href="/collection/astor">
</a>
<h1>
<a href="/collection/astor">
ASTOR
</a>
</h1>
<div>
<a href="/collection/astor">
<span>
</span>
</a>
<h2>
<a href="/collection/astor">
ASTOR
</a>
</h2>
</div>
<a href="/collection/astor">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection07.jpeg">
</a>
</li>
<li>
<a href="/collection/westfield">
</a>
<h1>
<a href="/collection/westfield">
WESTFIELD
</a>
</h1>
<div>
<a href="/collection/westfield">
<span>
</span>
</a>
<h2>
<a href="/collection/westfield">
WESTFIELD
</a>
</h2>
</div>
<a href="/collection/westfield">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection08.jpeg">
</a>
</li>
<li>
<a href="/collection/cranford">
</a>
<h1>
<a href="/collection/cranford">
CRANFORD
</a>
</h1>
<div>
<a href="/collection/cranford">
<span>
</span>
</a>
<h2>
<a href="/collection/cranford">
CRANFORD
</a>
</h2>
</div>
<a href="/collection/cranford">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection09.jpeg">
</a>
</li>
<li>
<a href="/collection/cubix">
</a>
<h1>
<a href="/collection/cubix">
CUBIX
</a>
</h1>
<div>
<a href="/collection/cubix">
<span>
</span>
</a>
<h2>
<a href="/collection/cubix">
CUBIX
</a>
</h2>
</div>
<a href="/collection/cubix">
<img alt="" src="/ResourcePackages/Jaclo/assets/dist/images/collections/collection10.jpeg">
</a>
</li>
</ul>
<nav class="menu-mob mob">
<section class="ac-head">
<div>
<input id="ac-head-1" name="accordion-1" type="checkbox">
<label class="titulo" for="ac-head-1">
PRODUCTS
</label>
<article class="ac-head-todo">
<ul>
<li>
<div>
<input id="ac-head-2" name="accordion-2" type="checkbox">
<label class="subtitulo" for="ac-head-2">
BATHROOM
</label>
<article class="ac-head-todo">
<ul>
<li>
<div>
<input id="ac-head-3" name="accordion-3" type="checkbox">
<label class="segundosubtitulo" for="ac-head-3">
shower
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/showerheads">
Showerheads
</a>
</li>
<li>
<a href="/catalogue/products/showerarms-drop-ceiling-nipples">
Showerarms & Drop Ceiling Nipples
</a>
</li>
<li>
<a href="/catalogue/products/shower-tub-trim">
Shower/Tub Trim
</a>
</li>
<li>
<a href="/catalogue/products/shower-tub-rough-valves-cartridges-extensions">
Shower/Tub Rough Valves, Cartridges, & Extensions
</a>
</li>
<li>
<a href="/catalogue/products/handshowers">
Handshowers
</a>
</li>
<li>
<a href="/catalogue/products/handheld-bidets">
Handheld Bidets
</a>
</li>
<li>
<a href="/catalogue/products/handshower-hoses">
Handshower Hoses
</a>
</li>
<li>
<a href="/catalogue/products/handshower-accessories">
Handshower Accessories
</a>
</li>
<li>
<a href="/catalogue/products/subway-line">
Exposed Rail
</a>
</li>
<li>
<a href="/catalogue/products/body-sprays">
Body Sprays
</a>
</li>
<li>
<a href="/catalogue/products/grab-bars">
Grab Bars
</a>
</li>
<li>
<a href="/catalogue/products/shower-door-pulls">
Shower Door Pulls
</a>
</li>
<li>
<a href="/catalogue/products/led-dream-lights-rain-canopy-water-features">
LED Dream Lights & Rain Canopy Water Features
</a>
</li>
<li>
<a href="/catalogue/products/shower-channel-drains">
Shower & Channel Drains
</a>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-3A" name="accordion-3A" type="checkbox">
<label class="segundosubtitulo" for="ac-head-3A">
Accessories
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/bathroom-accessories">
Bathroom Accessories
</a>
</li>
<li>
<a href="/catalogue/products/grab-bars">
Grab Bars
</a>
</li>
<li>
<a href="/catalogue/products/shower-door-pulls">
Shower Door Pulls
</a>
</li>
<li>
<a href="/catalogue/products/service-parts">
Service Parts
</a>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-4" name="accordion-4" type="checkbox">
<label class="segundosubtitulo" for="ac-head-4">
faucet
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/faucets">
Faucets
</a>
</li>
<li>
<a href="/catalogue/products/sensor-faucet-soap-dispensers">
Sensor Faucet & Soap Dispensers
</a>
</li>
<li>
<a href="/catalogue/products/lavatory-faucet-drains">
Lavatory Faucet Drains
</a>
</li>
<li>
<a href="/catalogue/products/sink-traps-tubular-brass">
Sink Traps & Tubular Brass
</a>
</li>
<li>
<a href="/catalogue/products/faucet-supply-valve-kits">
Faucet Supply Valve Kits
</a>
</li>
<li>
<a href="/catalogue/products/jaclo-flex-supply-lines">
JACLO Flex Supply Lines
</a>
</li>
<li>
<a href="/catalogue/products/faucet-supply-valve-components">
Faucet Supply Valve Components
</a>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-5" name="accordion-5" type="checkbox">
<label class="segundosubtitulo" for="ac-head-5">
tub
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/shower-tub-trim">
Shower/Tub Trim
</a>
</li>
<li>
<a href="/catalogue/products/shower-tub-rough-valves-cartridges-extensions">
Shower/Tub Rough Valves, Cartridges, & Extensions
</a>
</li>
<li>
<a href="/catalogue/products/tub-drains-faceplates-strainers">
Tub Drains, Faceplates, & Strainers
</a>
</li>
<li>
<a href="/catalogue/products/tub-spouts-roman-tub-sets">
Tub Spouts & Roman Tub Sets
</a>
</li>
<li>
<a href="/catalogue/products/free-standing-brass-tub-drains">
Freestanding & Wall Mount Tub Filler
</a>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-6" name="accordion-6" type="checkbox">
<label class="segundosubtitulo" for="ac-head-6">
toilette accessories
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/toilet-tank-trip-levers">
Toilet Tank Trip Levers
</a>
</li>
<li>
<a href="/catalogue/products/toilet-supply-valve-kits">
Toilet Supply Valve Kits
</a>
</li>
<li>
<a href="/catalogue/products/jaclo-flex-supply-lines">
Flex Supply Lines
</a>
</li>
<li>
<a href="/catalogue/products/toilet-supply-valve-components">
Toilet Supply Valve Components
</a>
</li>
<li>
<a href="/catalogue/products/handheld-bidets">
Handheld Bidets
</a>
</li>
</ul>
</article>
</div>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-kit1" name="accordion-kit1" type="checkbox">
<label class="subtitulo" for="ac-head-kit1">
KITCHEN
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/kitchen-accessories-strainers">
Kitchen Accessories & Strainers
</a>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-out1" name="accordion-out1" type="checkbox">
<label class="subtitulo" for="ac-head-out1">
OUTDOOR
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/outdoor-showers-pool-fillers">
Outdoor Showers & Pool Fillers
</a>
</li>
</ul>
</article>
</div>
</li>
<li>
<div>
<input id="ac-head-lux1" name="accordion-lux1" type="checkbox">
<label class="subtitulo" for="ac-head-lux1">
LUXURY COMPLIANCE
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/catalogue/products/shower-channel-drains">
Shower & Channel Drains
</a>
</li>
<li>
<a href="/catalogue/products/grab-bars">
Grab Bars
</a>
</li>
</ul>
</article>
</div>
</li>
</ul>
</article>
</div>
<div class="hideli">
<input id="ac-head-col1" name="accordion-col1" type="checkbox">
<label class="titulo" for="ac-head-col1">
COLLECTIONS
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/collection/roaring-20's">
ROARING 20'S
</a>
</li>
<li>
<a href="/collection/westfield">
WESTFIELD
</a>
</li>
<li>
<a href="/collection/cranford">
CRANFORD
</a>
</li>
<li>
<a href="/collection/astor">
ASTOR
</a>
</li>
<li>
<a href="/collection/uptown-contempo">
UPTOWN CONTEMPO
</a>
</li>
<li>
<a href="/collection/downtown-contempo">
DOWNTOWN CONTEMPO
</a>
</li>
<li>
<a href="/collection/cubix">
CUBIX
</a>
</li>
<li>
<a href="/catalogue/products/subway-line">
SUBWAY LINE
</a>
</li>
</ul>
</article>
</div>
<div>
<a href="/finishes">
<label class="titulo">
FINISHES
</label>
</a>
</div>
<div>
<a href="/hospitality">
<label class="titulo">
HOSPITALITY
</label>
</a>
</div>
<div>
<a href="/about-us">
<label class="titulo">
ABOUT US
</label>
</a>
</div>
<div>
<input id="ac-head-con1" name="accordion-con1" type="checkbox">
<label class="titulo" for="ac-head-con1">
CONTACT US
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a class="dealer" href="/contact-us">
CONTACT US
<em class="fa fa-chevron-right fa-lg">
</em>
</a>
</li>
<li>
<p style="margin-bottom: 0">
129 Dermody Street Cranford, New Jersey 07016
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<em class="fa fa-phone-square fa-lg">
</em>
908.653.4433
</p>
</li>
</ul>
</article>
</div>
<div>
<a href="/dealers">
<label class="titulo">
WHERE TO BUY
</label>
</a>
</div>
<div>
<input id="ac-head-por1" name="accordion-por1" type="checkbox">
<label class="titulo" for="ac-head-por1">
PORTFOLIO
</label>
<article class="ac-head-todo">
<ul class="subrayado">
<li>
<a href="/my-portfolio">
My portfolio
</a>
</li>
</ul>
</article>
</div>
<div>
<a href="/catalogs-literature">
<label class="titulo">
CATALOGS + LITERATURE
</label>
</a>
</div>
<div id="divLogin">
<input id="ac-head-log1" name="accordion-log1" type="checkbox">
<label class="titulo" for="ac-head-log1">
LOG IN
</label>
<article class="ac-head-todo">
<ul class="loginDialog">
<li>
<label>
Email
</label>
<input id="login_email_m" name="login_email_m" type="text">
</li>
<li>
<label>
Password
<a href="/account/reset_password/forgotpassword">
forgot your password?
</a>
</label>
<input id="login_password_m" name="login_password_m" type="password">
</li>
<li>
<input id="login_remember_m" name="login_remember_m" type="checkbox" value="1">
Keep Me Signed In
</li>
<li>
<input id="mybtnLogin_m" name="btnLogin_m" type="button" value="Sign In">
</li>
<label class="msg_login" id="myMsgError">
</label>
<li>
Don´t have an account?
<a class="signUp" href="/account/create">
Sign Up
</a>
</li>
</ul>
</article>
</div>
<div id="divSignOut">
<input id="ac-head-myAcc1" name="accordion-myAcc1" type="checkbox">
<label class="titulo" for="ac-head-myAcc1" id="myUserName">
Hi, Isaiah
</label>
<article class="ac-head-todo">
<ul id="mobSignOut">
<li>
<label>
<a>
Sign Out
</a>
</label>
</li>
</ul>
</article>
</div>
<div id="myMobSignUpLink">
<a href="/account/create">
<label class="titulo">
Sign Up
</label>
</a>
</div>
</section>
</nav>
</div>
<section class="bannerArea" style="background-image: url('/images/default-source/default-source/hero-banner/quick-ship-home-page-1400x600-b.jpg?sfvrsn=67972323_3'); background-color: #4d536f; ">
<div class="containerlg">
<div class="bannerText">
<h2>
Welcome To Quick Ship
</h2>
<p>
In-stock & ready-to-ship within 48-hours of ordering
</p>
<a class="clickBtn" href="/quick-ship" target="_blank">
Learn More
</a>
</div>
</div>
</section>
<section class="showerSystemArea">
<div class="row containerlg">
<div class="sf_colsIn content" data-placeholder-label="Title" data-sf-element="Title" id="MainContent_C017_Col00">
<h2>
JACLO is your one-stop shop with a full range of faucets, shower systems, accessories, grab bars, channel drains, decorative specialties and the list goes on.
</h2>
</div>
<div class="row showerBox" data-sf-element="Row">
<div class="row">
<div class="sf_colsIn col-md-4 subitem" data-placeholder-label="Column 1" data-sf-element="Column 1" id="MainContent_C017_Col01">
<div class="image">
<img alt="" src="/images/default-source/default-source/newlayoutimages/shop_img1.jpg?sfvrsn=eaece838_3" title="shop_img1">
</div>
<div class="text">
<h3>
NEW Contempo Slim Uptown
</h3>
<p>
Our Contempo Slim line is a modern expansion of our Contempo collection with a sleek new profile.
</p>
<p>
<a class="clickme" href="https://www.jaclo.com/jaclo-search?q=contempo%20slim#page-1">
Learn more
</a>
</p>
</div>
</div>
<div class="sf_colsIn col-md-4 subitem" data-placeholder-label="Column 2" data-sf-element="Column 2" id="MainContent_C017_Col02">
<div class="image">
<img alt="" src="/images/default-source/default-source/newlayoutimages/rain-machine-500x500.jpeg?sfvrsn=307656ed_3" title="rain-machine-500x500">
</div>
<div class="text">
<h3>
The Rain Machine®
</h3>
<p>
Never Underestimate the Power of a Shower®. Our patented Rain Machine® showerheads are engineered to deliver the ultimate rain shower experience and are easy to clean.
</p>
<p>
<a class="clickme" href="https://jaclo.com/catalogue/products/showerheads/rain-machines">
Learn more
</a>
</p>
</div>
</div>
<div class="sf_colsIn col-md-4 subitem" data-placeholder-label="Column 3" data-sf-element="Column 2" id="MainContent_C017_Col03">
<div class="image">
<img alt="" src="/images/default-source/default-source/newlayoutimages/shop_img2.jpg?sfvrsn=866cc20a_3" title="shop_img2">
</div>
<div class="text">
<h3>
Freestanding Tub Fillers
</h3>
<p>
Complete your bathroom with our Contempo freestanding tub fillers, flowing at 14GPM.
</p>
<p>
<a class="clickme" href="https://jaclo.com/jaclo-search?q=freestanding%20tub%20fillers">
Learn more
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ourexistingArea">
<div class="containerlg">
<div class="row">
<div class="col-md-6 image">
<a href="/jaclo-equals-color">
<img alt="" src="/images/default-source/default-source/home-page/hp-920x920-jaclo-equals-color.png?sfvrsn=6032d48_3" title="hp-920x920-jaclo-equals-color">
</a>
</div>
<div class="col-md-6 subText">
<div class="box_item">
<h3>
JACLO’s vibrant colors add a playful accent to our existing standard finishes.
</h3>
<p>
Our finishing capability in the US allows us to bring additional creativity into our design community. With JACLO’s minimum of one, you can add an accent of color to a powder room, bathroom, guestroom, or public space. We are the POP of color that
adds light to a room.
</p>
<h3>
Dare to be Different
</h3>
<a class="clickme" href="/jaclo-equals-color">
Click Here to Learn More about JACLO=Color
</a>
</div>
</div>
</div>
</div>
</section>
<section class="CapabilitieArea">
<div class="containerlg">
<div class="row">
<div class="sf_colsIn containerlg" data-placeholder-label="Title" data-sf-element="Title" id="MainContent_C023_Col00">
<h2>
Problem Solvers & Custom Capabilities
</h2>
</div>
</div>
<div class="row">
<div class="sf_colsIn col-xs-6 col-lg-3 col-sm-6 col-md-3 sub_item" data-placeholder-label="Column 1" data-sf-element="Column 1" id="MainContent_C023_Col01">
<div class="image">
<a href="https://jaclo.com/detail/angledsloped-adjustable-ceiling-escutcheon-6019-">
<img alt="" src="/images/default-source/default-source/newlayoutimages/solver_img1.png?sfvrsn=d789aef1_3" title="solver_img1">
</a>
</div>
<div class="text">
<h3>
Angled/Sloped Adjustable Ceiling Escutcheon
<span>
6019-
</span>
</h3>
<a class="clickme" href="https://jaclo.com/detail/angledsloped-adjustable-ceiling-escutcheon-6019-">
Learn more
</a>
</div>
</div>
<div class="sf_colsIn col-xs-6 col-lg-3 col-sm-6 col-md-3 sub_item" data-placeholder-label="Column 2" data-sf-element="Column 2" id="MainContent_C023_Col02">
<div class="image">
<a href="https://jaclo.com/detail/4-cover-plate-for-single-hole-faucets-4-cplate-">
<img alt="" src="/images/default-source/default-source/newlayoutimages/solver_img2.png?sfvrsn=69123786_3" title="solver_img2">
</a>
</div>
<div class="text">
<h3>
4" Cover Plate for Single Hole Faucets
<span>
4-CPLATE-
</span>
</h3>
<a class="clickme" href="https://jaclo.com/detail/4-cover-plate-for-single-hole-faucets-4-cplate-">
Learn more
</a>
</div>
</div>
<div class="sf_colsIn col-xs-6 col-lg-3 col-sm-6 col-md-3 sub_item" data-placeholder-label="Column 3" data-sf-element="Column 3" id="MainContent_C023_Col03">
<div class="image">
<a href="https://jaclo.com/detail/quarter-turn-angle-pattern-58-od-compression-x-38-od-compression-supply-valve-with-contempo-lever-handle-for-skirted-toilet-616-2-skt-">
<img alt="" src="/images/default-source/default-source/newlayoutimages/solver_img4.png?sfvrsn=4f2ec300_3" title="solver_img4">
</a>
</div>
<div class="text">
<h3>
Quarter Turn Angle Pattern 5/8" O.D. Compression x 3/8" O.D. Compression Supply Valve with Contempo Lever Handle For Skirted Toilet
<span>
616-2-SKT-
</span>
</h3>
<a class="clickme" href="https://jaclo.com/detail/quarter-turn-angle-pattern-58-od-compression-x-38-od-compression-supply-valve-with-contempo-lever-handle-for-skirted-toilet-616-2-skt-">
Learn more
</a>
</div>
</div>
<div class="sf_colsIn col-xs-6 col-lg-3 col-sm-6 col-md-3 sub_item" data-placeholder-label="Column 4" data-sf-element="Column 4" id="MainContent_C023_Col04">
<div class="image">
<a href="/custom-capabilities">
<img alt="" src="/images/default-source/default-source/newlayoutimages/solver_img3.png?sfvrsn=6dae99c6_3" title="solver_img3">
</a>
</div>
<div class="text">
<h3>
Learn More About Our Custom Capabilities
<span>
</span>
</h3>
<a class="clickme" href="/custom-capabilities">
Learn more
</a>
</div>
</div>
</div>
</div>
</section>
<section class="ourexistingArea partnerArwa">
<div class="containerlg">
<div class="row">
<div class="col-md-6 subText">
<div class="box_item">
<h3>
JACLO Hospitality: Trusted Partner to Industry Leaders
</h3>
<p>
From supply chain expertise to specification support to custom colors — think of us as your personal plumbing consultant in the Hospitality Project Division.
</p>
<a class="clickme" href="/hospitality">
Click Here to learn about our Hospitality Division
</a>
</div>
</div>
<div class="col-md-6 image">
<a href="/hospitality">
<img alt="" src="/images/default-source/default-source/home-page/hp-920x705-hospitality.png?sfvrsn=83cde4bd_6" title="hp-920x705-hospitality">
</a>
</div>
</div>
</div>
</section>
<section class="inspirationArea">
<div class="containerlg">
<div class="subText">
<h2>
See Daily Design Inspiration
</h2>
<a class="clickme" data-sf-ec-immutable="" href="https://instagram.com/jacloindustries" target="_blank">
Click Here to follow us on Instagram
</a>
</div>
</div>
</section>
<!-- START inspirationArea -->
<section class="inspirationArea">
<div class="inspiratBox">
</div>
</section>
<!-- END inspirationArea -->
<script type="text/jscript">
var token = 'IGQWROeXVSZAGZAHUEo0ODhDTm5MV2xfYTNOUDZAqRDljSExiSmpNbTJrMjFCdnBOSGhIeUVIOTBwSUtjX3ZAxeUFWV0tqSVdWMjJPYjlMYWRrRmh0a0huaTJjZAkJmRzZACV01wR3RpTkx6aGtaeHM1cEtNTGFYRkVkMm8ZD', num_photos = 10;
$.ajax({
url: 'https://graph.instagram.com/me/media?fields=media_url,media_type,thumbnail_url,permalink&limit=5',
dataType: 'jsonp',
type: 'GET',
data: {
access_token: token
},
success: function(data) {
$.each(data.data, function(key, val) {
if (val.media_type == "VIDEO") {
$('.inspiratBox').append('<div class="item"><a href="' + val.permalink + '" target="_blank"><div class="sub"><img src="' + val.thumbnail_url + '" alt="Instagram"><div class="icon_hvr"><img src="../ResourcePackages/Jaclo/assets/dist/images/instagram_icn.png" alt="instagram_icn"></div></div></a></div>');
} else {
$('.inspiratBox').append('<div class="item"><a href="' + val.permalink + '" target="_blank"><div class="sub"><img src="' + val.media_url + '" alt="Instagram"><div class="icon_hvr"><img src="../ResourcePackages/Jaclo/assets/dist/images/instagram_icn.png" alt="instagram_icn"></div></div></a></div>');
}
});
},
error: function(data) {
console.log(data);
}
});
</script>
<footer class="mob">
<section class="ac-foot">
<div>
<input id="ac-foot-1" name="accordion-1" type="checkbox">
<label for="ac-foot-1">
COMPANY
</label>
<article class="ac-foot-todo" data-sf-ec-immutable="">
<ul>
<li>
<a class="gris" href="/custom-capabilities">
Custom Capabilities
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/hospitality">
Hospitality
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/jaclo-equals-color">
JACLO=Color
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/quick-ship">
Quick Ship Program
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/about-us">
About Us
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/finishes">
Finishes
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/careers">
Careers
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/giving-back">
Giving Back
</a>
</li>
<li class="hideli">
<a data-sf-ec-immutable="" href="/about-us#why-jaclo">
Why JACLO
</a>
</li>
</ul>
</article>
</div>
<div>
<input id="ac-foot-2" name="accordion-2" type="checkbox">
<label for="ac-foot-2">
SUPPORT
</label>
<article class="ac-foot-todo" data-sf-ec-immutable="">
<ul>
<li>
<a href="/catalogs-literature">
Catalogs + Literature
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/care-instructions">
Care & Cleaning Tips
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/warranty">
Warranty
</a>
</li>
</ul>
</article>
</div>
<div class="hideli">
<input id="ac-foot-3" name="accordion-3" type="checkbox">
<label for="ac-foot-3">
PRODUCTS
</label>
<article class="ac-foot-todo" data-sf-ec-immutable="">
<ul>
<li>
<a href="/catalogue/all/2-kitchen">
Kitchen
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/catalogue/all/3-outdoor">
Outdoor
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/catalogue/all/4-luxury-compliance">
Luxury Compliance
</a>
</li>
</ul>
</article>
</div>
<div class="hideli">
<input id="ac-foot-4" name="accordion-4" type="checkbox">
<label for="ac-foot-4">
COLLECTIONS
</label>
<article class="ac-foot-todo" data-sf-ec-immutable="">
<ul>
<li>
<a href="/collection/roaring-20's">
Roaring 20's
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/collection/westfield">
Westfield
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/collection/cranford">
Cranford
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/collection/astor">
Astor
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/collection/uptown-contempo">
Uptown Contempo
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/collection/downtown-contempo">
Downtown Contempo
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/collection/cubix">
Cubix
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="/catalogue/products/subway-line">
Subway Line
</a>
</li>
</ul>
</article>
</div>
<div>
<input id="ac-foot-8" name="accordion-8" type="checkbox">
<label class="withoutafter" for="ac-foot-8">
WHERE TO BUY - DEALER LOCATOR
</label>
</div>
<div>
<input id="ac-foot-5" name="accordion-5" type="checkbox">
<label for="ac-foot-5">
SIGN UP
</label>
<article class="ac-foot-todo">
<ul>
<li>
<h1>
Sign up to receive the latest news from JACLO
</h1>
<input class="enterMail" data-sf-ec-immutable="" id="newsletter_email_m" name="newsletter_email_m" placeholder="Enter Email Address" type="text">
<button id="btnNewsletter_m4" name="btnNewsletter3" type="button" value="Sign Up">
Sign Up
</button>
<p class="lbl_newsletter_msg" style="display: none">
</p>
</li>
</ul>
</article>
</div>
<div>
<input id="ac-foot-6" name="accordion-6" type="checkbox">
<label for="ac-foot-6">
CONTACT US
</label>
<article class="ac-foot-todo">
<ul>
<li>
<h1>
CONTACT US
</h1>
<p style="margin-bottom: 0">
Cranford, New Jersey 07016
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<em class="fa fa-phone-square fa-lg">
</em>
908.653.4433
</p>
</li>
</ul>
</article>
</div>
<div>
<input id="ac-foot-7" name="accordion-7" type="checkbox">
<label for="ac-foot-7">
SOCIAL
</label>
<article class="ac-foot-todo" data-sf-ec-immutable="">
<ul>
<li>
<a href="https://www.facebook.com/JACLOindustries/?fref=ts" target="_blank">
<em class="fa fa-facebook fa-lg">
</em>
Facebook
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="https://twitter.com/jacloindustries" target="_blank">
<em class="fa fa-twitter fa-lg">
</em>
Twitter
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="https://www.linkedin.com/company/jaclo" target="_blank">
<em class="fa fa-linkedin-square fa-lg">
</em>
Linkedin
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="https://www.instagram.com/jacloindustries/" target="_blank">
<em class="fa fa-instagram fa-lg">
</em>
Instagram
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="https://www.pinterest.com/jacloindustries/ " target="_blank">
<em class="fa fa-pinterest fa-lg">
Pinterest
</em>
</a>
</li>
<li>
<a data-sf-ec-immutable="" href="https://www.youtube.com/channel/UCYRrFcV1Nlac5mRZ8qNztjg" target="_blank">
<em class="fa fa-youtube-play fa-lg">
</em>
YouTube
</a>
</li>
</ul>
</article>
</div>
</section>
<div class="copy">
© 2024 JACLO. All Rights Reserved |
<a data-sf-ec-immutable="" href="/privacy">
Privacy Policy
</a>
|
<a data-sf-ec-immutable="" href="/terms-of-use">
Terms and Conditions
</a>
</div>
</footer>
<footer class="desk">
<section class="content-large">
<div class="row">
<div class="col-md-8 col-xs-6">
<div class="col-md-3 col-xs-6">
<ul class="linksFoot">
<li>
COMPANY:
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/custom-capabilities">
Custom Capabilities
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/hospitality">
Hospitality
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/jaclo-equals-color">
JACLO=Color
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/quick-ship">
Quick Ship Program
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/about-us">
About Us
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/finishes">
Finishes
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/careers">
Careers
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/giving-back">
Giving Back
</a>
</li>
<li class="hideli">
<a data-sf-ec-immutable="" href="/about-us#why-jaclo">
Why JACLO
</a>
</li>
</ul>
</div>
<div class="col-md-3 col-xs-6">
<ul class="linksFoot">
<li>
SUPPORT:
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/catalogs-literature">
Catalogs + Literature
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/care-instructions">
Care & Cleaning Tips
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/warranty">
Warranty
</a>
</li>
</ul>
</div>
<div class="col-md-3 col-xs-6 hideli">
<ul class="linksFoot">
<li>
PRODUCTS:
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/catalogue/products/kitchen">
Kitchen
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/catalogue/products/outdoor">
Outdoor
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/catalogue/products/luxury-compliance">
Luxury Compliance
</a>
</li>
</ul>
</div>
<div class="col-md-3 col-xs-6 hideli">
<ul class="linksFoot">
<li>
COLLECTIONS:
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/lila">
Lila
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/contempo-slim-uptown">
Contempo Slim Uptown
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/contempo-slim-downtown">
Contempo Slim Downtown
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/uptown-contempo">
Contempo Uptown
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/downtown-contempo">
Contempo Downtown
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/roaring-20's">
Roaring 20's
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/astor">
Astor
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/westfield">
Westfield
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/cranford">
Cranford
</a>
</li>
<li>
<a class="gris" data-sf-ec-immutable="" href="/collection/cubix">
Cubix
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-xs-6">
<ul class="linksFoot">
<li>
<a href="/dealers">
WHERE TO BUY - DEALER LOCATOR
<em class="fa fa-chevron-right fa-lg">
</em>
</a>
</li>
<li>
<div id="defaultForm">
<h1>
Sign up to receive the latest news from JACLO
</h1>
<div id="siteTextArea" style="display:none;">
<input aria-describedby="SubscribeFormInfo-1 SubscribeFormValidatonInfo-1" aria-required="true" data-val="true" data-val-email="Email address is invalid" data-val-required="The Email field is required." id="Email" name="Email" placeholder="Enter Email Address" type="email" value="">
</div>
<button id="siteSignUpBtn" style="display:none;" type="submit">
Sign Up
</button>
<div aria-live="assertive" class="text-danger" id="SubscribeFormValidatonInfo-1" role="alert">
<span class="form-text">
<span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true">
</span>
</span>
</div>
</div>
<script type="text/javascript">
(function($) {
$(function() {
var container = document.getElementById("defaultForm");
if (container === null) return;
var inputs = container.querySelectorAll("input, textarea, select");
var allInputs = document.forms["aspnetForm"].querySelectorAll('input, textarea', 'select');
var widgetValidators = [];
for (var i = 0; i < allInputs.length; i++) {
if ($(allInputs[i]).data('widget-validator')) {
widgetValidators.push($(allInputs[i]).data('widget-validator'));
}
allInputs[i].addEventListener("invalid", function(event) {
if (Array.indexOf(inputs, document.activeElement) >= 0 && Array.indexOf(inputs, event.target) < 0) event.preventDefault();
}, true);
}
var submitClick = function(sender) {
var isValid = true;
for (var i = 0; i < inputs.length; i++) {
if (typeof inputs[i].willValidate !== "undefined" && inputs[i].willValidate) isValid = inputs[i].validity.valid && isValid;
if (isValid && typeof ($(inputs[i]).data('sfvalidator')) === 'function') isValid = $(inputs[i]).data('sfvalidator')();
if (typeof $ !== "undefined" && typeof $.validator !== "undefined") isValid = $(inputs[i]).valid() && isValid;
}
if (isValid) {
sender.preventDefault();
var deferreds = [];
for (var i = 0; i < widgetValidators.length; i++) {
deferreds.push(widgetValidators[i]());
}
$.when.apply($, deferreds).done(function() {
for (var i = 0; i < widgetValidators.length; i++) {
if (!arguments[i]) {
return false;
}
}
var form = document.createElement("form");
form.style.display = "none";
form.setAttribute("action", "/home/");
form.setAttribute("method", "POST");
if (container.getAttribute("enctype")) form.setAttribute("enctype", container.getAttribute("enctype")); else form.setAttribute("enctype", document.forms["aspnetForm"].getAttribute("enctype"));
form.setAttribute("encoding", document.forms["aspnetForm"].getAttribute("encoding"));
form.appendChild(container);
sender = sender.target || sender.srcElement;
if (sender) {
var submitHiddenInput = document.createElement("input");
submitHiddenInput.setAttribute("type", "hidden");
submitHiddenInput.setAttribute("name", sender.name);
submitHiddenInput.setAttribute("value", sender.value || "Submit");
form.appendChild(submitHiddenInput);
}
document.body.appendChild(form);
var kInputs = container.querySelectorAll(".k-upload input[type='file']");
for (var i = 0; i < kInputs.length; i++) {
var kInput = kInputs[i];
if (!kInput.value) {
kInput.setAttribute("disabled", "disabled");
window.setTimeout(function() {
kInput.removeAttribute("disabled");
}, 0);
}
}
if (typeof MarketoSubmitScript !== 'undefined') {
MarketoSubmitScript._populateFormId($('input[data-sf-role="form-id"]').val());
var newSubmitButtons = $(form).find(MarketoSubmitScript._settings.externalFormSubmitButtonsQuery);
if (newSubmitButtons.length > 0) MarketoSubmitScript._formFields = MarketoSubmitScript._getExternalFormFields(newSubmitButtons[0]);
if (MarketoSubmitScript._formFields && MarketoSubmitScript._formFields.length === 0) MarketoSubmitScript._populateFieldsFromLabels(form);
MarketoSubmitScript._formSubmitHandler(form.parentElement);
}
form.submit();
return false;
});
}
};
var handleFormSubmitElements = function(elementName) {
var allSubmitElements = container.getElementsByTagName(elementName);
var elementCount = allSubmitElements.length;
while (elementCount) {
typeAttr = allSubmitElements[elementCount - 1].getAttribute("type");
if (typeAttr == "submit") {
var currentClick = allSubmitElements[elementCount - 1].onclick;
if (currentClick) allSubmitElements[elementCount - 1].onclick = function() {
if (currentClick()) return submitClick(); else return false;
}; else allSubmitElements[elementCount - 1].onclick = submitClick;
}
elementCount--;
}
};
handleFormSubmitElements("input");
handleFormSubmitElements("textarea");
handleFormSubmitElements("select");
handleFormSubmitElements("button");
});
})(jQuery);
</script>
<input id="newsletter_email" name="newsletter_email" placeholder="Enter Email Address" type="text">
<button class="newlettersignup" id="btnNewsletter3" name="btnNewsletter3" style="margin-bottom: 7px;" type="button" value="Sign Up">
Sign Up
</button>
<div class="g-recaptcha" data-sitekey="6Ld-ZXQfAAAAAEsz4fhmwKIT4sh4TTRqBTM8lsq3">
</div>
<label class="lbl_newsletter_msg" style="display: block;">
Please, enter your Email
</label>
<style>
#newsletter_email {
border : #77787b 1px solid;
border-radius : 2px;
background-color : transparent;
height : 40px;
padding-left : 12px;
width : 55%;
color : #FFF;
}
#btnNewsletter3 {
border : #77787b 1px solid;
border-radius : 2px;
background-color : transparent;
height : 40px;
padding : 0 12px;
color : #e5e5e5;
margin-left : 2%;
font-weight : 400;
}
#btnNewsletter_m4 {
border : #77787b 1px solid;
border-radius : 2px;
background-color : transparent;
height : 40px;
padding : 0 12px;
color : #e5e5e5;
font-weight : 400;
}
#btnNewsletter3:hover {
background-color : #77787b;
color : #202020;
}
</style>
<script>
function Loadcaptch() {
var response = grecaptcha.getResponse();
alert(response.length);
if (response.length == 0) {
$('.lbl_newsletter_msg').html("please verify you are humann!").css('color', 'red');
setTimeout(function() {
$('.btnNewsletter3').css('pointer-events', 'auto');
}, 500);
alert('1');
return false;
} else {
return true;
}
}
</script>
</li>
<li>
<a class="dealer" href="/contact-us">
</a>
<a href="/contact-us">
<h1>
CONTACT US
</h1>
</a>
<p>
Cranford, New Jersey 07016
<br>
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<a class="gris" href="mailto:[email protected]">
<em class="fa fa-envelope fa-lg">
</em>
[email protected]
</a>
<br>
<em class="fa fa-phone-square fa-lg">
</em>
908.653.4433
</p>
</li>
</ul>
</div>
<div class="redes">
<a href="https://www.facebook.com/JACLOindustries/?fref=ts" target="_blank">
<em class="fa fa-facebook fa-lg">
</em>
</a>
<a href="https://twitter.com/jacloindustries" target="_blank">
<em class="fa fa-twitter fa-lg">
</em>
</a>
<a href="https://www.linkedin.com/company/jaclo" target="_blank">
<em class="fa fa-linkedin-square fa-lg">
</em>
</a>
<a href="https://www.instagram.com/jacloindustries/" target="_blank">
<em class="fa fa-instagram fa-lg">
</em>
</a>
<a href="https://www.pinterest.com/jacloindustries/ " target="_blank">
<em class="fa fa-pinterest fa-lg">
</em>
</a>
<a href="https://www.youtube.com/channel/UCYRrFcV1Nlac5mRZ8qNztjg" target="_blank">
<em class="fa fa-youtube-play fa-lg">
</em>
</a>
</div>
<div class="copy">
© 2024 JACLO. All Rights Reserved |
<a data-sf-ec-immutable="" href="/privacy">
Privacy Policy
</a>
|
<a data-sf-ec-immutable="" href="/terms-of-use">
Terms and Conditions
</a>
</div>
</div>
</section>
</footer>
<script src="/ResourcePackages/Jaclo/assets/dist/js/jquery-1.11.2.min.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/preloader.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/wow.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/owl.carousel.min.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/jquery.validate.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/init.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/front/general.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/top.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/modernizr.custom.29473.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/typeahead.bundle.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/idcomar/js/plugins/bootstrap-modal/bootstrap-modal.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/idcomar/js/plugins/bootstrap-modal/bootstrap-modalmanager.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/index.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/index.js" type="text/javascript">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/jquery.simplePagination.js">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/mustache.min.js">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/printThis.js">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/jquery.zoom.js">
</script>
<script src="/ResourcePackages/Jaclo/assets/dist/js/jquery.flexslider.js">
</script>
<script type="text/javascript">
window.__TsmHiddenField = $get('ctl06_TSM');
</script>
<script type="text/javascript">
var lgname = $('#FooterSitemap_TD714E402023').text();
if (lgname == "") {
document.getElementById("logBtn").innerHTML = "Log In";
} else {
document.getElementById("logBtn").innerHTML = lgname;
}
</script>
<script type="text/javascript">
var logintext = $('#logBtn').text();
var comptext = "Log In";
var msgerror = $('.myerror').text();
$('#myUserName').text(logintext);
$('#myMsgError').text(msgerror);
if (logintext === comptext) {
$('#divLogin').show();
$('#divSignOut').hide();
} else {
$('#divSignOut').show();
$('#divLogin').hide();
$('[data-sf-role="sf-logged-in-view"]').show();
}
</script>
<script type="text/javascript">
</script>
<script type="text/javascript">
$('#Slide2 h1').html('CONFIDENCE' + '<br>' + 'FROM START TO FINISH');
</script>
<script type="text/javascript">
(function(tpc) {
tpc.identity = {
"userId": "00000000-0000-0000-0000-000000000000",
"firstName": null,
"lastName": null,
"fullName": null,
"userName": "guest",
"userEmail": null,
"contactId": "00000000-0000-0000-0000-000000000000",
"crmUserId": "00000000-0000-0000-0000-000000000000",
"parentCustomerId": "00000000-0000-0000-0000-000000000000",
"parentCustomerType": null,
"priceListId": "00000000-0000-0000-0000-000000000000",
"roles": null
};
})(window.tpc = window.tpc || {
});
;
(function() {
function loadHandler() {
var hf = $get('ctl07_TSSM');
if (!hf._RSSM_init) {
hf._RSSM_init = true;
hf.value = '';
}
hf.value += ';Telerik.Sitefinity.Resources, Version=13.3.7639.0, Culture=neutral, PublicKeyToken=b28c218413bdf563:en:48476f11-84d3-416d-9170-bf12642e821e:7a90d6a';
Sys.Application.remove_load(loadHandler);
}
;
Sys.Application.add_load(loadHandler);
})();
</script>
</form>
<script type="text/javascript">
var x = document.getElementsByClassName("slider-home");
x[0].style.paddingTop = "0px";
</script>
</body>
</html>