The page cannot be displayed because an internal server error has occurred.="logo" src="https://www.hrjohnsonindia.com/assets/images/logo-johnson.png?v=14102024" alt="H & R Johnson Logo" width="100%" height="100%"> </a>
           <!-- header action buttons -->
          <div b-unxkpftwwk class="header__btn" style="float:right" > 
            <div b-unxkpftwwk style="float: left;">
              <!-- header search box -->
              <div b-unxkpftwwk class="header-search"> <a b-unxkpftwwk role="button" class="header-search__btn" aria-label="search button"> <i b-unxkpftwwk class="icon-search search-icon-font"></i> </a>
                <div b-unxkpftwwk class="header-search__box" id="the-basics">
                  <form>
                    <div b-unxkpftwwk class="search-input">
                      <input b-unxkpftwwk type="text" class="form-control typeahead" style="height:35px" id="search-header" name="search-header" value="" placeholder="Search..." maxlength="100" onkeypress="return KP_AlphaNumeric(event);" onblur="bind_search();">
                    </div>
                  </form>
                </div>
                <div b-unxkpftwwk class="hide_mobile" style="display: inline;">
                    <span b-unxkpftwwk style="border-right:solid 1px #9B9B9B; padding-left:5px; padding-right:5px; font-size:10px"></span> <a b-unxkpftwwk href="/dealer-locator" style="font-size:14px; color:#707070; padding-left:10px;"> Dealer Locator </a> <span b-unxkpftwwk style="border-right:solid 1px #9B9B9B; padding-left:5px; padding-right:5px; font-size:10px"></span> <span b-unxkpftwwk style="display: inline-flex; font-size:14px; color:#707070; padding-left:10px;"> Customer care: <a b-unxkpftwwk href="https://api.whatsapp.com/send?phone=918451057484" target="_blank" style="font-size:14px; color:#707070; padding-left:10px"> <i b-unxkpftwwk class="fab fa-whatsapp" style="padding: 4px 5px 4px 5px; background: #25D366; color: white; border-radius: 50%;"></i> +91 8451057484 </a> <br b-unxkpftwwk> <span b-unxkpftwwk style="border-right:solid 1px #9B9B9B; padding-left:5px; padding-right:5px; font-size:10px"></span> <a b-unxkpftwwk href="https://www.facebook.com/HRJIndia" target="_blank" style="font-size:15px; color:#707070; padding-left:10px" aria-label="facebook"><img src="https://www.hrjohnsonindia.com/assets/images/social/icon-facebook.jpg" width="16" height="16" alt="Facebook" /></a> <a b-unxkpftwwk href="https://twitter.com/Hrjohnsonindia" target="_blank" style="font-size:15px; color:#707070; padding-left:10px" aria-label="twitter"><img src="https://www.hrjohnsonindia.com/assets/images/social/icon-x-twitter.jpg" width="16" height="16" alt="Twitter" /></a> <a b-unxkpftwwk href="https://www.instagram.com/hrjohnson_india/" target="_blank" style="font-size:15px; color:#707070; padding-left:10px" aria-label="instagram"><img src="https://www.hrjohnsonindia.com/assets/images/social/icon-instagram.jpg" width="16" height="16" alt="Instagram" /></a> <a b-unxkpftwwk href="https://in.linkedin.com/company/h-&-r-johnson-india-prism-johnson-limited" target="_blank" style="font-size:15px; color:#707070; padding-left:10px" aria-label="linkedin"><img src="https://www.hrjohnsonindia.com/assets/images/social/icon-linkedin.jpg" width="16" height="16" alt="LinkedIn" /></a> <a b-unxkpftwwk href="https://www.youtube.com/user/Hrjohnsonindia1" target="_blank" style="font-size:15px; color:#707070; padding-left:10px" aria-label="youtube"><img src="https://www.hrjohnsonindia.com/assets/images/social/icon-youtube.jpg" width="16" height="16" alt="Youtube" /></a>
                </div>
              </div>
            </div>
            <div b-unxkpftwwk style="float: right;">
              <!-- navbar collapse button -->
              <button b-unxkpftwwk class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"> <span b-unxkpftwwk class="navbar-toggler-icon"></span> </button>
              <!-- end navbar collapse button -->               
            </div>                      
          </div>
          
          <!-- navbar list items -->
          <div b-unxkpftwwk class="collapse navbar-collapse" id="navbarContent">
            <ul b-unxkpftwwk class="navbar-nav main-menu" id="mainMenu" >
              <!-- simple dropdown with footer -->
              
              <li b-unxkpftwwk class="nav-item menu-item mega-menu dropdown"> <a b-unxkpftwwk class="nav-link menu-item_link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Products </a>
                <div b-unxkpftwwk class="dropdown-menu dropdown-list mega-menu_sub-menu w-100">
                  <div b-unxkpftwwk class="row no-gutters">
                    <div b-unxkpftwwk class="col-lg-12">
                      <div b-unxkpftwwk class="dropdown_inner">
                        <div b-unxkpftwwk class="mega-menu_list">
                          <div b-unxkpftwwk class="row">

                            <div b-unxkpftwwk class="col-auto mega-menu_col mb-3 mr-3">
                              <h6 b-unxkpftwwk class="mega-menu_list-title">Our Brands</h6>
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="ceramic-tiles" onclick="clear_ls_data();">Johnson </a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="glazed-vitrified-tiles" onclick="clear_ls_data();">Porselano</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="vitrified-tiles" onclick="clear_ls_data();">Marbonite</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="industrial-tiles" onclick="clear_ls_data();">Endura</a></li>
                              </ul>
                            </div>

                            <div b-unxkpftwwk class="col-auto mega-menu_col mb-3 mr-3">
                              <h6 b-unxkpftwwk class="mega-menu_list-title">Category</h6>
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/ceramic-tiles" onclick="clear_ls_data();">Ceramic Tiles</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/glazed-vitrified-tiles" onclick="clear_ls_data();">Glazed Vitrified Tiles</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/vitrified-tiles" onclick="clear_ls_data();">Vitrified Tiles</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/industrial-tiles" onclick="clear_ls_data();">Industrial Tiles</a></li>
                              </ul>
                            </div>
                           
                            <div b-unxkpftwwk class="col-auto mega-menu_col mb-3 ml-1 mr-2">
                            <h6 b-unxkpftwwk class="mega-menu_list-title">Select by Spaces</h6>
                            <div b-unxkpftwwk class="col-auto float-left pl-0 pr-4">
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/kitchen-tiles" onclick="clear_ls_data();">Kitchen</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/bathroom-tiles" onclick="clear_ls_data();">Bathroom</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/terrace-tiles" onclick="clear_ls_data();">Terrace</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/elevation-tiles" onclick="clear_ls_data();">Elevation</a></li>
                              </ul>
                              </div>
                              <div b-unxkpftwwk class="col-auto float-left pl-0">
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/residential-flooring-tiles" onclick="clear_ls_data();">Residential Flooring</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/commercial-flooring-tiles" onclick="clear_ls_data();">Commercial Flooring</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/industrial-flooring-tiles" onclick="clear_ls_data();">Industrial Flooring</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/parking-exterior-tiles" onclick="clear_ls_data();">Parking & Exterior Floor</a></li>
                              </ul>
                            </div>
                            </div>
                            
                            <div b-unxkpftwwk class="col-auto mega-menu_col mb-3 ml-1">
                            <h6 b-unxkpftwwk class="mega-menu_list-title">Special Tiles</h6>
                            <div b-unxkpftwwk class="col-auto float-left pl-0 pr-4">
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/tac-tiles" onclick="clear_ls_data();">Tac Tiles</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/anti-static-tiles" onclick="clear_ls_data();">Anti Static</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/cool-roof-tile" onclick="clear_ls_data();">Cool Roof (SRI)</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/countertops" onclick="clear_ls_data();">Countertops</a></li>
                              </ul>
                              </div>
                              <div b-unxkpftwwk class="col-auto float-left pl-0">
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/staircase-solution-tiles" onclick="clear_ls_data();">Staircase Solution</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/swimming-pool-tiles" onclick="clear_ls_data();">Swimming Pool</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/landscaping-tiles" onclick="clear_ls_data();">Landscaping</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/radiation-shielding-tile" onclick="clear_ls_data();">Radiation Shielding Tile</a></li>
                              </ul>
                            </div>
                            </div>
                           
                          </div>
                        </div>
                        <div b-unxkpftwwk class="clearfix"></div>
              
                        <div b-unxkpftwwk class="mega-menu_list mt-3">
                          <div b-unxkpftwwk class="row">
                            <div b-unxkpftwwk class="col-md-3 mega-menu_col mb-3">
                                 <h6 b-unxkpftwwk class="mega-menu_list-title">Application</h6>
                                 <a b-unxkpftwwk class="pl-1 pr-2" href="/wall-tiles" onclick="clear_ls_data();">Wall Only</a> | <a b-unxkpftwwk class="pl-2 pr-2" href="/floor-tiles" onclick="clear_ls_data();">Floor & Wall</a>
                            </div>
                            <div b-unxkpftwwk class="col-md-3 mega-menu_col mb-3">
                                <h6 b-unxkpftwwk class="mega-menu_list-title">Size</h6>
                                <a b-unxkpftwwk class="pl-1 pr-2" href="/large-size-tiles" onclick="clear_ls_data();">Large</a> | <a b-unxkpftwwk class="pl-2 pr-2" href="/medium-size-tiles" onclick="clear_ls_data();">Medium</a> | <a b-unxkpftwwk class="pl-2 pr-1" href="/small-size-tiles" onclick="clear_ls_data();">Small</a> 
                            </div>
                             <div b-unxkpftwwk class="col-auto mega-menu_col mb-3">
                                 <h6 b-unxkpftwwk class="mega-menu_list-title">Other Product Categories</h6>
                                 <a b-unxkpftwwk class="pl-1 pr-2" href="https://johnsonbathrooms.in/" onclick="clear_ls_data();">Bath Fittings</a> | <a b-unxkpftwwk class="pl-2 pr-2" href="https://johnsonbathrooms.in/" onclick="clear_ls_data();">Sanitaryware</a> | <a b-unxkpftwwk class="pl-2 pr-1" href="https://www.johnsonmarblequartz.in/" onclick="clear_ls_data();">Marble & Quartz</a>
                             </div>
                          </div>
                        </div>

                      </div>

                    </div>
                  </div>
                </div>
              </li>
              <li b-unxkpftwwk class="nav-item menu-item"> <a b-unxkpftwwk class="nav-link menu-item_link" href="/catalogue" onclick="clear_ls_data();"> Catalogue </a> </li>
              <li b-unxkpftwwk class="nav-item menu-item mega-menu dropdown"> <a b-unxkpftwwk class="nav-link menu-item_link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Experience&nbsp;Centre </a>
                <div b-unxkpftwwk class="dropdown-menu dropdown-list mega-menu_sub-menu w-100">
                  <div b-unxkpftwwk class="row no-gutters">
                    <div b-unxkpftwwk class="col-lg-8">
                      <div b-unxkpftwwk class="dropdown_inner">
                        <div b-unxkpftwwk class="mega-menu_list">
                          <div b-unxkpftwwk class="row">
                            <div b-unxkpftwwk class="col-lg-12 mega-menu_list-col">
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk> <span b-unxkpftwwk style="font-size:16px; font-weight:100">Company Owned Experience Centre</span><br b-unxkpftwwk>
                                  <span b-unxkpftwwk style="font-size:18px">Tiles, Sanitary ware, Bath fittings & Faucets, Engineered Quartz and more… </span>
                                                                        <p b-unxkpftwwk style="margin-bottom:0.5rem;">Your visit to our experience centre can help you to make an informed decision and choose the right tiles from over 3000 best in class premium quality options.</p>
                                  <p b-unxkpftwwk style="margin-bottom:0.5rem;">Choose Location</p>
                                  <div b-unxkpftwwk class="input-wrapper form-group clearfix" style="margin-bottom:0.5rem;" >
                                    <ul b-unxkpftwwk class="list-no-style" id="list_location" style="font-size:12px; font-weight:600">
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Ahmedabad');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-ahmedabad">AHMEDABAD</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Bengaluru');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-bengaluru">BENGALURU</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Bhubaneshwar');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-bhubaneshwar">BHUBANESHWAR</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Calicut');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-calicut">CALICUT</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Chandigarh');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-chandigarh">CHANDIGARH</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Chennai');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-chennai">CHENNAI</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Coimbatore');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-coimbatore">COIMBATORE</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Delhi');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-delhi">DELHI</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Ernakulam');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-ernakulam">ERNAKULAM</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Guwahati');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-guwahati">GUWAHATI</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Hyderabad');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-hyderabad">HYDERABAD</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Indore');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-indore">INDORE</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Kolkata');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-kolkata">KOLKATA</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Lucknow');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-lucknow">LUCKNOW</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Mumbai-Andheri');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-mumbai-andheri">MUMBAI-ANDHERI</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Mumbai-Thane');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-mumbai-thane">MUMBAI-THANE</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('patna');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-patna">PATNA</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Pune');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-pune">PUNE</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Raipur');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-raipur">RAIPUR</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Trivandrum');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-trivandrum">TRIVANDRUM</a></li>
                                        <li b-unxkpftwwk class="col-md-3 float-left" onmouseover="mouseover_dcloc('Varanasi');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/display-centre-varanasi">VARANASI</a></li>
                                    </ul>
                                  </div>
                                </li>
                              </ul>
                            </div>
                            
                            <div b-unxkpftwwk class="row col-lg-12 mega-menu_list-col">
                                    <div b-unxkpftwwk class="col-lg-6 mb-1">
                                        <p b-unxkpftwwk style="margin-bottom:0.5rem;">Factory Outlet</p>
                                        <div b-unxkpftwwk class="input-wrapper form-group">
                                            <ul b-unxkpftwwk class="list-no-style" id="list_location" style="font-size:12px; font-weight:600">
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Dewas');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-dewas">DEWAS</a></li>
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Kunigal');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-kunigal">KUNIGAL</a></li>
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Pen');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-pen">PEN</a></li>
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Silica');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-silica">SILICA</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div b-unxkpftwwk class="col-lg-6 mb-1">
                                        <p b-unxkpftwwk style="margin-bottom:0.5rem;">Mini Stores</p>
                                        <div b-unxkpftwwk class="input-wrapper form-group">
                                            <ul b-unxkpftwwk class="list-no-style" id="list_location2" style="font-size:12px; font-weight:600">
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Aurangabad');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-aurangabad">AURANGABAD</a></li>
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Bengaluru');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-bengaluru">BENGALURU</a></li>
                                                <li b-unxkpftwwk class="col-md-6 float-left" onmouseover="mouseover_dcloc('Vijayawada');" onmouseout="mouseout_dcloc();"><a b-unxkpftwwk href="/factory-outlet-vijayawada">VIJAYAWADA</a></li>
                                            </ul>
                                        </div>
                                    </div>
                             </div>
                               
                          </div>                          

                        </div>
                      </div>
                    </div>
                    <div b-unxkpftwwk class="col-lg-4">
                      <div b-unxkpftwwk class="mega-menu_banner mega-menu_banner--bg mega-menu_banner--overlay" id="dc-banner" style="background-image: url(https://www.hrjohnsonindia.com/assets/images/menu-exp-center.jpg)">
                        <div b-unxkpftwwk class="banner-content">
                          <h5 b-unxkpftwwk class="banner-title"><a b-unxkpftwwk href="/display-center" class="button button--link">BOOK AN APPOINTMENT</a></h5>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li b-unxkpftwwk class="nav-item menu-item dropdown active"> <a b-unxkpftwwk class="nav-link menu-item_link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Expert&nbsp;Guidance </a>
                <div b-unxkpftwwk class="dropdown-menu dropdown-list dropdown-list--md">
                  <div b-unxkpftwwk class="dropdown_inner">
                    <ul b-unxkpftwwk class="list-no-style">
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/blog">Blogs</a></li>
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/tile-guide">Tile Guide</a></li>
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/tiles-calculator">Tiles Calculator</a></li>                     
                    </ul>
                  </div>
                </div>
              </li>

              <li b-unxkpftwwk class="nav-item menu-item dropdown active"> <a b-unxkpftwwk class="nav-link menu-item_link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Videos </a>
                <div b-unxkpftwwk class="dropdown-menu dropdown-list dropdown-list--md">
                  <div b-unxkpftwwk class="dropdown_inner">
                    <ul b-unxkpftwwk class="list-no-style">
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/inside-talks">Inside talks</a></li>
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/thumbstopper-ads">Thumbstoppers</a></li>
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/podcasts">Podcasts</a></li>
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/product-videos">Product Videos</a></li>
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/educational-videos" onclick="clear_ls_data();">Educational Videos</a></li> 
                      <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/testimonial-videos" onclick="clear_ls_data();">Testimonial Videos</a></li> 
                    </ul>
                  </div>
                </div>
              </li>

              <!--<li class="nav-item menu-item"> <a class="nav-link menu-item_link" href="blog"> Blogs </a> </li> b-unxkpftwwk-->
              <!-- mega menu with product cards -->
              <li b-unxkpftwwk class="nav-item menu-item mega-menu dropdown"> <a b-unxkpftwwk class="nav-link menu-item_link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Corporate </a>
                <div b-unxkpftwwk class="dropdown-menu dropdown-list mega-menu_sub-menu w-100">
                  <div b-unxkpftwwk class="dropdown_inner">
                    <div b-unxkpftwwk class="row"> 
                      <!-- mega menu list items -->
                      <div b-unxkpftwwk class="col-lg-8">
                        <div b-unxkpftwwk class="mega-menu_list">
                          <div b-unxkpftwwk class="row">
                            <div b-unxkpftwwk class="col-md-6 mega-menu_col">
                              <ul b-unxkpftwwk class="list-no-style">
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/about-us">About Us</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/innovations">Innovations</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/csr">CSR</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/awards-accolades">Awards & Accolades</a> </li>                                
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/regional-offices">Our Regional Offices</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="https://www.prismjohnson.in/investors/" target="_blank">Investor Relations</a></li>
                              </ul>
                            </div>
                            <div b-unxkpftwwk class="col-md-6 mega-menu_col">
                              <ul b-unxkpftwwk class="list-no-style">                                
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/stories-articles">Stories & Articles</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/corporate-videos">Corporate Video</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/tile-FAQS">Tiles FAQ's</a></li>                                
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/careers">Career</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="/our-clients">Our Clients</a></li>
                                <li b-unxkpftwwk><a b-unxkpftwwk class="dropdown-item" href="https://www.prismjohnson.in/sustainability-reports/" target="_blank">Sustainability Reports</a></li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <div b-unxkpftwwk class="col-lg-12">
                          <div b-unxkpftwwk class="dropdown-divider" style="margin:0.7rem"></div>
                          <div b-unxkpftwwk class="mega-menu_shop-category">
                            <div b-unxkpftwwk class="categories-list">
                              <div b-unxkpftwwk class="category_item"> <span b-unxkpftwwk class="category-name"><strong b-unxkpftwwk>Established in 1958, H & R Johnson (India)</strong> is the pioneer of ceramic tiles in India. For over five decades, HRJ has added various product categories to offer complete solutions to its customers. Today, HRJ enjoys the reputation of being the only entity in India to offer end-to-end solutions of Tiles, Sanitaryware, Bath Fittings, and Engineered Marble & Quartz.</span> </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- mega menu banner -->
                      <div b-unxkpftwwk class="col-lg-4">
                        <div b-unxkpftwwk class="mega-menu_banner mega-menu_banner--bg mega-menu_banner--overlay" style="background-image: url(https://www.hrjohnsonindia.com/assets/images/menu-corporate.jpg?v1)"> </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li b-unxkpftwwk class="nav-item menu-item"> <a b-unxkpftwwk class="nav-link menu-item_link" href="/enquiry"> Enquiry </a> </li>
              <li b-unxkpftwwk class="nav-item menu-item"> <a b-unxkpftwwk class="nav-link menu-item_link show_mobile" href="/dealer-locator"> Dealer Locator </a> </li>
            </ul>
          </div>
        </div>
        <!-- end navbar list items --> 
      </div>
    </nav>
  </div>
  <!-- end main header section --> 
