<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="https://www.w3.org/1999/xhtml">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="preconnect" href="https://hello.myfonts.net">
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/plugins/jquery/jquery-1.10.2.min.js"></script>

<!-- Bootstrap library and plugins -->
<!--<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/bootstrap-dialog.min.js"></script>-->
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/EC_King_Bootstrap.js"></script>	
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/bootstrap-maxlength.min.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/jquery/jquery.showLoading.min.js"></script>

<!-- EASYProcess scripts -->
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/EC_King_unified.js?v8810"></script>
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/lazysizes.min.js?v8810"></script>

<!--<link href="/King_QA/EASYCommerce/styles/EP_Utils.css?v8810" rel="stylesheet" type="text/css" />-->
<!--<link href="/King_QA/EASYCommerce/styles/showLoading.css?v8810" rel="stylesheet" type="text/css" />-->
<!--<link href="/King_QA/EASYCommerce/styles/style.css?v8810" rel="stylesheet" type="text/css" />-->

<link href="/King_QA/EASYCommerce/scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/King_QA/EASYCommerce/scripts/plugins/bootstrap/css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
<link fetchpriority="high" rel="preload" href="/images/our-offerings-mainSlider-koenig_1800x600.avif" as="image">
<!--[if lt IE 9]>
<script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/json2.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/html5shiv.js"></script>
<script type="text/javascript" src="/King_QA/EASYCommerce/scripts/plugins/bootstrap/respond.min.js"></script>
<![endif]-->

<base target="_self"></base>
<meta http-equiv="Pragma" content="no-cache">
		<link rel="shortcut icon" href="/King_QA/EASYCommerce/King/Images/KingLogo.ico"/><title>HingesAndHardware | King Architectural Metals</title><link type="text/css" rel="stylesheet" media="screen" href=" /King_QA/EASYCommerce/styles/MyFontsWebfontsKit.css?v8810"/><link type="text/css" rel="stylesheet" media="screen" href=" /King_QA/EASYCommerce/King/Styles/King_Unified_Style.min.css?v8810"/><script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/scripts/KingUnifiedScript_2.js?v8810"></script><script type="text/javascript" language="javascript" src="/King_QA/EASYCommerce/Scripts/EC_SuggestiveSearch.js?v8810"></script><link type="text/css" rel="stylesheet" media="only screen and (max-width:1px)" href=" King/Styles/King_Unified_Style.min.css?v8810"/><link type="text/css" rel="stylesheet" media="screen" href=" King/Styles/King_Unified_Style.min.css?v8810"/><link rel="canonical" href="HingesAndHardware"/>
	</head>

	<body>

	<form method="post" runat="server" id="form1" enctype="multipart/form-data">
        <input  name = "ModelStateData" type = "hidden" value = "{&quot;ControlState&quot;:[]}" class = ""  ></input>
	<script type="text/javascript">
	//<![CDATA[
	var theForm = document.forms['form1'];
	if (!theForm) {
	    theForm = document.form1;
	}
	function __doPostBack(eventTarget, eventArgument) {
	    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
		theForm.__EVENTTARGET.value = eventTarget;
		theForm.__EVENTARGUMENT.value = eventArgument;
		theForm.submit();
	    }
	}
	//]]>
	</script>


	<table class="LayoutTable" width="100%" style="margin:auto;" cellpadding="0" cellspacing="0">
   <tbody>
      <tr class="LayoutRow">
         <td class="LayoutCell ActiveSection">
            <table class="LayoutTable" width="100%" cellpadding="0" cellspacing="0">
               <tbody>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicHeader" valign="top" editbyid="Basic" editbytype="Template" contentid="Header" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000109" instid = "1" ajax = "False" pn = "Shopping" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-SiteHeader-Main" style=""><tr class=""><td align="center" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10002526" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002526_VisibleController@1@-1@-1" id ="WSEC-10002526_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002537" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002537_VisibleController@1@-1@-1" id ="WSEC-10002537_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000652" instid = "2" ajax = "False" pn = "Shopping" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003283" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003283_VisibleController@2@-1@-1" id ="WSEC-10003283_VisibleController@2@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="SiteLogoButton@2@-1@-1" id ="SiteLogoButton@2@-1@-1" ct ="Field" style="height: 34px;margin: 18px 0px 18px 36px;"  href ="Default"><img src="https://www.krisecloud.com/king_qa/easycommerce/king/images/kinglogos-24.png" border="0" class="" style="" /></a></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@2@-1@-1" id ="HtmlGenericControl@2@-1@-1" ct ="Field" ><style>
a[name^="SiteLogoButton"] > img{
    height: 34px;
    margin-top: 13px;
}
</style></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003924" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003924_VisibleController@1@-1@-1" id ="WSEC-10003924_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002528" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderRight-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002528_VisibleController@1@-1@-1" id ="WSEC-10002528_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002680" ct="section" class="" style="display:none;"><table width="450px" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="450px" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002680_VisibleController@1@-1@-1" id ="WSEC-10002680_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Section-Default-GridCell"></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002682" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002682_VisibleController@1@-1@-1" id ="WSEC-10002682_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10002683" ct="section" class=""><table width="450px" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style="background-color: transparent;"><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="450px" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002683_VisibleController@1@-1@-1" id ="WSEC-10002683_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridHeaderCell"><span   >Impersonating Customer:</span></td><td align="left" valign="middle" class="Section-Default-GridHeaderCell"><span   ></span></td></tr><tr class="Section-Default-GridRow"><td align="left" valign="middle" class="Section-Default-GridCell"><Span   class="Label-Red" name ="NowImpersonating@1@-1@-1" id ="NowImpersonating@1@-1@-1" ct ="Field" style="FONT-WEIGHT:bold; COLOR:red;" >Impersonating customer:</Span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a href="#"  border = "0"  class="Button-Default-Link" name ="StopImpersonating@1@-1@-1" id ="StopImpersonating@1@-1@-1" ct ="Field" style=";CURSOR:pointer;"  onclick="return EP_CallFieldProcess(event,{&quot;parameter&quot;:[{&quot;Enabled&quot;:&quot;True&quot;,&quot;FieldId&quot;:&quot;WFLD-10008884&quot;,&quot;FieldName&quot;:&quot;StopImpersonating&quot;,&quot;CausesValidation&quot;:&quot;Yes&quot;,&quot;ValidationGroup&quot;:&quot;&quot;,&quot;ViewSubmitType&quot;:&quot;&quot;,&quot;ActionType&quot;:&quot;ButtonClick&quot;,&quot;EnableStateStore&quot;:&quot;False&quot;,&quot;DisableStateRestore&quot;:&quot;False&quot;}]});" isdefault="false"  >Stop Impersonation</a></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td class="Section-Default-GridCell"></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003390" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderLinks-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003390_VisibleController@1@-1@-1" id ="WSEC-10003390_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10004240" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004240_VisibleController@1@-1@-1" id ="WSEC-10004240_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="LoginLink@1@-1@-1" id ="LoginLink@1@-1@-1" ct ="Field"  href ="Login">login /       create account</a></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10004241" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-HeaderAccLinks-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004241_VisibleController@1@-1@-1" id ="WSEC-10004241_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><Field FieldId="WFLD-10013874" FieldName="AccountLink" Desc="True" class=""></td><td align="right" valign="middle" class="Section-Default-GridCell"><Field FieldName="AccountLink" FieldId="WFLD-10013874" class=""></td><td align="left" class="Section-Default-GridHeaderCell"><Field FieldId="WFLD-10013875" FieldName="Logout" Desc="True" class=""></td><td align="left" valign="middle" class="Section-Default-GridCell"><Field FieldName="Logout" FieldId="WFLD-10013875" class=""></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl4@1@-1@-1" id ="HtmlGenericControl4@1@-1@-1" ct ="Field" style="display:none;" ><style>
  .Section-HeaderAccLinks-Main .Section-Default-GridCell:nth-child(4){
width:58px;
}
  .Section-HeaderAccLinks-Main .Section-Default-GridCell:nth-child(4) a{
width:50px;
display:inline-block;
}
</style></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td><td align="right" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003277" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-SuggestedSearch-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003277_VisibleController@1@-1@-1" id ="WSEC-10003277_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="" name ="SuggestedSearch@1@-1@-1" id ="SuggestedSearch@1@-1@-1" ct ="Field" ><div id="easy-suggestion" class="desktopSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg" onclick="ssClick(event);" alt="Search" src="/King_QA/EASYCommerce/Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
			$(document).ready(function(){
			$('#easy-suggestion.desktopSearch #suggestion').keypress(function(e){
			if(e.keyCode==13)
			$('.desktopSearch .ssimg').click();
			});
		    $("#suggestion").attr('autocomplete','nope');
			});

     		</script><style>.ssimg{cursor: pointer;}</style></div></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10004353" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10004353_VisibleController@1@-1@-1" id ="WSEC-10004353_VisibleController@1@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl5@1@-1@-1" id ="HtmlGenericControl5@1@-1@-1" ct ="Field" ><script>