</div>       
        
    
<h1 class="text-danger">Error.</h1>
<h2 class="text-danger">An error occurred while processing your request.</h2>

    <p>
        <strong>Request ID:</strong> <code>00-5233cb7afe0478690db25ea41a84861a-180d797227b1ecca-00</code>
    </p>

<h3>Development Mode</h3>
<p>
    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
</p>
<p>
    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
    It can result in displaying sensitive information from exceptions to end users.
    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
    and restarting the app.
</p>


    <!-- Pop up Modal With Image -->
    <!-- Pop up Modal -->



    <!-- Pop up Modal without image-->
    <div b-unxkpftwwk class="modal fade" id="myModalHelpUs" tabindex="-1" role="dialog" aria-hidden="true">
        <div b-unxkpftwwk class="modal-dialog subscribe-modal" role="document">
            <div b-unxkpftwwk class="modal-content">
                <button b-unxkpftwwk type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span b-unxkpftwwk aria-hidden="true"><i b-unxkpftwwk class="fa fa-times"></i></span>
                </button>
                <div b-unxkpftwwk class="modal-body">
                    <div b-unxkpftwwk class="row modal-body__row">
                        <div b-unxkpftwwk class="col-md-12 modal-body">
                            <div b-unxkpftwwk class="subscribe-modal-content" style="padding: 40px;">
                                <h4 b-unxkpftwwk class="modal-title">Schedule a call with tile expert</h4>
                                <form method="post" id="helpEnqform" name="helpEnqform" class="custom-form text-left row" action="">
                                    <div b-unxkpftwwk class="col-md-12">

                                        <div b-unxkpftwwk class="row">
                                            <div b-unxkpftwwk class="col-md-6">
                                                <div b-unxkpftwwk class="form-group">
                                                    <input b-unxkpftwwk type="text" class="form-control" id="username" name="username" maxlength="49" placeholder="Name" tabindex="1" oninput="this.value=this.value.replace(/[^A-Za-z. ]/g,'');">
                                                 </div>
                                                <div b-unxkpftwwk class="form-group">
                                                    <input b-unxkpftwwk type="number" class="form-control" id="contactno" name="contactno" maxlength="10" placeholder="Contact Number" tabindex="2">
                                                </div>
                                                <div b-unxkpftwwk class="form-group">
                                                    <input b-unxkpftwwk type="email" class="form-control" id="hemail" name="hemail" maxlength="49" placeholder="Email address " tabindex="3">
                                                </div>
                                            </div>
                                            <div b-unxkpftwwk class="col-md-6">
                                                <div b-unxkpftwwk class="form-group clearfix">
                                                    <input b-unxkpftwwk type="text" class="form-control" id="state" name="state" maxlength="49" placeholder="State" tabindex="5" oninput="this.value=this.value.replace(/[^A-Za-z. ]/g,'');">
                                                </div>
                                                <div b-unxkpftwwk class="form-group clearfix">
                                                    <input b-unxkpftwwk type="text" class="form-control" id="city" name="city" maxlength="49" placeholder="City" tabindex="4" oninput="this.value=this.value.replace(/[^A-Za-z. ]/g,'');">
                                                </div>
                                                <div b-unxkpftwwk class="form-group clearfix">
                                                    <select b-unxkpftwwk class="form-control" id="whoami" name="whoami" tabindex="3" style="display: block;">
                                                        <option value="">Who Am I</option>
                                                        <option value="Architect-Interior Designer">Architect/Interior Designer</option>
                                                        <option value="Builder-Contractor">Builder/Contractor</option>
                                                        <option value="Home Builder">Home Builder</option>
                                                        <option value="Other">Other</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div b-unxkpftwwk class="col-md-12">
                                                <div b-unxkpftwwk class="form-group clearfix">
                                                    <input b-unxkpftwwk type="text" class="form-control" id="message" name="message" maxlength="49" placeholder="Message" tabindex="6" oninput="this.value=this.value.replace(/[^ A-Za-z0-9.,:?/'-)(&%$]/g,'');">
                                                </div>
                                            </div>
                                        </div>
                                        <div b-unxkpftwwk class="col-md-6">
                                            <button b-unxkpftwwk type="submit" id="btnSubmitHE" name="btnSubmitHE" style="display: block;" class="button button--dark button-block mt-4" tabindex="7">SUBMIT</button>
                                            <button b-unxkpftwwk id="processingHE" style="display: none;" class="button button--dark button-block mt-4">Processing...</button>
                                         </div>
                                    </div>
                                <input name="__RequestVerificationToken" type="hidden" value="CfDJ8Gvd5Qau8CBAkkygcgDT7SpQR-6a376Xy5YJzfhpLzidZ4e33gV0Djm_QqibGuttDqnptPhkCBLIvjCebB4rztSN4dtPtMJwVfbtAohdUpBytJvqUyBDD2oPm3HAfJkLafty3D1HHG0JYUj5crvnpr4" /></form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
    <!-- Pop up Modal -->

    <footer b-unxkpftwwk>   
  <div b-unxkpftwwk class="footer" id="footer">
    <div b-unxkpftwwk class="footer-main-content">
      <div b-unxkpftwwk class="container">

        <!-- footer tiles property links section -->
        <div class="row pt-2 pb-2">
    <div class="col-lg-3 footer-col">
        <div class="widget widget_short-links">
            <h3 class="widget-title">Tiles by Color</h3>
            <ul id="tilesbycolor">
                
            </ul>
        </div>
    </div>
    <div class="col-lg-3 footer-col">
        <div class="widget widget_short-links">
            <h3 class="widget-title">Tiles by Look</h3>
            <ul id="tilesbylook">
                
            </ul>
        </div>
    </div>
    <div class="col-lg-3 footer-col">
        <div class="widget widget_shop-links">
            <h3 class="widget-title">Tiles by Finish</h3>
            <ul id="tilesbyfinish">
            </ul>
        </div>
    </div>
    <div class="col-lg-3 footer-col">
        <div class="widget widget_shop-links" style="margin-top:40px;">
            <ul id="tilesbyfinish2">
            </ul>
        </div>
    </div>
</div>
        <hr b-unxkpftwwk class="small" style="background-color:#666">

        <div b-unxkpftwwk class="row"> 
          <!-- footer about section -->
          <div b-unxkpftwwk class="col-lg-9 footer-col">
            <div b-unxkpftwwk class="widget widget_about">
              <h3 b-unxkpftwwk class="widget-title">About us</h3>
              <div b-unxkpftwwk class="widget-desc">
                <p b-unxkpftwwk>THE ONLY ENTITY IN INDIA TO OFFER END-TO-END LIFESTYLE SOLUTIONS</p>
                <p b-unxkpftwwk style="text-align:justify"> Established in 1958, H & R Johnson (India) offers various lifestyle solutions covering <u b-unxkpftwwk><a b-unxkpftwwk href="/floor-tiles" style="color: #8F8F8F" target="_blank">Wall and Floor Tiles</a></u>, Sanitaryware & Bath Fittings, Engineered Marble and Quartz for different Residential, Commercial and Industrial Spaces. 
                  With more than six decades of pioneering Innovations and expertise, we offer a wide array of products for diversified application and usages. H & R Johnson’s tile solutions include various contemporary designs in the form of digital tiles, <u b-unxkpftwwk><a b-unxkpftwwk href="/ceramic-tiles" style="color: #8F8F8F" target="_blank">ceramic wall tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/elevation-tiles" style="color: #8F8F8F" target="_blank">3D elevation tiles</a></u>, wall cladding tiles, bathroom ceramic floor tiles, <u b-unxkpftwwk><a b-unxkpftwwk href="/kitchen-tiles" style="color: #8F8F8F" target="_blank">kitchen tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/bathroom-tiles" style="color: #8F8F8F" target="_blank">bath wall tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/glazed-vitrified-tiles" style="color: #8F8F8F" target="_blank">porcelain tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/vitrified-tiles" style="color: #8F8F8F" target="_blank">polished vitrified tiles</a></u>, full body vitrified tiles, glazed vitrified tiles, <u b-unxkpftwwk><a b-unxkpftwwk href="/cool-roof-tile" style="color: #8F8F8F" target="_blank">cool roof SRI tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/anti-static-tiles" style="color: #8F8F8F" target="_blank">Anti-static tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/parking-exterior-tiles" style="color: #8F8F8F" target="_blank">parking tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/swimming-pool-tiles" style="color: #8F8F8F" target="_blank">swimming pool</a></u> and <u b-unxkpftwwk><a b-unxkpftwwk href="/outdoor-tiles" style="color: #8F8F8F" target="_blank">garden tiles</a></u>, <u b-unxkpftwwk><a b-unxkpftwwk href="/vitrified-tiles" style="color: #8F8F8F"  target="_blank">double charged vitrified tiles</a></u> for individual homes and large projects’needs . <a b-unxkpftwwk href="/about-us" style="color: #8F8F8F" ><u b-unxkpftwwk><strong b-unxkpftwwk>Read More</strong></u></a>.</p>
              </div>
            </div>
            <div b-unxkpftwwk class="widget widget_social-media row mt-0">
              <div b-unxkpftwwk class="col-md-5">
                <ul b-unxkpftwwk class="widget-list">
                                        <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://www.facebook.com/HRJIndia" target="_blank" aria-label="facebook"><img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/icon-facebook.jpg" width="20" height="20" alt="Facebook" /></a> </li>
                                        <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://twitter.com/Hrjohnsonindia" target="_blank" aria-label="twitter"><img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/icon-x-twitter.jpg" width="20" height="20" alt="Twitter" /></a> </li>
                                        <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://www.instagram.com/hrjohnson_india/" target="_blank" aria-label="instagram"><img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/icon-instagram.jpg" width="20" height="20" alt="Instagram" /></a> </li>
                                        <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://in.linkedin.com/company/h-&-r-johnson-india-prism-johnson-limited" target="_blank" aria-label="linkedin"><img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/icon-linkedin.jpg" width="20" height="20" alt="LinkedIn" /></a> </li>
                                        <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://www.youtube.com/user/Hrjohnsonindia1" target="_blank" aria-label="youtube"><img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/icon-youtube.jpg" width="20" height="20" alt="Youtube" /></a> </li>
                </ul>
              </div>
              <div b-unxkpftwwk class="col-md-7">
                <ul b-unxkpftwwk class="widget-list float-right" style="margin-top: -10px;">
                  <li b-unxkpftwwk class="widget-list_item widget-title pr-2 d-block"> Download App </li>
                                        <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://play.google.com/store/apps/details?id=com.tiles.hrjohnson" target="_blank" aria-label="android app"> <img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/android-icon.jpg" width="119" height="35" loading="lazy" alt="android app"> </a> </li>
                  <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="https://apps.apple.com/ro/app/h-r-johnson-tiles/id1600254148" target="_blank" aria-label="ios app"> <img b-unxkpftwwk src="https://www.hrjohnsonindia.com/assets/images/social/ios-icon.jpg" width="114" height="35" loading="lazy" alt="ios app"> </a> </li>
                </ul>
              </div>
            </div>
           
          </div>
          <div b-unxkpftwwk class="col-lg-3 footer-col">
            <div b-unxkpftwwk class="widget widget_about">
              <h3 b-unxkpftwwk class="widget-title">Call Us</h3>
              <p b-unxkpftwwk><a b-unxkpftwwk href="tel:1800 210 7484" style="color:#dadada;">1800-210-7484</a></p>
              <p b-unxkpftwwk><a b-unxkpftwwk href="tel:1800 22 7484" style="color:#dadada;">1800-22-7484</a></p>
              <p b-unxkpftwwk><a b-unxkpftwwk href="https://api.whatsapp.com/send?phone=918451057484" target="_blank" style="color:#dadada;"><i b-unxkpftwwk class="fab fa-whatsapp"></i> +91 8451057484</a></p>
              <h3 b-unxkpftwwk class="widget-title pt-2">Email</h3>
              <p b-unxkpftwwk style="font-size:14px"><a b-unxkpftwwk href="mailto:tiles.customercare@prismjohnson.in" style="color:#dadada">tiles.customercare@prismjohnson.in</a>, <a b-unxkpftwwk href="mailto:exports.customercare@prismjohnson.in" style="color:#dadada" >exports.customercare@prismjohnson.in</a></p>            
            </div>
          </div>
        </div>
        <hr b-unxkpftwwk class="small" style="background-color:#666">
        <div b-unxkpftwwk class="row pt-2 pb-2"> 
          <!-- footer shop links section -->
          <div b-unxkpftwwk class="col-lg-3 footer-col">
            <div b-unxkpftwwk class="widget widget_shop-links">
              <h3 b-unxkpftwwk class="widget-title">Spaces</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/kitchen-tiles" onclick="clear_ls_data();">Kitchen</a> </li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/bathroom-tiles" onclick="clear_ls_data();">Bathroom</a> </li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/terrace-tiles" onclick="clear_ls_data();">Terrace</a> </li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/elevation-tiles" onclick="clear_ls_data();">Elevation</a> </li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/residential-flooring-tiles" onclick="clear_ls_data();">Residential Flooring</a></li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/commercial-flooring-tiles" onclick="clear_ls_data();">Commercial Flooring</a></li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/industrial-flooring-tiles" onclick="clear_ls_data();">Industrial Flooring</a></li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/parking-exterior-tiles" onclick="clear_ls_data();">Parking & Exterior Floor</a></li>
              </ul>

              <ul b-unxkpftwwk class="pt-4" >
              <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/dealer-locator" style="font-size:18px; font-weight:300; color:white;" onclick="clear_ls_data();" >Dealer Locator</a></li>
              </ul>
            </div>
          </div>
          <div b-unxkpftwwk class="col-lg-3 footer-col">
            <div b-unxkpftwwk class="widget widget_shop-links">
              <h3 b-unxkpftwwk class="widget-title">Size</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/large-size-tiles" onclick="clear_ls_data();">Large Format</a> </li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/medium-size-tiles" onclick="clear_ls_data();">Medium Format</a> </li>
                <li b-unxkpftwwk class="widget-list_item"> <a b-unxkpftwwk href="/small-size-tiles" onclick="clear_ls_data();">Small Format</a> </li>
              </ul>
              <h3 b-unxkpftwwk class="widget-title pt-4">Category</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/ceramic-tiles" onclick="clear_ls_data();">Ceramic Tiles</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/glazed-vitrified-tiles" onclick="clear_ls_data();">Glazed Vitrified Tiles</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/vitrified-tiles" onclick="clear_ls_data();">Vitrified Tiles</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/industrial-tiles" onclick="clear_ls_data();">Industrial Tiles</a></li>
              </ul>
            </div>
          </div>
          <div b-unxkpftwwk class="col-lg-3 footer-col">
            <div b-unxkpftwwk class="widget widget_short-links">
              <h3 b-unxkpftwwk class="widget-title">Corporate</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/about-us">About us</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/awards-accolades">Awards & Accolades</a> </li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.prismjohnson.in/investors/" target="_blank">Investor Relations</a>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/stories-articles">Stories & Articles</a></li>
              </ul>
              <h3 b-unxkpftwwk class="widget-title pt-4">Expert Guidance</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/blog" onclick="clear_ls_data();">Blogs</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/tile-guide" onclick="clear_ls_data();">Tile Guide</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/tiles-calculator" onclick="clear_ls_data();">Tiles Calculator</a></li>
                                    <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="/hrjohnson-applicator" onclick="clear_ls_data();">Ask for Applicator</a></li>
            
              </ul>
            </div>
          </div>
          <div b-unxkpftwwk class="col-lg-3 footer-col">
            <div b-unxkpftwwk class="widget widget_short-links">
              <h3 b-unxkpftwwk class="widget-title">Other Business</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.enduratiles.com/" target="_blank">Johnson Endura</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.johnsonbathrooms.in/" target="_blank">Johnson Bathrooms</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.johnsonmarblequartz.in/" target="_blank">Johnson Marble & Quartz</a></li>
              </ul>
              <h3 b-unxkpftwwk class="widget-title pt-4">Other Websites</h3>
              <ul b-unxkpftwwk >
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.prismjohnson.in/" target="_blank">Prism Johnson Limited</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.nobiliaindia.com/" target="_blank">Nobilia India</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.rmcindia.com/" target="_blank">Prism RMC</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.ipnr-endura.com/" target="_blank">IPNR Endura</a></li>
                <li b-unxkpftwwk class="widget-list_item"><a b-unxkpftwwk href="https://www.ardexendura.com/" target="_blank">Ardex Endura</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div b-unxkpftwwk class="footer-bottom-row">
        <div b-unxkpftwwk class="container">
          <div b-unxkpftwwk class="footer-divider"></div>
          <div b-unxkpftwwk class="row">
            <div b-unxkpftwwk class="col-md-6">
              <div b-unxkpftwwk class="widget widget_copyright">
                   <p b-unxkpftwwk>Copyright © 2024 H & R Johnson (India) - All Rights Reserved</p>
              </div>
            </div>
            <div b-unxkpftwwk class="col-md-6">
              <div b-unxkpftwwk class="widget">
                <div b-unxkpftwwk class="widget-list_item text-right"> <a b-unxkpftwwk href="/sitemap">Sitemap</a> | <a b-unxkpftwwk href="/terms-of-use">Terms of use</a> | <a b-unxkpftwwk href="/privacy-policy">Privacy Policy</a> | <a b-unxkpftwwk href="/disclaimer">Disclaimer</a> </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- back to top btn --> 