$(function(){
$("#AccountNav").remove();
});

</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicNav" valign="top" editbyid="Basic" editbytype="Template" contentid="Menu" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000206" instid = "3" ajax = "False" pn = "Shopping" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-Default-Main" style=""><tr class=""><td align="left" valign="middle" class=""><Span IsSection="True" SectionId="WSEC-10002523" ct="section" class="" style="display:none;"><table width="100%" CellSpacing="0" CellPadding="0" class="Menu-Style Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10002523_VisibleController@3@-1@-1" id ="WSEC-10002523_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td class="Menu-Style Section-Default-GridCell"></td><td class="Menu-Style Section-Default-GridCell"></td><td align="right" valign="middle" class="Menu-Style Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10000101" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10000101_VisibleController@3@-1@-1" id ="WSEC-10000101_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl@3@-1@-1" id ="HtmlGenericControl@3@-1@-1" ct ="Field" ><script>
$(function(){
$(".Menu-HorizontalMenu-Level1Cell").on("touchstart",function(event){
  if($(this).children('a').attr('href')=="#ep"){
    event.preventDefault();
  }
  $(this).mouseover();
});
});
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003406" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003406_VisibleController@3@-1@-1" id ="WSEC-10003406_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="APIUrlJS@3@-1@-1" id ="APIUrlJS@3@-1@-1" ct ="Field" ><script>
			var cartCountAPIUrl = 'https://www.krisecloud.com/King_QA/EASYCommerce//REST/JSON/GetCartCount';
		</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl1@3@-1@-1" id ="HtmlGenericControl1@3@-1@-1" ct ="Field" ><script>