<a b-unxkpftwwk class="back-to-top-btn" id="backToTop"></a> 
<!-- end back to top btn -->

<script src="https://www.hrjohnsonindia.com/assets/js/jquery.min.js" ></script> 
<script src="/lib/jquery-validation/dist/jquery.validate.js"></script>
<script async src="https://www.hrjohnsonindia.com/assets/js/popper.min.js" ></script> <!--async-->
<script async src="https://www.hrjohnsonindia.com/assets/js/bootstrap.min.js" ></script>  <!--async-->
<!-- slick js -->
<script src="https://www.hrjohnsonindia.com/assets/js/slick.min.js" ></script>
    <!-- MAGNIFIC-POPUP JS -->
    <script defer src="/js/magnific-popup.min.js"></script>
<!-- range slider js --> 
<script src="https://www.hrjohnsonindia.com/assets/js/ion.rangeSlider.min.js" ></script> 
<!-- nice select -->
<script defer src="https://www.hrjohnsonindia.com/assets/js/nice-select.min.js" ></script>
<!-- countdown --> 
<!-- <script src="assets/js/countdown.jquery.min.js" async></script>--> 
<!-- theme js -->

    <script src="https://www.hrjohnsonindia.com/assets/js/custom.js?14102024"></script>

    <script async src="https://www.hrjohnsonindia.com/assets/js/jquery-ui.js" ></script> <!--defer-->

    <!-- light box -->
    <script async src="https://www.hrjohnsonindia.com/assets/js/lightbox.min.js" ></script>
    <!-- Sweet Alert -->
    <script async src="https://www.hrjohnsonindia.com/assets/js/sweetalert2.all.min.js" ></script>
    <script async src="https://www.hrjohnsonindia.com/assets/js/jquery.validate.min.js" ></script>

<!-- Google Tag Manager (noscript) -->
<noscript b-unxkpftwwk ><iframe b-unxkpftwwk src="https://www.googletagmanager.com/ns.html?id=GTM-NC5NPCG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<script type="text/javascript" async>

    $(document).ready(function () {
        var url = window.location.href;
        if (url != undefined && url != "") {
            if (url.includes("<") || url.includes(">") || url.includes("href") || url.includes("script")){
               window.location.href = 'https://www.hrjohnsonindia.com/404';
            }
        }
    });




function KP_AlphaNumeric(e){
    var keyCode = e.keyCode || e.which;
    //Regex for Valid Characters i.e. Alphabets and Numbers.
    var regex = /^[ A-Za-z0-9@#$%&:',.?/]+$/;
    //Validate TextBox value against the Regex.
    var isValid = regex.test(String.fromCharCode(keyCode));
    return isValid;
}

function clear_ls_data(){
    //localStorage.removeItem("category");
    //localStorage.removeItem("application");
    //localStorage.removeItem("size");
    //localStorage.removeItem("space");
    //localStorage.removeItem("special");
    //localStorage.removeItem("collection");
    //localStorage.removeItem("COLTYPE");
    document.cookie = 'category=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    document.cookie = 'application=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    document.cookie = 'size=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    document.cookie = 'space=;expires=Thu, 01 Jan 1970 00:00:01 GMT;'; 
    document.cookie = 'special=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    document.cookie = 'collection=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';   
    document.cookie = 'coltype=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';   
}

$("#colbutton").click(function() {
    $('html,body').animate({
        scrollTop: $("#divcoll").offset().top},
        'slow');
});

$("#conbutton").click(function() {
    $('html,body').animate({
        scrollTop: $("#divconcept").offset().top},
        'slow');
});

$(document).ready(function () {
    BindTilesFooter();

    //setTimeout(BindDCLocation, 1000);
    setTimeout(function() {
        BindProductName();
    },3000);

});


function toTitleCase(str) {
    var lcStr = str.toLowerCase();
    return lcStr.replace(/(?:^|\s)\w/g, function (match) {
        return match.toUpperCase();
    });
}

function BindTilesFooter() {

    $('#tilesbysize').empty();
    $('#tilesbycolor').empty();
    $('#tilesbyfinish').empty();
    $('#tilesbylook').empty();

    $.ajax({
        type: "Get",
        url: "/GetTilesSearchFooter",
        success: function (data) { 
            data = JSON.parse(JSON.stringify(data).replace(/\:null/gi, "\:\"&nbsp;\""));
            let sizecount = 0, finishcount = 0;
            $.each(data, function (index, obj) {
               //if (obj.filter_Type.toLowerCase() == "size") {
               //    sizecount = sizecount + 1;
               //    if (sizecount < 30) 
               //    {
               //                $('#tilesbysize').append('<li class="widget-list_item"><a href="/tiles/' + obj.filter_Url.toLowerCase() + '" onclick="clear_ls_data();">' + obj.display_Name + '</a></li>');
               //     }
               //     else 
               //     {
               //                 $('#tilesbysize2').append('<li class="widget-list_item"><a href="/tiles/' + obj.filter_Url.toLowerCase() + '" onclick="clear_ls_data();">' + obj.display_Name + '</a></li>');
               //      }
               //}
                if (obj.filter_Type.toLowerCase() == "color") {
                            $('#tilesbycolor').append('<li class="widget-list_item"><a href="/tiles/' + obj.filter_Url.toLowerCase() + '" onclick="clear_ls_data();">' + toTitleCase(obj.display_Name) + '</a></li>');
                }
                if (obj.filter_Type.toLowerCase() == "finish") {
                            finishcount = finishcount + 1;
                            if (finishcount < 16) {
                        $('#tilesbyfinish').append('<li class="widget-list_item"><a href="/tiles/' + obj.filter_Url.toLowerCase() + '" onclick="clear_ls_data();">' + toTitleCase(obj.display_Name) + '</a></li>');
                    }
                    else{
                        $('#tilesbyfinish2').append('<li class="widget-list_item"><a href="/tiles/' + obj.filter_Url.toLowerCase() + '" onclick="clear_ls_data();">' + toTitleCase(obj.display_Name) + '</a></li>');
                    }    
                }
                if (obj.filter_Type.toLowerCase() == "look") {
                            $('#tilesbylook').append('<li class="widget-list_item"><a href="/tiles/' + obj.filter_Url.toLowerCase() + '" onclick="clear_ls_data();">' + toTitleCase(obj.display_Name) + '</a></li>');
                }
             });
        }
    });   

}


function BindProductName() {
     $.ajax({
        type: "GET",
        url: "/tilessku.json?14102024",
        async: false,
        beforeSend: (xhr) => {
            if (xhr && xhr.overrideMimeType) {
            xhr.overrideMimeType("application/json;charset=utf-8");
            }
        },
        dataType: "json",
        success: function (res) {
            let search_data = [];
            for (let x in res){
                search_data.push(res[x].SKUName);
            }
            $("#search-header").autocomplete({
                source: search_data
            });
        }
     }); 
}


function bind_search(){
    if ($('#search-header').val() != ""){
        clear_ls_data();
        window.location.href = "search-"+$('#search-header').val().toLowerCase();
    }
}

var input = document.getElementById("search-header");
input.addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
        bind_search();
    }
});