async function fetchData() {

  try {
    const response = await fetch(cartCountAPIUrl); // Make the GET request

    if (!response.ok) { // Check if the request was successful
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const data = await response.json(); // Parse the JSON response
    console.log(data); // Process the retrieved data
$("#CartBar span").text(data.Output.Output.ItemCount);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}
$(function(){
$('#suggestion').attr('placeholder', 'QUICK ORDER/SEARCH');
fetchData();
});
</script>
<style>
.ssimg{
    position: relative;
    left: -10px;
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuBar@3@-1@-1" id ="MenuBar@3@-1@-1" ct ="Field" ><nav id="primary_nav_wrap" class="mobile-hide"><ul><li><a id="cssmenu" href="shopping?SortColumn=CategoryCode11&amp;Descending=No&amp;SearchText=&amp;Page=1">Shopping</a><ul id="menuCatalog"><li class="has-sub categoryCode1"><a href="AccessControl"><span>Access Controls</span></a><ul class="categoryCode2"><li><a href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a href="slideoperators">Slide Operators</a></li><li><a href="solar-operators">Solar Operators</a></li><li><a href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a href="mechanical-accessories">Mechanical Accessories</a></li><li><a href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="stairsandhandrails"><span>Stairs &amp; Handrails</span></a><ul class="categoryCode2"><li><a href="handrails">Handrails</a></li><li><a href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a href="handrail-brackets">Handrail Brackets</a></li><li><a href="brass-handrails-and-accessories">Brass</a></li><li><a href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a href="punched-channel">Punched Channel</a></li><li><a href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a href="shoes">Shoes</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">
								Powder Coated Balusters
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="FenceAndGate"><span>Fencing &amp; Gates</span></a><ul class="categoryCode2"><li><a href="powder-coated-fence-systems">
								Powder Coated Fence Systems
							</a></li><li><a href="finials-spears-and-terminations">
								finials, spears &amp; terminations
							</a></li><li><a href="cantilever-gate-systems">
								Cantilever Gate Systems
							</a></li><li><a href="v-track-and-other-wheels">
								V-Track &amp; Other Wheels
							</a></li><li><a href="plugs-and-inserts">
								Plugs &amp; Inserts
							</a></li><li><a href="post-caps-tops-and-balls">
								Post Caps, Tops &amp; Balls
							</a></li><li><a href="pressed-pickets">
								Pressed Pickets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">
								Gate Frames
							</a></li><li><a href="hinges">
								Hinges
							</a></li><li><a href="fence-and-gate-hardware">
								Fence &amp; Gate Hardware
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="hingesAndhardware"><span>Hinges &amp; Hardware</span></a><ul class="categoryCode2"><li><a href="Base-Plates-and-Weld-Tabs2">
								Base Plates &amp; Weld Tabs
							</a></li><li><a href="v-track-and-other-wheels">
								Tracks &amp; Rolling Hardware
							</a></li><li><a href="fasteners-and-anchors">
								Fasteners &amp; Anchors
							</a></li><li><a href="door-and-gate-hardware">
								Door &amp; Gate Hardware
							</a></li><li><a href="hinges">
								Hinges &amp; Closers
							</a></li><li><a href="paints-and-finishes">
								Paints &amp; Finishes
							</a></li><li><a href="pipe-fittings">
								Pipe Fittings
							</a></li><li><a href="welding-supplies-and-abrasives">
								Welding Supplies &amp; Abrasives
							</a></li><li><a href="locks-and-lockboxes">
								Locks &amp; Lock Boxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">
								Cement
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Overhead Track &amp; Barndoor Kits
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="metalservice"><span>Metal Service Center</span></a><ul class="categoryCode2"><li><a href="angle-bars">
								Angle Bars
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">
								Purlins
							</a></li><li><a href="channel-bars">
								Channel Bars
							</a></li><li><a href="expanded-metal">
								Expanded Metal
							</a></li><li><a href="strips-and-flats">
								Strips &amp; Flats
							</a></li><li><a href="plates-and-sheets">
								Plates &amp; Sheets
							</a></li><li><a href="punched-channel">
								Punched Channel
							</a></li><li><a href="solid-bars">
								Solid Bars
							</a></li><li><a href="tubing">
								Tubing
							</a></li><li><a href="pipes-and-fittings">
								Pipes &amp; Pipe Fittings
							</a></li><li><a href="roof-panels">
								Roof Panels
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeComponents"><span>Decorative Components</span></a><ul class="categoryCode2"><li><a href="rings">
								Rings
							</a></li><li><a href="balls-and-hemis">
								Balls &amp; Hemis
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="stars">
								Stars
							</a></li><li><a href="baskets">
								Baskets
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="leaves-flowers-and-grapes">
								Leaves, Flowers &amp; Grapes
							</a></li><li><a href="finials-spears-and-terminations">
								Finials
							</a></li><li><a href="animals-bugs-and-seasonal">
								Animals, Bugs &amp; Seasonal
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="balustersandforgings"><span>Balusters &amp; Forgings</span></a><ul class="categoryCode2"><li><a href="Balusters-and-Newel-Posts2">
								Balusters &amp; Newel Posts
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls, Scrollwork &amp; Panels
							</a></li><li><a href="baskets">
								Baskets &amp; Bosses
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">
								Round &amp; Flattened Balls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">
								Gate Crests &amp; Toppers
							</a></li><li><a href="twisted-hmrd-textured-bar">
								Twisted, Hmrd, Textured Bar
							</a></li><li><a href="rosettes">
								Rosettes
							</a></li><li><a href="collars-and-banding">
								Collars &amp; Banding
							</a></li><li><a href="shoes">
								Shoes
							</a></li><li><a href="aluminum">
								Aluminum
							</a></li><li><a href="rings">
								Rings
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="DecorativeCastingsPage"><span>Decorative Castings</span></a><ul class="categoryCode2"><li><a href="panels">
								Panels
							</a></li><li><a href="friezes">
								Friezes
							</a></li><li><a href="corner-brackets">
								Corner Brackets
							</a></li><li><a href="picket-castings">
								Picket Castings
							</a></li><li><a href="aluminum-castings">
								Aluminum Castings
							</a></li><li><a href="cast-iron-castings">
								Cast Iron Castings
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">
								Plastic Picket Castings
							</a></li><li><a href="rosettes">
								Rosettes &amp; Medallions
							</a></li><li><a href="gate-toppers">
								Gate Toppers
							</a></li><li><a href="scrolls-and-scrollwork">
								Scrolls &amp; Scrollwork
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">
								Balls
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="interiordecor"><span>Interior Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">
								Ceiling Mounts &amp; Chains
							</a></li><li><a href="overhead-track-and-barndoor-kits">
								Barndoors
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">
								Fireplace Accessories
							</a></li><li><a href="urns-and-planters">
								Urns, Planters &amp; Plant Stands
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">
								Decorative Hooks
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">
								Candelabras &amp; Candle Holders
							</a></li><li><a href="crosses-and-crests">
								Crosses &amp; Crests
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">
								Wine Rack
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">
								Towel &amp; Tissue Holders
							</a></li><li><a href="furniture-components">
								Furniture Components
							</a></li><li><a href="hand-forged-nails-and-screws">
								Hand Forged Nails &amp; Screws
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="exterioruseanddecor"><span>Exterior Use &amp; Décor</span></a><ul class="categoryCode2"><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">
								Firebowls
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">
								Sign Bracket
							</a></li><li><a href="urns-and-planters">
								Urns &amp; Planters
							</a></li><li><a href="birdbaths-and-fountains">
								Birdbaths &amp; Fountains
							</a></li><li><a href="cast-post-bases">
								Cast Post Bases
							</a></li><li><a href="lamp-posts-and-sconces">
								Lamp Posts &amp; Sconces
							</a></li><li><a href="letters-and-numbers">
								Letters &amp; Numbers
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">
								Mailboxes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">
								Car Stops &amp; Bollards
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">
								A/C Security Cages
							</a></li><li><a href="stars">
								Stars
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a href="aluminumpage"><span>Aluminum</span></a><ul class="categoryCode2"><li><a href="aluminum-balusters">
								Balusters &amp; Newel Posts
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">
								Scrollwork &amp; Scrolls
							</a></li><li><a href="aluminum-castings">
								Castings
							</a></li><li><a href="aluminum-handrails-and-accessories">
								Handrails
							</a></li><li><a href="aluminum-shoes">
								Shoes
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">
								Collars &amp; Banding
							</a></li><li><a href="aluminum-spears-and-finials">
								Spears &amp; Finials
							</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">
								Rings
							</a></li><li><a href="aluminum-hardware">
								Hardware
							</a></li><li><a href="aluminum-commodity-metals">
								Commodity Aluminum
							</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">
								All of this Category
							</a></li></ul></li><li class="has-sub categoryCode1"><a class="showHideCatalogMenu" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
						Online Specials
					</a></li><li class="has-sub categoryCode1"><a href="Plasma" class="showHideCatalogMenu">
						Plasma
					</a></li><li class="ShopAllListItem"><a href="quick-order" class="showHideCatalogMenu ShopAll">
						Quick Order
					</a></li></ul></li><li><a href="frequently-asked-questions">FAQ</a><ul><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li id="MyAccount-Dropdown"><a href="Login">
				My Account
			</a><ul><li><a href="Login">Login / Create Account</a></li><li><a href="leaving-notification-Docusign" target="_blank">Apply For Credit</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a><ul><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li></ul></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">
				Online Specials
			</a></li><li><a href="contact-us">Contact</a><ul><li><a href="request-literature">Request Literature</a></li></ul></li></ul><div id="CartBar"><a href="shopping-cart"><span>00</span><img src="Icons/cart-ffffff-16px@3x.png" /></a></div><div id="WishListBar"><a href="project-manager-tutorial"><span>00</span><img src="icons/projects-001b72-16px@3x.png" /></a></div></nav><style>
	#primary_nav_wrap #WishListBar span{
	color:#001b72
	}
	
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuCSS@3@-1@-1" id ="MenuCSS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MenuJS@3@-1@-1" id ="MenuJS@3@-1@-1" ct ="Field" ></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="StyleScriptCatalogMenu1@3@-1@-1" id ="StyleScriptCatalogMenu1@3@-1@-1" ct ="Field" ><script type="text/javascript">
   $(document).ready(function() {
        $("#cssmenu").mouseenter(function(){
        $(".categoryCode2").each(function(index){
	var verticalOffset = $(this).closest(".categoryCode1").position().top * -1;
                var menuHeight = $("#menuCatalog").outerHeight();
	$(this).css('top', verticalOffset);
                $(this).css('height', menuHeight);
        });
});
   });
</script></span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003518" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main MobileHeaderSection" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003518_VisibleController@3@-1@-1" id ="WSEC-10003518_VisibleController@3@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuHtml@3@-1@-1" id ="MobileMenuHtml@3@-1@-1" ct ="Field" ><MobileHtml><div id="mobileScreenDisable"><input type="hidden" /></div><div id="MenuSideNav" class="sidenav navMenu scrollMenu"><ul class="unlisted"><li><a href="#" class="dropdown">Shopping <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="AccessControl" class="dropdown-lvl2 menu-font">Access Controls <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Swing-Operators-and-Actuators">Swing Operators &amp; Actuators</a></li><li><a class="submenu-font" href="slideoperators">Slide Operators</a></li><li><a class="submenu-font" href="solar-operators">Solar Operators</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="Safety-Devices-and-Fire-Boxes">Safety Devices &amp; Fire Boxes</a></li><li><a class="submenu-font" href="Loops-and-Exit-Wands">Loops &amp; Exit Wands</a></li><li><a class="submenu-font" href="keypads-remotes-phone-entry-and-more">Keypads, Remotes, Phone Entry &amp; More</a></li><li><a class="submenu-font" href="mechanical-accessories">Mechanical Accessories</a></li><li><a class="submenu-font" href="power-accessories">Power Accessories</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:100">All of this Category</a></li></ul></li><li><a href="stairsandhandrails" class="dropdown-lvl2 menu-font">Stairs &amp; Handrails <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="handrails">Handrails</a></li><li><a class="submenu-font" href="stainless-steel-railing-systems">Stainless Steel Railing Systems</a></li><li><a class="submenu-font" href="handrail-ends-and-bends">Handrail Ends &amp; Bends</a></li><li><a class="submenu-font" href="handrail-brackets">Handrail Brackets</a></li><li><a class="submenu-font" href="brass-handrails-and-accessories">Brass</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Aluminum</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="stair-treads-and-risers">Stair Treads &amp; Risers</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:108%20AND%20CategoryCode2:409%20AND%20CategoryCode2:472%20AND%20CategoryCode4:727">Powder Coated Balusters</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=108">All of this Category</a></li></ul></li><li><a href="FenceAndGate" class="dropdown-lvl2 menu-font">Fencing &amp; Gates <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="powder-coated-fence-systems">Powder Coated Fence Systems</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">finials, spears &amp; terminations</a></li><li><a class="submenu-font" href="cantilever-gate-systems">Cantilever Gate Systems</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">V-Track &amp; Other Wheels</a></li><li><a class="submenu-font" href="plugs-and-inserts">Plugs &amp; Inserts</a></li><li><a class="submenu-font" href="post-caps-tops-and-balls">Post Caps, Tops &amp; Balls</a></li><li><a class="submenu-font" href="pressed-pickets">Pressed Pickets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104%20AND%20CategoryCode2:450">Gate Frames</a></li><li><a class="submenu-font" href="hinges">Hinges</a></li><li><a class="submenu-font" href="fence-and-gate-hardware">Fence &amp; Gate Hardware</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:104">All of this Category</a></li></ul></li><li><a href="hingesAndhardware" class="dropdown-lvl2 menu-font">Hinges &amp; Hardware <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Base-Plates-and-Weld-Tabs2">Base Plates &amp; Weld Tabs</a></li><li><a class="submenu-font" href="v-track-and-other-wheels">Tracks &amp; Rolling Hardware</a></li><li><a class="submenu-font" href="fasteners-and-anchors">Fasteners &amp; Anchors</a></li><li><a class="submenu-font" href="door-and-gate-hardware">Door &amp; Gate Hardware</a></li><li><a class="submenu-font" href="hinges">Hinges &amp; Closers</a></li><li><a class="submenu-font" href="paints-and-finishes">Paints &amp; Finishes</a></li><li><a class="submenu-font" href="pipe-fittings">Pipe Fittings</a></li><li><a class="submenu-font" href="welding-supplies-and-abrasives">Welding Supplies &amp; Abrasives</a></li><li><a class="submenu-font" href="locks-and-lockboxes">Locks &amp; Lock Boxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:715">Cement</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Overhead Track &amp; Barndoor Kits</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:105">All of this Category</a></li></ul></li><li><a href="metalservice" class="dropdown-lvl2 menu-font">Metal Service Center <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="angle-bars">Angle Bars</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101%20AND%20CategoryCode2:491">Purlins</a></li><li><a class="submenu-font" href="channel-bars">Channel Bars</a></li><li><a class="submenu-font" href="expanded-metal">Expanded Metal</a></li><li><a class="submenu-font" href="strips-and-flats">Strips &amp; Flats</a></li><li><a class="submenu-font" href="plates-and-sheets">Plates &amp; Sheets</a></li><li><a class="submenu-font" href="punched-channel">Punched Channel</a></li><li><a class="submenu-font" href="solid-bars">Solid Bars</a></li><li><a class="submenu-font" href="tubing">Tubing</a></li><li><a class="submenu-font" href="pipes-and-fittings">Pipes &amp; Pipe Fittings</a></li><li><a class="submenu-font" href="roof-panels">Roof Panels</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:101">All of this Category</a></li></ul></li><li><a href="DecorativeComponents" class="dropdown-lvl2 menu-font">Decorative Components <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="rings">Rings</a></li><li><a class="submenu-font" href="balls-and-hemis">Balls &amp; Hemis</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li><a class="submenu-font" href="baskets">Baskets</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="leaves-flowers-and-grapes">Leaves, Flowers &amp; Grapes</a></li><li><a class="submenu-font" href="finials-spears-and-terminations">Finials</a></li><li><a class="submenu-font" href="animals-bugs-and-seasonal">Animals, Bugs &amp; Seasonal</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li class="ShopAllListItem"><a class="showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:102">All of this Category</a></li></ul></li><li><a href="balustersandforgings" class="dropdown-lvl2 menu-font">Balusters &amp; Forgings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="Balusters-and-Newel-Posts2">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls, Scrollwork &amp; Panels</a></li><li><a class="submenu-font" href="baskets">Baskets &amp; Bosses</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:408">Round &amp; Flattened Balls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode2:454">Gate Crests &amp; Toppers</a></li><li><a class="submenu-font" href="twisted-hmrd-textured-bar">Twisted, Hmrd, Textured Bar</a></li><li><a class="submenu-font" href="rosettes">Rosettes</a></li><li><a class="submenu-font" href="collars-and-banding">Collars &amp; Banding</a></li><li><a class="submenu-font" href="shoes">Shoes</a></li><li><a class="submenu-font" href="aluminum">Aluminum</a></li><li><a class="submenu-font" href="rings">Rings</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:718%20AND%20CategoryCode4:727">All of this Category</a></li></ul></li><li><a href="DecorativeCastingsPage" class="dropdown-lvl2 menu-font">Decorative Castings <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="panels">Panels</a></li><li><a class="submenu-font" href="friezes">Friezes</a></li><li><a class="submenu-font" href="corner-brackets">Corner Brackets</a></li><li><a class="submenu-font" href="picket-castings">Picket Castings</a></li><li><a class="submenu-font" href="aluminum-castings">Aluminum Castings</a></li><li><a class="submenu-font" href="cast-iron-castings">Cast Iron Castings</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode2:481%20AND%20CategoryCode4:724">Plastic Picket Castings</a></li><li><a class="submenu-font" href="rosettes">Rosettes &amp; Medallions</a></li><li><a class="submenu-font" href="gate-toppers">Gate Toppers</a></li><li><a class="submenu-font" href="scrolls-and-scrollwork">Scrolls &amp; Scrollwork</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:711%20AND%20CategoryCode2:408">Balls</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode5:041">All of this Category</a></li></ul></li><li><a href="interiordecor" class="dropdown-lvl2 menu-font">Interior Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:424%20AND%20CategoryCode2:425">Ceiling Mounts &amp; Chains</a></li><li><a class="submenu-font" href="overhead-track-and-barndoor-kits">Barndoors</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:445">Fireplace Accessories</a></li><li><a class="submenu-font" href="urns-and-planters">Urns, Planters &amp; Plant Stands</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:460">Decorative Hooks</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:417">Candelabras &amp; Candle Holders</a></li><li><a class="submenu-font" href="crosses-and-crests">Crosses &amp; Crests</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:520">Wine Rack</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106%20AND%20CategoryCode2:414">Towel &amp; Tissue Holders</a></li><li><a class="submenu-font" href="furniture-components">Furniture Components</a></li><li><a class="submenu-font" href="hand-forged-nails-and-screws">Hand Forged Nails &amp; Screws</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:106">All of this Category</a></li></ul></li><li><a href="exterioruseanddecor" class="dropdown-lvl2 menu-font">Exterior Use &amp; Décor <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:444">Firebowls</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:505">Sign Bracket</a></li><li><a class="submenu-font" href="urns-and-planters">Urns &amp; Planters</a></li><li><a class="submenu-font" href="birdbaths-and-fountains">Birdbaths &amp; Fountains</a></li><li><a class="submenu-font" href="cast-post-bases">Cast Post Bases</a></li><li><a class="submenu-font" href="lamp-posts-and-sconces">Lamp Posts &amp; Sconces</a></li><li><a class="submenu-font" href="letters-and-numbers">Letters &amp; Numbers</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:467">Mailboxes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:420">Car Stops &amp; Bollards</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103%20AND%20CategoryCode2:405">A/C Security Cages</a></li><li><a class="submenu-font" href="stars">Stars</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode1:103">All of this Category</a></li></ul></li><li><a href="aluminumpage" class="dropdown-lvl2 menu-font">Aluminum <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu-lvl2"><li><a class="submenu-font" href="aluminum-balusters">Balusters &amp; Newel Posts</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:479%20AND%20CategoryCode2:497%20AND%20CategoryCode2:498">Scrollwork &amp; Scrolls</a></li><li><a class="submenu-font" href="aluminum-castings">Castings</a></li><li><a class="submenu-font" href="aluminum-handrails-and-accessories">Handrails</a></li><li><a class="submenu-font" href="aluminum-shoes">Shoes</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:427%20AND%20CategoryCode2:410">Collars &amp; Banding</a></li><li><a class="submenu-font" href="aluminum-spears-and-finials">Spears &amp; Finials</a></li><li><a class="submenu-font" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729%20AND%20CategoryCode2:492">Rings</a></li><li><a class="submenu-font" href="aluminum-hardware">Hardware</a></li><li><a class="submenu-font" href="aluminum-commodity-metals">Commodity Aluminum</a></li><li class="ShopAllListItem"><a class="submenu-font showHideCatalogMenu ShopAll" href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=CategoryCode4:705%20AND%20CategoryCode4:710%20AND%20CategoryCode4:717%20AND%20CategoryCode4:725%20AND%20CategoryCode4:729">All of this Category</a></li></ul></li><li><a href="request-literature" class="menu-font showHideCatalogMenu">Request Literature</a></li><li><a href="Plasma" class="menu-font showHideCatalogMenu">Plasma</a></li><li><a href="quick-order" class="menu-font showHideCatalogMenu ShopAll">Quick Order</a></li></ul></li><li><a href="quick-order">Quick Order</a></li><li><a href="shopping?Page=1&amp;PerPage=10&amp;SortColumn=CategoryCode11&amp;Descending=No&amp;Filters=Status:%22Online%20Specials%22">Online Specials</a></li><li><a href="contact-us">Contact Us</a></li><li><a href="request-literature">Request Literature</a></li><li><a href="#" class="dropdown">FAQ <span class="expand-symbol" /></a><ul class="unlisted dropdown-submenu"><li><a href="metalguide/index.html">Metal Reference Guide</a></li><li><a href="frequently-asked-questions#materialGuide">Family Guide</a></li></ul></li><li><a href="eCatalog">Shop by eCatalog</a></li><li><a href="Brochures">Shop by Brochure</a></li><li><a href="project-manager-tutorial">Project Manager</a></li></ul><script>
			$(window).load(function () {
			$('a.dropdown').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu').not(this).hide();
			}
			
			$('.dropdown-submenu ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
		
			$('a.dropdown-lvl2').on("click", function(e){
			if ($(this).next('ul').is(':visible')) {
			// The dropdown is not hidden
			} else {
			$('.dropdown-submenu-lvl2').not(this).hide();
			}
			
			$('.dropdown-submenu-lvl2 ul').removeAttr('style');
			$(this).next('ul').toggle();
			e.stopPropagation();
			e.preventDefault();
			});
			});
		</script><style>
			.unlisted {padding: 0px 0px 0px 10px}
			.dropdown-submenu{display: none;}
			.dropdown-submenu-lvl2{display: none;}
			.submenu-font{font-size: 12px !important;}
			.menu-font{font-size: 12px !important;}
			.scrollMenu{overflow-y: auto;}
		
			.expand-symbol {
			transition: transform 0.3s ease; /* Add a smooth transition effect */
			font-family: 'Arial', sans-serif;
			}
		
			.expand-symbol::before {
			content: '\25B6'; /* Unicode character for right-pointing triangle */
			font-size: 0.9em; /* Adjust the font size as needed */
			}
		</style></div><div id="AccountSideNav" class="sidenav navMenu"><a href="Login">Login / Create Account</a><a href="leaving-notification-Docusign">Apply for Credit</a></div><div id="OrdersSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideOrdersSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="FindAndTrackOrders">Find &amp; Track</a><a href="BackOrder">Back Orders</a></div><div id="SettingsSubMenu" class="sidenav navMenu" style="display:none;z-index:1000;"><a href="javascript:hideSettingsSubMenu()"><span><strong>&lt; Main Menu</strong></span></a><a href="account-information">Account-Information</a><a href="account-information">Addresses</a><a href="manage-users">Users</a><a href="ManagePayments">Payment Profiles</a></div><script>
		function showOrdersSubMenu(){
		$("#OrdersSubMenu").show();
		}
		function hideOrdersSubMenu(){
		$("#OrdersSubMenu").hide();
		}
		function showSettingsSubMenu(){
		$("#SettingsSubMenu").show();
		}
		function hideSettingsSubMenu(){
		$("#SettingsSubMenu").hide();
		}
	</script><div id="SearchNav" class="navMenu"><div id="easy-suggestion" class="mobileSearch"><div id="suggestion-div"><input id="suggestion" /><img class="ssimg mobileSearchIcon" onclick="ssClickMobile(event);" alt="Search" src="Images/EP_Suggestive_Search_Icon.png?v=1" /></div><script>
				$(document).ready(function(){
				$('#easy-suggestion.mobileSearch #suggestion').keypress(function(e){
				if(e.keyCode==13)
				$('.ssimg.mobileSearchIcon').click();
				});
				});
			</script><style>
				.ssimg{cursor: pointer;}.menu-sub-arrow{float:right;}
			</style></div></div><div id="MobileMenu" class="mobile-only"><div id="LeftIcons"><div id="MenuIcon" class="MobileIcon"><input type="hidden" /></div><div id="AccountIcon" class="MobileIcon"><input type="hidden" /></div></div><div id="RightIcons"><div id="SearchIcon" class="MobileIcon"><input type="hidden" /></div><a href="shopping-cart"><div id="CartIcon" class="MobileIcon"><input type="hidden" /></div></a></div><div id="LogoContainer"><a href="https://www.krisecloud.com/King_QA/EASYCommerce/"><img class="MobileLogo" src="King/Images/kingmetalslogo_1.jpg" /></a></div></div></MobileHtml></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuCSS@3@-1@-1" id ="MobileMenuCSS@3@-1@-1" ct ="Field" ><style>
body {
    font-family: "AvenirLTStd-Book";
}
#MenuBar{
  height:60px;
  padding-left:10px;
  background:#535353;
}
.sidenav {
    height: 100%;
    height: calc(100% - 60px);
    width: 285px;
    display:none;
    position: fixed;
    z-index: 500;
    top: 60px;
    left: 0;
    background-color: #535353;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0px 16px;
    box-sizing:border-box;
}

.sidenav a {
    padding: 13px 0px;
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    display: block;
    transition: 0.3s;
//    width:210px;
    height:20px;
    border-bottom:1px solid #FFF;
    text-transform:uppercase;    
    line-height: 20px;
    height: 46px;

}

.sidenav a:focus, .sidenav a:hover {
     color: #FFF !important;
     text-decoration: none !important;
}

#MobileMenu {
  max-width:767px;
  min-width:360px;
  height: 60px;
  width: 100%;
  color: #FFF;
  background-color:white;
  box-shadow:rgba(83,83,83,.25) 0 4px 3px;
}