function mouseover_dcloc(value){
    $("#dc-banner").css("backgroundImage","url('https://www.hrjohnsonindia.com/assets/images/displaycenter/small/" + value + "-1.jpg?v1')");
}

function mouseout_dcloc(value){
    $("#dc-banner").css("backgroundImage","url('https://www.hrjohnsonindia.com/assets/images/menu-exp-center.jpg')");
}

$(document).ready(function () {
            $('#whoami').niceSelect('destroy');
            if (localStorage.getItem("hrjpageview") == null || localStorage.getItem("hrjpageview") == "") {
        setTimeout(function () {
            $('#myModalHelpUs').modal('show');
         localStorage.setItem("hrjpageview", "yes");
        }, 78000);
    }

 TteFormValidator.init();

});


        var TteFormValidator = function () {
            "use strict";
            var runTteFormValidation = function () {
                $('#helpEnqform').validate({
                    ignore: [],
                    errorElement: "div",
                    errorClass: 'invalid-feedback',
                    errorPlacement: function (error, element) {
                        if (element.attr("type") == "radio" || element.attr("type") == "checkbox") {
                            error.insertAfter($(element).closest('.form-group').children().last());
                        } else {
                            error.insertAfter(element);
                        }
                    },
                    rules: {
                        username: { required: true, minlength: 5 },
                        contactno: { required: true, number: true, minlength: 10, maxlength: 10 },
                        hemail: { required: true, email: true },
                        city: { required: true },
                        state: { required: true },
                        whoami: { required: true },
                        message: { required: true, minlength: 5 }
                       
                    },
                    messages: {
                        username: { required: "Name is required" },
                        contactno: { required: "Contact number required", number: "Enter valid contact number" },
                        hemail: { required: "Email is required" },
                        city: { required: "City is required" },
                        state: { required: "state is required" },
                        whoami: { required: "Who Am I is required" },
                        message: { required: "Message is required" }
                
                    },
                    highlight: function (element) {
                        $(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
                    },
                    submitHandler: function (form) {
                        $('#btnSubmitHE').attr("style", "display:none;"); 
                        $('#processingHE').attr("style", "display:block;");
                        $.ajax({
                            type: "POST",
                            url: "/PostHelpEnquiry",
                            data: '{"username":"' + $("#username").val() + '","contactno":"' + $("#contactno").val() + '","hemail":"' + $("#hemail").val() + '","city":"' + $("#city").val() + '","state":"' + $("#state").val() + '","message":"' + $("#message").val() + '","whoami":"' + $("#whoami").val() + '"}',
                            contentType: 'application/json',
                            success: function (res) {
                                $('#myModalHelpUs').modal('hide');
                                window.location.href = '/thank-you-popup';
                            }
                        });

                    }
                });
            };
            return {
                init: function () {
                    runTteFormValidation();
                }
            };
        }();

    
    </script>
    <!--Start of Tawk.to Script-->
    <script type="text/javascript" async>
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src='https://embed.tawk.to/611364ef649e0a0a5cd08f7b/1fcps4j1f';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
    })();
    </script>
    <!--End of Tawk.to Script-->
    
</body>
</html>