#MobileMenu #LeftIcons,
#MobileMenu #RightIcons {
  width: 74px;
  height: 34px;
  padding: 1px;
  margin: 13px 8px;
}

#MobileMenu .MobileIcon {
  width: 32px;
  height: 32px;
}

#MobileMenu .MobileIcon{
  width:32px;
  height:32px;
  background-size:cover;
}

#MobileMenu #MenuIcon,
#MobileMenu #SearchIcon{
  margin-right: 8px;
}
#MobileMenu #MenuIcon{
    background-image:url(icons/hamburger-535353-16px@3x.png);
}
#MobileMenu #SearchIcon{
      background-image:url(icons/search-535353-16px@3x.png);
}
#MobileMenu #AccountIcon{
      background-image:url(icons/profile-535353-16px@3x.png);
}
#MobileMenu #CartIcon{
      background-image:url(icons/cart-535353-16px@3x.png);
}

#MobileMenu .MobileLogo
{
  height:auto;
  width:auto;
  margin:13px auto;
  margin-top:20px;
  max-width:200px;
  max-height:20px;
}
#MobileMenu #LeftIcons{
  float:left;
}
#MobileMenu #RightIcons{
  float:right;
}
#MobileMenu #LogoContainer
{
display: -webkit-flex;
    display: flex;
float:none;
margin:auto;
width:auto;
}
#MobileMenu div
{
float:left;
}
#MobileMenu #MenuIcon.active,
#MobileMenu #AccountIcon.active,
#MobileMenu #SearchIcon.active
{
  background-image:url(icons/X-bc4f07-16px@3x.png);
}
#SearchNav{
  width:100%;
  height:54px;
  display:none;
  background:#BC4F07;
  position: fixed;
  z-index: 1;
  top: 60px;
  left: 0;
  text-align:center;
  padding:7px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:visible;
}
#SearchNav input{
  height:40px;
  width:80vw;
}
#SearchNav div:not(.tt-suggest-item), #SearchNav span{
  overflow:visible;
}
#SearchNav #easy-suggestion .tt-menu{
left:0px !important;
left:-2% !important;
max-width:96%;
max-width:calc(100vw - 4%);
overflow-y:auto;
}

#LogoContainer a{
	width: 100%;
    display: block;
    text-align: center;
}    
@media only screen and (min-width: 769px) {
    .MobileHeaderSection {display: none;}
}
</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMenuJS@3@-1@-1" id ="MobileMenuJS@3@-1@-1" ct ="Field" ><script>
function disableMobileScreen(){
	$("#mobileScreenDisable").show();
	$('body').addClass('stop-scrolling');
	$('body').bind('touchmove', function(e){e.preventDefault()})
}
function enableMobileScreen(){
	$("#mobileScreenDisable").hide();
	$('body').removeClass('stop-scrolling');
	$('body').unbind('touchmove')
}
function closeAllMenus(){
	$(".active").removeClass("active");
	$(".sidenav").hide();
	closeMenuNav();
	closeAccountNav();
}
function openMenuNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#MenuSideNav").show();
    $("#MenuSideNav, #MenuIcon").addClass("active");
	disableMobileScreen();
}
function closeMenuNav() {
    $("#MenuSideNav").hide();
    $("#MenuSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleMenuNav(){
	  if($("#MenuSideNav.active").length){
    	closeMenuNav();
    }else{
    	openMenuNav();
    }
}
function openAccountNav() {
		$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#AccountSideNav").show();
    $("#AccountSideNav, #AccountIcon").addClass("active");
	disableMobileScreen();
}
function closeAccountNav() {
    $("#AccountSideNav").hide();
    $("#AccountSideNav").removeClass("active");
	enableMobileScreen();
}
function toggleAccountNav(){
	  if($("#AccountSideNav.active").length){
    	closeAccountNav();
    }else{
    	openAccountNav();
    }
}
function openSearchNav() {
	$(".navMenu").hide();
    $(".active").removeClass("active");
    $("#SearchNav").show();
    $("#SearchNav, #SearchIcon").addClass("active");
	enableMobileScreen();
}
function closeSearchNav() {
    $("#SearchNav").hide();
    $("#SearchNav").removeClass("active");
}
function toggleSearchNav(){
	  if($("#SearchNav.active").length){
    	closeSearchNav();
    }else{
    	openSearchNav();
    }
}
$(function(){
$("#MenuIcon").click(function(){
	$(this).toggleClass('active');
	toggleMenuNav();
});
$("#AccountIcon").click(function(){
	$(this).toggleClass('active');
	toggleAccountNav();
});
$("#SearchIcon").click(function(){
	$(this).toggleClass('active');
	toggleSearchNav();
});
$("#mobileScreenDisable").click(function(event){
	enableMobileScreen();
	closeAllMenus();
});
});
</script></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuCSS@3@-1@-1" id ="MobileMLMenuCSS@3@-1@-1" ct ="Field" ><style>

/* NEW 2nd-Level Dropdown CSS START 
.dropdown-submenu{position: relative;}
.dropdown-submenu .caret{-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.dropdown-submenu > .dropdown-menu {top:0; left:100%; margin-top:-6px; margin-left:-1px;}
.dropdown-submenu.open > a:after{border-left-color:#fff;}
.dropdown-submenu.open > .dropdown-menu, .dropdown-submenu.open > .dropdown-menu {display: block;}
.dropdown-submenu .dropdown-menu{margin-bottom: 8px;}
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color: #f6f6f6;}
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#333;}
.navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 30px;}
@media screen and (min-width:992px){
    .dropdown-submenu .dropdown-menu{margin-bottom: 2px;}
    .navbar .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a{padding-left: 25px;}
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-submenu ul{background-color:#fff;}
}
 NEW 2nd-Level Dropdown CSS END */

</style></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="MobileMLMenuJS@3@-1@-1" id ="MobileMLMenuJS@3@-1@-1" ct ="Field" ><script>


</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicBody" valign="top" editbyid="Basic" editbytype="Template" contentid="Body" contenttype="ContentArea"><table  class = "LayoutTable" CellSpacing = "0" CellPadding = "0" Width = "100%"><tbody><tr  class = "LayoutRow"><td  class = "LayoutCell" valign = "top" editbyid = "HingesAndHardware" editbytype = "Page" contentid = "WPT-10001274" contenttype = "Webpart"><Span ct = "WebPart" displayProgressType="WebPart" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10001274" instid = "4" ajax = "False" pn = "hingesandhardware" storeid = ""><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- SEO info -->
   <title>Hinges & Hardware for fences, gates and piping</title>
   <meta name="description" content="Whether your gates swing or slide, we have the hinges and rollings tracks to keep them moving. Our selection of hinges and hardware keep any project connected. ">
   <meta name="keywords" content="Slide gate rolling track, fence door rolling track, metal fasteners anchors, metal door hardware accessories, metal gate hardware accessories, metal pipe fittings, secure door lock mechanisms, secure door lock boxes, barn door tracks, metal door hinges">
   
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
   

   <style>
     * {
  padding: 0px;
  margin: 0px;
}

html {
  overflow-x: hidden;
  padding: 0px;
  margin: 0px;
}

.paragraph-title {
font-size: 22px;
}

.hero {
background-image: url('https://i.redd.it/inrc3wm7vhc81.jpg');
background-size:cover !important;
background-repeat: no-repeat;
font-family: 'Avenir', Helvetica, sans-serif;
background-position: 0px -190px;
}


@media (max-width: 1470px){
  .hero {
    background-position: 0px 0px;
  }
}

.one-para {
  font-size: 35px;
  text-shadow: 2px 2px #6b6b6b;
  }

  .top-btn {
    margin-bottom: 35% !important;
  }
  
  .top-title {
  font-weight: 770 !important;
  margin-top: 30% !important;
  font-size: 90px !important;
  text-shadow: 2px 2px #6b6b6b;
  }
  
  @media (max-width: 700px) {
  .top-title {
    font-size: 60px !important;
    margin-top: 20% !important;
  }
  
  .one-para {
  font-size: 25px !important;

  }
   
  }           

/* set up */

.bg-lightgray {
  background-color: lightgray;
}

.para {
  font-size: 21px;

}
.btn-oran{
background-color: #bc4f07 !important;
color: white !important;
}
.bg-oran {
background-color: #bc4f07 !important;
}
.btn-oran:hover {
border-color: #bc4f07 !important;
background-color: white !important;
color: #bc4f07 !important;
}

.btn {
font-size: 25px !important;
border-radius: 0 !important;
}

@media(max-width: 700px) {
  .btn{
    font-size: 18px !important;
  }
}


.card-blue {
background-color: #1c146b !important;
}
.btn-blu {
color:white !important;
background-color: #1c146b !important;
}

.btn-blu:hover {
border-color: #1c146b !important;
background-color: white !important;
color: #1c146b !important;
}

.bg-blu {
background-color: #1c146b !important;
}

.underline {
width: 200px !important;
height: 4px !important;
text-align: center !important;
display: inline-flex  !important;
}

.text-oran {
color: #bc4f07 !important;
}
.bg-muteOran {
background-color: rgb(216, 201, 193) !important;
}

.bg-muted {
background-color: rgb(228, 228, 228) !important;
}

.bg-mutedsuccess {
background-color: #deebde !important;
}

.text-oran {
color:#bc4f07;
}

@media screen and (max-width: 1721px) and (min-width: 1197px){
.sales-para{
  font-size: 18px;
}

.sales-title{
  font-size: 50px;
}

}

@media (max-width: 876px) and (min-width: 300px){
.sales-para{
  font-size: 14px;
}

.sales-title{
  font-size: 40px ;
}
}

.underline {
width: 300px;
height: 2px;

}
.para-title {
font-weight: 600 !important;
}

.sales-para {
font-size: 20px;
}
.sales-title {
font-size: 50px;
}

p {
font-family: 'Avenir', Helvetica, sans-serif;
}

h1, h2, h3, h4 {
font-family: 'Avenir', Helvetica, sans-serif;
}

h1 {
font-weight: 450 !important;
}



.door-card{
  max-width: 400px;
}

.sub-head{
  font-size: 28px;
}

.card-heading-title {
font-size: 50px;
}

@media(max-width: 700px) {
.card-heading-title {
  font-size: 40px;
}

}

.door-card {
  max-width: 300px;
}
.card-text {
font-size: 25px;
}


.card-body {
  background-color: gray;
 
}

.card-btn{
    background-color: #bc4f07 !important;
    color: white !important;
    font-size: 20px !important;
}
.card-btn {
    background-color: #bc4f07 !important;
}
.card-btn:hover {
    border-color: white !important;
    background-color: gray !important;
    color: white !important;
}
/* set up end  */

.base {
  background-image: url("https://i.redd.it/fvddj6bjugc81.jpg");
  background-size:cover !important;
  background-repeat: no-repeat;
  font-family: 'Avenir', Helvetica, sans-serif;
  background-position: 0px -270px;
  }

@media(max-width: 1250px) {
  .base{
    background-position: 0px;
  }
}

.base-title {
margin-top: 15% !important;
font-size: 80px !important;
text-shadow: 2px 2px #6b6b6b;
}

.base-btn {
  margin-bottom: 15% !important;
}

@media (max-width: 700px) {
  .base-title {
    font-size: 55px !important;
  }
}

.weld-title {
font-weight: 770 !important;
margin-top: 14% !important;

font-size: 60px !important;
text-shadow: 2px 2px #6b6b6b;
}
.weld-btn {
  margin-bottom: 18% !important;
}

.card-body {
  background-color: gray;
  
}
  
.img-card-1{
opacity: 1;
}

.img-card-1:hover {
  opacity: 0;
  transition: all 1s;
  cursor: pointer;
}

.img-card-2 {
  opacity: 0;
  position: absolute;
  transition: all 1s;

}

.img-card-2:hover {
  opacity: 1;
  transition: all 1s;
  cursor: pointer;
}
  
.alum-button:hover {
  background-color: gray !important;
  }

.paint {
background-image: url("https://i.redd.it/doducgm9vgc81.jpg");
background-size:cover !important;
background-repeat: no-repeat;
font-family: 'Avenir', Helvetica, sans-serif;
background-position: 0px;
}
  
.weld {
background-image: url("https://i.redd.it/e1313rh7vgc81.jpg");
background-size:cover !important;
background-repeat: no-repeat;
font-family: 'Avenir', Helvetica, sans-serif;
background-position: 0px;
}
.paragraph-title {
    font-size: 25px;
}
    

.car-card {
  width: 290px;
  
}

.card-body {
  background-color: silver;
}

.card {
  border-radius: 0 !important;
  background-color: silver !important; 
}

.card-button {
  padding: 12px 60px 12px !important;
  font-size: 17px !important;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  background-color:#bc4f07 !important;
}

.card-button:hover {
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  
}
.card-button:active {
  outline: none;
  border: none;
}
.card-button:focus {
  outline: 0;
}
.card-body-top  {
  background-color: gray;
}
.card-text {
  padding: 0px;
}
.icons {
  padding-top: 12px;
  padding-bottom: 12px;
}

.card-link{
color:white;
text-decoration: none;
}
.card-link:hover{
color:white;
}

@media (max-width: 600px) {
  .carousel-wrap {
    margin: 90px auto;
    width: 90%;
   
  }
}

.save-today {
  font-size: 14px !important;
}

   </style>
</head>
<body>
  <link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
  <link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">


  

  <div id="Hero"></div>
  <div id="BasePlate"></div>
  <div id="Tracks"></div>
  <div id="Fasteners"></div>
  <div id="DoorAndGate"></div>
  <div id="Hinges"></div>
  <div id="Paints"></div>
  <div id="Pipe"></div>
  <div id="Welding"></div>
  <div id="LocksAndCement"></div>
  <div id="Overhead"></div>


    <!-- hero -->
    <script type='text/babel'>
    
      const Hero = () => {
  
        return (
          <section className='hero'>
              <div className="container-fluid">
                  <div className="row">
                      <div className="col-xl-2 col-lg-2 col-md-0"></div>
                      <div className="col-xl-5 col-lg-5 col-md-12">
                          <h1 className='text-white mb-2 top-title'>Hinges & Hardware</h1>
                          <p className='text-white top-btn one-para'>Secure connections, smooth operation</p>
                         
                      </div>
                      <div className="col-xl-3 col-lg-5 col-md-12"></div>
                      <div className="col-xl-2 col-lg-2 col-md-0"></div>
                  </div>
              </div>
          </section>
  
        )
      }
  
      ReactDOM.render(<Hero />, document.getElementById('Hero'))
  
    </script>

<!-- base plates -->
    <script type='text/babel'>
      const BasePlate = () => {
        return (
          <section className='base'>
              <div className="container-fluid">
                  <div className="row align-items-center text-center">
                      <div className="col-xl-2 col-lg-0"></div>
                      <div className="col-12">
                          <h1 className='text-white mb-5 base-title text-center '>Base Plates & Weld Tabs</h1>
                          <button className='btn btn-oran mx-auto btn-lg px-5 mb-5 base-btn'
                          onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:105%20AND%20CategoryCode2:412%20AND%20CategoryCode2:429%20AND%20CategoryCode2:517')}
                          >EXPLORE</button>
                      </div>
                      <div className="col-xl-2 col-lg-0"></div>
                  </div>
              </div>
          </section>
        )
      }
      ReactDOM.render(<BasePlate />, document.getElementById('BasePlate'))
</script>

<script type="text/babel">
  const Tracks = () => {
    return (
      <>
      <section className='bg-white'>
      <div className="container ">
            <div className="row">
              <div className="col-xl-1 col-lg-0"></div>
              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                  <img src="https://i.redd.it/6qpil8qfh3f81.jpg" 
                  alt="track pic" className='img-fluid mb-5' />
              </div>
              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                  <h3 className='mb-4 paragraph-title'>Tracks & Rolling Hardware</h3>
                  <p className='mb-4 para '>Ensure smooth operation and reliable 
                    access control with the right tracks, wheels and other rolling
                     hardware for sliding gates or doors. Protect against rust, 
                     debris and friction that cut into sliding component performance.
                  </p>
                  <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                  onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Tracks&Page=1')}
                  >EXPLORE</button>
              </div>
              
              <div className="col-xl-1 col-lg-0"></div>
            </div>
       </div>
      </section>
      </>
    )
  }

  ReactDOM.render(<Tracks />, document.getElementById('Tracks'))

</script>


<!-- Fasteners -->
<script type='text/babel'>

  const Fasteners = () => {
  return (
        <>
        <section className="bg-lightgray">
            <div className="container align-items-center text-center mx-auto ">
                <div class="row">
                        <div className="col-12">
                        <h1 className='section-title text-center mb-5 display-4 mt-5'>Fastener & Anchors</h1>
                        </div>
                    </div>
                <div className="row mx-auto align-items-center text-center">
                    <div className="col-xl-1 col-lg-0"></div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5 ">
                            <div className="card mb-5">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/9ryo5nvougc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://i.redd.it/83tciv5qdic81.png'/>
                                    <div className="card-body text-center">
                                        <button className='btn btn-oran mx-auto btn-lg px-5  alum-button'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Fastener&Page=1')}
                                        >EXPLORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5">
                            <div className="card mb-5">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/afxjlk0tugc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://i.redd.it/ubm7qa22eic81.png'/>
                                    <div className="card-body text-center">
                                        <button className='btn btn-oran mx-auto btn-lg px-5  alum-button'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Anchors&Page=1')}
                                        >EXPLORE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
              
            </div>
         
        </section>
        </>
      )
  }
  ReactDOM.render(<Fasteners />, document.getElementById('Fasteners'))
  </script>



<script type='text/babel'>
  const DoorAndGate = () => {
    return (
      <>
      <section>
                    <div className="container-fluid">
                        <div className="row">
                            <h1 className='text-center display-4 mt-4'>Door & Gate Hardware</h1> 
                            <h4 className='mb-5 text-center sub-head'>Metal accessories, accents and hardware for doors and gates</h4>   
                        </div>    
                    </div>
                    <div className="row">
                        <div className="col-xl-2"></div>
                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 door-card">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/1-1838_0001-WEB-500.jpg" alt="" className='card-img-top'/>
                                    <div className="card-body text-center">
                                        <button className='btn card-btn mx-auto btn-lg px-5'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Door&Page=1')}
                                        >1-1838</button>
                                    </div>
                                </div>
                            </div>
                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 door-card">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/21-KF3ABLS_0001.jpg" alt="" className='card-img-top'/>
                                    <div className="card-body text-center">
                                        <button className='btn card-btn mx-auto btn-lg px-4'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Gate&Page=1')}
                                        >21-KF3ABLS</button>
                                    </div>
                                </div>
                            </div>

                            <div className="col-xl-2 col-lg-4 col-md-6 col-sm-12 mx-auto px-3">
                                <div className="card mx-auto mb-5 door-card">
                                    <img src="https://www.krisecloud.com/King_QA/EASYCommerce/King/images/ProductImages/42-FSSP-050AL_0001-WEB-500.jpg" alt="" className='card-img-top'/>
                                    <div className="card-body text-center">
                                        <button className='btn card-btn mx-auto btn-lg px-4'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=gate%20hardware&Page=1')}
                                        >42-FSSP-040AL</button>
                                    </div>
                                </div>
                            </div>
                        <div className="col-xl-2 col-lg-0"></div>
                    </div>
                </section>
      </>
    )
  }
  ReactDOM.render(<DoorAndGate />, document.getElementById('DoorAndGate'))
</script>





<!-- hinges -->
<script type="text/babel">
  const Hinges = () => {
    return (
      <>
      <section className='bg-dark'>
      <div className="container ">
            <div className="row">
              <div className="col-xl-1 col-lg-0"></div>
              
              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                  <h3 className='mb-4 paragraph-title text-white'>Hinges & Closers</h3>
                  <p className='mb-4 para text-white'>Safety and security hinges on your
                     door, making your door's hinges one of the most important
                      components. But that doesn't mean they can't look good, too.
                       Find plain aluminum, decorative forged steel, 
                       plastic and hydraulic hinges. 
                  </p>
                  <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                  onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:105%20AND%20CategoryCode2:459')}
                  >EXPLORE</button>
              </div>
              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                  <img src="https://i.redd.it/biwxsucyd3f81.jpg" alt="barn-door pic" className='img-fluid mb-5' />
              </div>
              <div className="col-xl-1 col-lg-0"></div>
            </div>
       </div>
      </section>
      </>
    )
  }

  ReactDOM.render(<Hinges />, document.getElementById('Hinges'))

</script>


<!-- Paints & Finshes -->
<script type='text/babel'>
  const Paints = () => {
    return (
      <>
        <section className='paint'>
            <div className="container-fluid">
                <div className="row align-items-center text-center">
                    <div className="col-xl-2 col-lg-0"></div>

                    <div className="col-12">
                        <h1 className='text-white mb-5 base-title text-center '>Paints & Finishes</h1>
                        <button className='btn btn-oran mx-auto btn-lg px-5 mb-5 base-btn'
                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:105%20AND%20CategoryCode2:455%20AND%20CategoryCode2:469%20AND%20CategoryCode2:477%20AND%20CategoryCode2:478')}
                        >EXPLORE</button>
                    </div>
                  
                    <div className="col-xl-2 col-lg-0"></div>
                </div>
            </div>
        </section>
        
      </>
    )
  }

  ReactDOM.render(<Paints />, document.getElementById('Paints'))

</script>

    <!-- welding -->
    <script type='text/babel'>
      const Welding = () => {
        return (
          <section className='weld'>
              <div className="container-fluid">
                  <div className="row text-center">
                      <div className="col-xl-1 col-lg-1 "></div>
                      <div className="col-xl-10 col-lg-10">
                          <h1 className='text-white mb-5 weld-title'>Welding Supplies & Abrasives</h1>
                          <button className='btn btn-oran mx-auto btn-lg px-5 mb-5 weld-btn'
                          onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:105%20AND%20CategoryCode2:406%20AND%20CategoryCode2:518')}
                          >EXPLORE</button>
                      </div>
                      <div className="col-xl-1 col-lg-1"></div>
                  </div>
              </div>
          </section>
        )
      }
      ReactDOM.render(<Welding />, document.getElementById('Welding'))
    </script>



<!-- Locks and Cements -->
<script type="text/babel">
  const LocksAndCement = () => {
    return (
      <>
      <section className='bg-white'>
      <div className="container ">
            <div className="row">
              <div className="col-xl-1 col-lg-0"></div>

              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                  <img src="https://i.redd.it/ev63uqjbvgc81.jpg" 
                  alt=" pic" className='img-fluid mb-5' />
              </div>
              
              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                  <h3 className='mb-4 paragraph-title'>Locks & Lock Boxes</h3>
                  <p className='mb-4 para '>What good is a fence or door if people
                     can just walk right through it? Our door locks range 
                     from simple gate latches all the way through steel 
                     lockboxes for key locks and numerical key pads, 
                     plus the handles and levers.
                  </p>
                  <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                  onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/shopping?Page=1&PerPage=10&SortColumn=CategoryCode11&Descending=No&Filters=CategoryCode1:105%20AND%20CategoryCode2:433%20AND%20CategoryCode2:435%20AND%20CategoryCode2:438%20AND%20CategoryCode2:461%20AND%20CategoryCode2:464%20AND%20CategoryCode2:465')}
                  >EXPLORE</button>
              </div>
              
              <div className="col-xl-1 col-lg-0"></div>
            </div>

            <div className="row">
              <div className="col-xl-1 col-lg-0"></div>

              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5">
                  <h3 className='mb-4 paragraph-title'>Cement</h3>
                  <p className='mb-4 para '>Give your fence posts 
                    and gate hardware a strong foundation - or 
                    patch up some weak spots - with 
                    cement rated up to 5500 psi. 
                  </p>
                  <button className='btn btn-oran mx-auto btn-lg px-5 mb-5'
                  onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Cement&Page=1')}
                  >EXPLORE</button>
              </div>

              <div className="col-xl-5 col-lg-12 mx-auto mt-5 px-5"> 
                  <img src="https://i.redd.it/gb1zfntf1ic81.jpg" 
                  alt=" pic" className='img-fluid mb-5' />
              </div>
              
              <div className="col-xl-1 col-lg-0"></div>
            </div>
       </div>
      </section>
      </>
    )
  }

  ReactDOM.render(<LocksAndCement />, document.getElementById('LocksAndCement'))

</script>

<!-- Overhead -->
<script type='text/babel'>

  const Overhead = () => {
  return (
        <>
        <section >
            <div className="container align-items-center text-center mx-auto ">
                <div class="row">
                        <div className="col-12">
                        <h1 className='section-title text-center mb-5 display-4'>Overhead Track & Barndoor Kits</h1>
                        </div>
                    </div>
                <div className="row mx-auto align-items-center text-center">
                    <div className="col-xl-1 col-lg-0"></div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5 ">
                            <div className="card mb-5">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/9voa2hxvwnc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://i.redd.it/z7y0g2mefic81.png'/>
                                    <div className="card-body text-center">
                                        <button className='btn btn-oran mx-auto btn-lg px-5  alum-button'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=Overhead&Page=1')}
                                        >SHOP STAINLESS STEEL</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-5 col-lg-6 col-md-12 mx-auto px-5">
                            <div className="card mb-5">
                                <img className="card-img-top img-card-1" src='https://i.redd.it/pwzzy8atxnc81.jpg'/>
                                <img className="card-img-top img-card-2" src='https://i.redd.it/ewfeyc8dfic81.png'/>
                                    <div className="card-body text-center">
                                        <button className='btn btn-oran mx-auto btn-lg px-5 alum-button'
                                        onClick={() => window.open('https://www.krisecloud.com/King_QA/EASYCommerce/ECCatalog.aspx?SortColumn=CategoryCode10&Descending=Yes&SearchText=bronze&Page=1')}
                                        >OIL RUBBED BRONZE</button>
                                    </div>
                            </div> 
                        </div>
                        <div className="col-xl-1 col-lg-0"></div>
                    </div>
              
            </div>
         
        </section>
        </>
      )
  }
  ReactDOM.render(<Overhead />, document.getElementById('Overhead'))
  </script>



    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

    <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

      <!-- Carousel -->
      <script src="https://kit.fontawesome.com/1bc0474039.js" crossorigin="anonymous"></script>
<!--      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> -->
      <script type="text/javascript" src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
      <script type="text/javascript">
          $('.owl-carousel').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        navText: [
          "<i class='fa fa-angle-left icons'></i>",
          "<i class='fa fa-angle-right icons'></i>"
        ],
        autoplay: true,
        autoplayHoverPause: true,
        responsive: {
          0: {
            items:1
          },
          1109: {
           items: 1
          },
          1110: {
          items: 2
          },
          1699: {
          items: 2
          },
          1700: {
          items: 3
        },
          2200: {
          items: 3
        }
        }
      })
          </script>
</body>
</html></td></tr></tbody></table></td>
                  </tr>
                  <tr class="LayoutRow" height="25%">
                     <td class="LayoutCell BasicFooter" valign="top" editbyid="Basic" editbytype="Template" contentid="Footer" contenttype="ContentArea"><Span ct = "WebPart" displayProgressType="Control" progressAnimationText="" progressAnimationUrl = "/King_QA/EASYCommerce/images/ep_progress.gif" url = "/King_QA/EASYCommerce/" iscms = "True"ctid = "WPT-10000438" instid = "5" ajax = "False" pn = "ECItemMainPage" storeid = ""><table CellSpacing="0" CellPadding="0" width="100%" class="WebPart-SiteFooter-Main" style=""><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003407" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterTop-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003407_VisibleController@5@-1@-1" id ="WSEC-10003407_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003516" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterNav-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003516_VisibleController@5@-1@-1" id ="WSEC-10003516_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003514" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-Default-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003514_VisibleController@5@-1@-1" id ="WSEC-10003514_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Facebook"  class="HyperLink-SocialMedia" name ="Facebook@5@-1@-1" id ="Facebook@5@-1@-1" ct ="Field"  href ="https://www.facebook.com/KingArchMetals/"><img src="icons/facebook@2x.png" border="0" class="" style="" /></a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Instagram"  class="HyperLink-SocialMedia" name ="Instagram@5@-1@-1" id ="Instagram@5@-1@-1" ct ="Field"  href ="https://www.instagram.com/kingmetals"><img src="icons/Instagram@2x.png" border="0" class="" style="" /></a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Youtube"  class="HyperLink-SocialMedia" name ="Youtube@5@-1@-1" id ="Youtube@5@-1@-1" ct ="Field"  href ="https://www.youtube.com/user/KingMetalsInc"><img src="icons/youtube@2x.png" border="0" class="" style="" /></a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a  target = "_blank" title = "Pinterest"  class="HyperLink-SocialMedia" name ="Pinterest@5@-1@-1" id ="Pinterest@5@-1@-1" ct ="Field"  href ="https://www.pinterest.com/kingmetals/"><img src="icons/pinterest@2x.png" border="0" class="" style="" /></a></td></tr></table></td></tr></table></Span></td><td align="left" valign="top" class="Section-Default-GridCell"><Span IsSection="True" SectionId="WSEC-10003515" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterLinksRight-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003515_VisibleController@5@-1@-1" id ="WSEC-10003515_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="Contact@5@-1@-1" id ="Contact@5@-1@-1" ct ="Field"  href ="contact-us">contact us</a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="PrivacyPolicy@5@-1@-1" id ="PrivacyPolicy@5@-1@-1" ct ="Field"  href ="privacy">privacy</a></td><td align="left" class="Section-Default-GridHeaderCell"><span   ></span></td><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="HyperLink-Default" name ="TermsAndConditions@5@-1@-1" id ="TermsAndConditions@5@-1@-1" ct ="Field"  href ="terms-and-conditions">terms & conditions</a></td></tr></table></td></tr></table></Span></td><td class="Section-Default-GridCell"></td></tr></table></td></tr></table></Span></td></tr></table></td></tr></table></Span></td></tr><tr class=""><td align="left" valign="top" class=""><Span IsSection="True" SectionId="WSEC-10003408" ct="section" class=""><table width="100%" CellSpacing="0" CellPadding="0" class="Section-FooterBottom-Main" style=""><tr style="display:" class=""><td valign="top" class=""><table CellSpacing="0" CellPadding="0" width="100%" class=""><tr style="display:none" class=""><td class=""><span class=""><input type ="hidden" value = ""   class="" name ="WSEC-10003408_VisibleController@5@-1@-1" id ="WSEC-10003408_VisibleController@5@-1@-1" ct ="Field"  onchange=" SaveControlState(event,'Value');"></input></span></td></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><a   class="phone" name ="PhoneLink@5@-1@-1" id ="PhoneLink@5@-1@-1" ct ="Field"  href ="tel:+1-800-542-2379">800.542.2379</a></td><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="HtmlGenericControl2@5@-1@-1" id ="HtmlGenericControl2@5@-1@-1" ct ="Field" ><span id="PoweredByContainer" class='copyright'><a href='https://www.krisesystems.com/e-commerce/' rel='nofollow'>Powered by EASYCommerce -</a><span> &copy;2026 King Metals &amp; <a href='https://www.krisesystems.com'>K-Rise Systems, Inc.</a></span></span></span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""><td align="left" valign="middle" class="Section-Default-GridCell"><span  class="HtmlGenericControl-Default" name ="ChatJS@5@-1@-1" id ="ChatJS@5@-1@-1" ct ="Field" ><style>
#lhnHocButton{
width:auto;
}
#lhnHocButton div{
width:auto;
}
</style>
<script type="text/javascript">
	window.lhnJsSdkInit = function () {
		lhnJsSdk.setup = {
			application_id: "f8ddc19f-9d1f-4264-28be-5a9329753b4b",
			application_secret: "sjue5yak2numcctw9x7r5upjzxlhogs6vnwfn7wb5t0jimwdrz"
		};
		lhnJsSdk.controls = [{
			type: "hoc",
			id: "f2922fc8-3add-48ab-ae48-336e1d0d73b2"
		}];
	};

	(function (d, s) {
		var newjs, lhnjs = d.getElementsByTagName(s)[0];
		newjs = d.createElement(s);
		newjs.src = "https://developer.livehelpnow.net/js/sdk/lhn-jssdk-current.min.js";
		lhnjs.parentNode.insertBefore(newjs, lhnjs);
	}(document, "script"));
</script></span></td></tr></table></td></tr></table></Span></td></tr></table></Span></td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
</table>
		 
	
	</form>
	</body>
	</html>