<!DOCTYPE html>
        
<html lang="en-US" data-website-id="6" data-main-object="website.page(74,)" data-add2cart-redirect="1">
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
            <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
        <meta name="generator" content="Odoo"/>
        <meta name="description" content="We offer an extensive portfolio of authentic, historic, and classic tile collections combining the highest caliber of American tile making with cultural traditions in ceramics and stone products from around the world."/>
        <meta name="keywords" content="heritage tile,authentic tile,historic tile,classic tile,tile,3 x 6 tile"/>
            
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="Heritage Tile | We Care About The Craft"/>
        <meta property="og:site_name" content="Heritage Tile"/>
        <meta property="og:url" content="https://www.heritagetile.com/"/>
        <meta property="og:image" content="https://www.heritagetile.com/web/image/673556-21bb3601/jhid-albee-229x.jpg"/>
        <meta property="og:description" content="We offer an extensive portfolio of authentic, historic, and classic tile collections combining the highest caliber of American tile making with cultural traditions in ceramics and stone products from around the world."/>
            
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:title" content="Heritage Tile | We Care About The Craft"/>
        <meta name="twitter:image" content="https://www.heritagetile.com/web/image/673556-21bb3601/jhid-albee-229x.jpg"/>
        <meta name="twitter:site" content="@heritagetile"/>
        <meta name="twitter:description" content="We offer an extensive portfolio of authentic, historic, and classic tile collections combining the highest caliber of American tile making with cultural traditions in ceramics and stone products from around the world."/>
        
        <link rel="canonical" href="https://www.heritagetile.com/"/>
        
        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
        <title>Heritage Tile | We Care About The Craft</title>
        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/6/favicon?unique=d106e8a"/>
            <link rel="preload" href="/web/static/lib/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
            
            <link type="text/css" rel="stylesheet" href="/web/assets/6/c36a760/web.assets_frontend.min.css"/>
        <script id="web.layout.odooscript" type="text/javascript">
            var odoo = {
                csrf_token: "2d349ef13f75506375de2aea5130e3a9b4617489o1812507990",
                debug: "",
            };
        </script>
            <script type="text/javascript">
                odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"4": {"symbol": "CAD$", "position": "after", "digits": [69, 2]}, "7": {"symbol": "\u00a5", "position": "before", "digits": [69, 2]}, "1": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}, "25": {"symbol": "\u00a5", "position": "before", "digits": [69, 0]}, "2": {"symbol": "$", "position": "before", "digits": [69, 2]}}, "quick_login": true, "bundle_params": {"lang": "en_US", "website_id": 6}, "test_mode": false, "websocket_worker_version": "18.0-7", "translationURL": "/website/translations", "cache_hashes": {"translations": "17b223a59725b02ec8544160595f0d49e3ca6777"}, "geoip_country_code": "CN", "geoip_phone_code": 86, "lang_url_code": "en"};
                if (!/(^|;\s)tz=/.test(document.cookie)) {
                    const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
                    document.cookie = `tz=${userTZ}; path=/`;
                }
            </script>
            
            <script type="text/javascript" defer="defer" src="/web/assets/6/3240a2b/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
            
            <script type="text/javascript" defer="defer" data-src="/web/assets/6/1f3c51b/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
        
        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7N5CRBBMHE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7N5CRBBMHE');
</script>
<!-- End Google tag -->
<meta name="facebook-domain-verification" content="9coj11oc8kfhrvo6wdrjv0nv7yd97k" />
<script type="text/javascript">
    (function (m, n, t, l, x, p, o) {
        window["_fus_host"] = l;
        window["_site_id"] = p;
        window["_fus_id"] = x;
        o = n.createElement(t);
        o.type = "text/javascript";
        o.async = true;
        o.src = "https://rt.fullsession.io/RTSessions.js";
        y = n.getElementsByTagName(t)[0];
        y.parentNode.insertBefore(o, y);
    })(window, document, "script", "fullsession.io", 'cus_lrjgzfzxry3');
</script>
<!-- GetResponse Analytics -->
  <script type="text/javascript">
      
  (function(m, o, n, t, e, r, _){
          m['__GetResponseAnalyticsObject'] = e;m[e] = m[e] || function() {(m[e].q = m[e].q || []).push(arguments)};
          r = o.createElement(n);_ = o.getElementsByTagName(n)[0];r.async = 1;r.src = t;r.setAttribute('crossorigin', 'use-credentials');_.parentNode .insertBefore(r, _);
      })(window, document, 'script', 'https://ga.getresponse.com/script/5de614bb-4ab5-499c-8cc0-09d4d945c46b/ga.js', 'GrTracking');


  </script>
  <!-- End GetResponse Analytics -->
    </head>
    <body>



        <div id="wrapwrap" class="   ">
            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Skip to Content</a>
                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Extra items button" class="   o_header_standard o_hoverable_dropdown" style=" ">
                    
    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block shadow-sm ">
        

            <div id="o_main_nav" class="o_main_nav container">
                
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo me-4">
            
            <span role="img" aria-label="Logo of Heritage Tile" title="Heritage Tile"><img src="/web/image/website/6/logo/Heritage%20Tile?unique=d106e8a" class="img img-fluid" width="95" height="40" alt="Heritage Tile" loading="lazy"/></span>
        </a>
    
                
    <ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading mx-auto">
        
    
    <li role="presentation" class="nav-item dropdown ">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   ">
            <span>Collections</span>
        </a><ul role="menu" class="dropdown-menu ">
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.subwaytile.com" class="dropdown-item " target="_blank">
            <span>→ Subway Ceramics</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.vivatile.com/" class="dropdown-item " target="_blank">
            <span>→ Viva Tile</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.japanesetile.com" class="dropdown-item " target="_blank">
            <span>→ Zen+Clay</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.ateliertile.com" class="dropdown-item " target="_blank">
            <span>→ Atelier</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.unionstationtile.com/" class="dropdown-item ">
            <span>→ Union Station</span>
        </a>
    </li>
        </ul>
    </li>
    <li role="presentation" class="nav-item dropdown ">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   ">
            <span>About</span>
        </a><ul role="menu" class="dropdown-menu ">
    <li role="presentation" class="">
        <a role="menuitem" href="/showroom" class="dropdown-item ">
            <span>Visit Our Showroom</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/faqs" class="dropdown-item ">
            <span>FAQs</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/our-story" class="dropdown-item ">
            <span>Our Story</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/blog" class="dropdown-item ">
            <span>Blog</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/press-and-media" class="dropdown-item ">
            <span>Press and Media</span>
        </a>
    </li>
        </ul>
    </li>
    <li role="presentation" class="nav-item dropdown ">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   ">
            <span>Resources</span>
        </a><ul role="menu" class="dropdown-menu ">
    <li role="presentation" class="">
        <a role="menuitem" href="/project-services" class="dropdown-item ">
            <span>Project Services</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/experience" class="dropdown-item ">
            <span>Experience Sampling Program</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/trade-program" class="dropdown-item ">
            <span>Trade Program</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/shop/category/samples-sample-cards-168" class="dropdown-item ">
            <span>All Collection Samples</span>
        </a>
    </li>
        </ul>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/contactus" class="nav-link ">
            <span>Contact Us</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/" class="nav-link active">
            <span>Home</span>
        </a>
    </li>
                
    </ul>
                
                <ul class="navbar-nav align-items-center gap-2 flex-shrink-0 justify-content-end ps-3">
                    
        
            <li class=" divider d-none"></li> 
            <li class="o_wsale_my_cart d-none ">
                <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset">
                    <div class="">
                        <i class="fa fa-shopping-cart fa-stack"></i>
                        <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none" data-order-id="">0</sup>
                    </div>
                </a>
            </li>
        
                    
                    
                    
                    
                    
            <li class=" o_no_autohide_item">
                <a href="/web/login" class="o_nav_link_btn nav-link border px-3">Sign in</a>
            </li>
                    
        
        
                    
                </ul>
            </div>
        
    </nav>
    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm ">
        

        <div class="o_main_nav container flex-wrap justify-content-between">
            
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo ">
            
            <span role="img" aria-label="Logo of Heritage Tile" title="Heritage Tile"><img src="/web/image/website/6/logo/Heritage%20Tile?unique=d106e8a" class="img img-fluid" width="95" height="40" alt="Heritage Tile" loading="lazy"/></span>
        </a>
    
            <ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
        
            <li class=" divider d-none"></li> 
            <li class="o_wsale_my_cart d-none ">
                <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
                    <div class="">
                        <i class="fa fa-shopping-cart fa-stack"></i>
                        <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none" data-order-id="">0</sup>
                    </div>
                </a>
            </li>
        
                <li class="o_not_editable">
                    <button class="nav-link btn me-auto p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </li>
            </ul>
            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
                <div class="offcanvas-header justify-content-end o_not_editable">
                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
                    <ul class="navbar-nav">
                        
                        
                        
    <ul role="menu" class="nav navbar-nav top_menu  text-center">
        

                            
    <li role="presentation" class="nav-item dropdown ">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   ">
            <span>Collections</span>
        </a><ul role="menu" class="dropdown-menu position-relative rounded-0 o_dropdown_without_offset text-center">
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.subwaytile.com" class="dropdown-item " target="_blank">
            <span>→ Subway Ceramics</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.vivatile.com/" class="dropdown-item " target="_blank">
            <span>→ Viva Tile</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.japanesetile.com" class="dropdown-item " target="_blank">
            <span>→ Zen+Clay</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.ateliertile.com" class="dropdown-item " target="_blank">
            <span>→ Atelier</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="https://www.unionstationtile.com/" class="dropdown-item ">
            <span>→ Union Station</span>
        </a>
    </li>
        </ul>
    </li>
    <li role="presentation" class="nav-item dropdown ">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   ">
            <span>About</span>
        </a><ul role="menu" class="dropdown-menu position-relative rounded-0 o_dropdown_without_offset text-center">
    <li role="presentation" class="">
        <a role="menuitem" href="/showroom" class="dropdown-item ">
            <span>Visit Our Showroom</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/faqs" class="dropdown-item ">
            <span>FAQs</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/our-story" class="dropdown-item ">
            <span>Our Story</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/blog" class="dropdown-item ">
            <span>Blog</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/press-and-media" class="dropdown-item ">
            <span>Press and Media</span>
        </a>
    </li>
        </ul>
    </li>
    <li role="presentation" class="nav-item dropdown ">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   ">
            <span>Resources</span>
        </a><ul role="menu" class="dropdown-menu position-relative rounded-0 o_dropdown_without_offset text-center">
    <li role="presentation" class="">
        <a role="menuitem" href="/project-services" class="dropdown-item ">
            <span>Project Services</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/experience" class="dropdown-item ">
            <span>Experience Sampling Program</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/trade-program" class="dropdown-item ">
            <span>Trade Program</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/shop/category/samples-sample-cards-168" class="dropdown-item ">
            <span>All Collection Samples</span>
        </a>
    </li>
        </ul>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/contactus" class="nav-link ">
            <span>Contact Us</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/" class="nav-link active">
            <span>Home</span>
        </a>
    </li>
                        
    </ul>
                        
                        
                    </ul>
                    <ul class="navbar-nav gap-2 mt-3 w-100">
                        
                        
            <li class=" o_no_autohide_item">
                <a href="/web/login" class="nav-link o_nav_link_btn w-100 border text-center">Sign in</a>
            </li>
                        
        
        
                        
                    </ul>
                </div>
            </div>
        </div>
    
    </nav>
    
        </header>
                <main>
                    

        
        <style>
            .hero-cta {
                position: absolute;
                display: block;
                z-index: 3;
                right: 8%;
                bottom: 14%;
                width: 22%;
                height: 9%;
            }
            .hero-cta:focus { outline: 3px solid rgba(0,123,255,.6); border-radius: 6px; }
            @media (max-width: 576px) {
                .hero-cta { width: 40%; height: 11%; right: 8%; bottom: 10%; }
            }
        </style>

        <div id="wrap" class="oe_structure oe_empty">
            
            <section class="s_banner o_colored_level" data-snippet="s_banner" data-name="Banner" data-tilt-feature="">
                <div id="bannerCarousel" class="carousel slide carousel-fade pointer-event o_colored_level" data-bs-ride="carousel" data-bs-interval="3000">
                    <div class="carousel-inner">

                        
                        <div class="carousel-item o_colored_level active" style="">
                            <a href="https://www.vivatile.com/mosaics/historical-inspiration" target="_blank" aria-label="Visit Vivatile" data-bs-original-title="" title="">
                                <img src="/web/image/673783-f6a40ab4/Get%20personal%2C%20make%20it%20your%20way%20%286%29.png" alt="" class="d-block w-100 img-fluid img o_we_custom_image" style="height: auto; object-fit: cover;" data-original-id="673782" data-original-src="/web/image/673782-8779bd67/Get%20personal%2C%20make%20it%20your%20way%20%286%29.png" data-mimetype="image/png" data-resize-width="1366" data-bs-original-title="" title="" aria-describedby="tooltip800555" loading="lazy" data-mimetype-before-conversion="image/png"/>
                            </a>
                        </div>

                        
                        <div class="carousel-item o_colored_level position-relative" style="">
                            <img src="/web/image/673774-e7112e6f/Your%20home%27s%20history%2C%20restored.%20%289%29.png" alt="" class="d-block w-100 img-fluid img o_we_custom_image" style="height: auto; object-fit: cover;" loading="lazy"/>
                            <a href="https://www.subwaytile.com/shop/xbscvir1-restoration-guide-sample-book-12571" class="hero-cta" aria-label="Order now"><br/></a>
                        </div>

                    </div>
                </div>
            </section>

            <section class="s_title o_colored_level pb0 pt48" data-vcss="001" data-snippet="s_title" data-name="Title" data-tilt-feature="">
                <div class="s_allow_columns container">
                    <div style="text-align: center;">
                        <h1 style="text-align: center;"><span style="font-size: 36px;">Discover Our Collections</span><br/></h1>
                    </div>
                </div>
            </section>

            
            <section class="s_text_image pt32 pb32 o_colored_level" data-snippet="s_text_image" data-name="Text - Image" style="background-image: none;">
                <div class="container">
                    <div class="row align-items-start">
                        <div class="pt16 pb16 o_colored_level col-lg-6">
                            <p>
                                <a href="https://www.subwaytile.com" target="_blank" aria-label="Visit Subway Ceramics" data-bs-original-title="" title="">
                                    <img src="/web/image/673553-1d120f22/Subway%20Ceramics%20logo%20complete.png" alt="Subway Ceramics logo" class="img-fluid rounded img o_we_custom_image" style="width: 50% !important;" data-original-id="673550" data-original-src="/web/image/673550-8129ae3a/Subway%20Ceramics%20logo%20complete.png" data-mimetype="image/png" data-resize-width="690" loading="lazy" data-bs-original-title="" title="" aria-describedby="tooltip714257"/>
                                </a>
                            </p><p><br/></p>
                            <p>
                                Restore the original character to your period home. Discover how a flat tile surface, pencil-thin grout lines, soft radius corner trims, integrated ceramic accessories, a large and historically accurate glaze palette and porcelain mosaic floors is authentic to prewar American tilework. Made in America quality.</p><p><br/></p>
                            <p><a href="https://www.subwaytile.com" target="_blank" class="btn btn-primary mb-2" data-bs-original-title="" title="">Visit the Website</a><br/></p>
                        </div>
                        
                        <div class="pt16 pb16 o_colored_level col-lg-6 rounded" style="border-radius: 100px !important;">
                            <img src="/web/image/673556-21bb3601/jhid-albee-229x.jpg" alt="" class="img img-fluid mx-auto o_we_custom_image" data-original-id="673556" data-original-src="/web/image/673556-21bb3601/jhid-albee-229x.jpg" data-mimetype="image/jpeg" data-resize-width="690" loading="lazy"/>
                        </div>
                    </div>
                </div>
            </section>

            
            <section class="s_text_image pt32 pb32 o_colored_level" data-snippet="s_image_text" data-name="Image - Text">
                <div class="container">
                    <div class="row align-items-start">
                        
                       <div class="col-lg-6 pt16 pb16 o_colored_level">
  <img src="/web/image/658455-1e9633e9/Screenshot_24-6-2025_22436_heritagetile-k28-19594647.dev.odoo.com.jpeg" alt="Vivatile collection preview" class="img img-fluid mx-auto o_we_custom_image" data-original-id="658452" data-original-src="/web/image/658452-3915d77e/Screenshot_24-6-2025_22436_heritagetile-k28-19594647.dev.odoo.com.jpeg" data-mimetype="image/jpeg" data-resize-width="690" loading="lazy"/>
</div>

                        <div class="col-lg-6 pt16 pb16 o_colored_level">
                            <a href="https://www.vivatile.com" target="_blank" aria-label="Visit Vivatile" data-bs-original-title="" title="">
                                <img src="/web/image/776118-09444ccd/Viva-Tile-Full-Logo-2022.webp" alt="" class="img img-fluid o_we_custom_image" style="width: 50%; height: auto;" data-mimetype="image/webp" data-original-id="776117" data-original-src="/web/image/776117-b3f90fa2/Viva-Tile-Full-Logo-2022.png" data-mimetype-before-conversion="image/png" data-resize-width="NaN" loading="lazy"/><br/><br/><br/></a>
                            <p>
                                Imbue vigor and spirit into a space you've designed for living. A vast assortment of unglazed porcelain mosaic or geometric patterns for you to fashion according to your unique aesthetic vision. Express your creative spirit to its fullest. We can't wait to see it!</p><p><br/></p>
                            
                            
                            <p><a href="https://www.vivatile.com" target="_blank" class="btn btn-primary mb-2 o_default_snippet_text" data-bs-original-title="" title="">Discover more</a></p>
                        </div>
                    </div>
                </div>
            </section>

            
            <section class="s_text_image pt32 pb32 o_colored_level" data-snippet="s_text_image" data-name="Text - Image" data-tilt-feature="">
                <div class="container">
                    <div class="row o_grid_mode" data-row-count="16">
                        
                        <div class="o_colored_level o_grid_item g-col-lg-6 g-height-16 col-lg-6 o_grid_item_image" style="grid-area: 1 / 7 / 17 / 13; z-index: 2;"><img src="/web/image/673548-b98b3fb1/Hanami_Install%20Image.jpg" alt="" class="img img-fluid mx-auto o_we_custom_image" data-original-id="673547" data-original-src="/web/image/673547-fea959ec/Hanami_Install%20Image.jpg" data-mimetype="image/jpeg" data-resize-width="690" loading="lazy" data-bs-original-title="" title="" aria-describedby="tooltip450879" style="transform: translateY(0.3%) scaleY(1.01);"/></div>
                    <div class="o_colored_level o_grid_item g-col-lg-6 g-height-10 col-lg-6" style="z-index: 1; grid-area: 1 / 1 / 11 / 7;" data-tilt-feature="">
                            <a href="https://www.japanesetile.com" target="_blank" aria-label="Visit Zen and Clay" data-bs-original-title="" title="">
                                <img src="/web/image/673554-ef4ce802/LogoA_Zen%2BClay-Logo_COLOR-RGB-300ppi.png" alt="Zen &amp; Clay Logo" class="img img-fluid o_we_custom_image ms-auto float-end" style="height: auto; width: 50% !important;" data-original-id="402893" data-original-src="/web/image/402893-06cd31b1/LogoA_Zen%2BClay-Logo_COLOR-RGB-300ppi.png" data-mimetype="image/png" data-resize-width="690" loading="lazy" data-bs-original-title="" title="" aria-describedby="tooltip613227" data-mimetype-before-conversion="image/png" data-tilt-feature=""/><br/><br/><br/></a>
                            <p><br/></p><p><br/></p><p><br/></p><p>Discover another way of living. From the kilns of Tajimi, Japan, this curated collection of porcelain and stoneware mosaics blend traditional wabi-sabi aesthetics with contemporary lifestyles to create a calm and peaceful space. Japanese tilework of the highest quality and craftsmanship.</p><p><br/></p>
                            <p><a href="https://www.japanesetile.com" target="_blank" class="btn btn-primary mb-2 o_default_snippet_text" data-bs-original-title="" title="">Learn more</a></p>
                        </div></div>
                </div>
            </section>

            <section class="s_title o_colored_level pb0 pt0" data-vcss="001" data-snippet="s_title" data-name="Title" style="background-image: none;">
                <div class="container s_allow_columns">
                    <h1 style="text-align: center;"><br/></h1>
                    <h1 style="text-align: center;"><span style="font-size: 36px;">Discover Your Resources</span><br/></h1>
                </div>
            </section>

            <section class="s_features pt32 pb32 o_colored_level o_half_screen_height" data-snippet="s_features" data-name="Features">
                <div class="container">
                    <div class="row">
                        <div class="pt32 pb32 text-center o_colored_level col-lg-3">
                            <a href="/project-services"><i class="fa fa-gear rounded m-3 fa-3x" style="color: rgb(99, 0, 0); background-color: rgb(255, 214, 99);" data-bs-original-title="" title="" aria-describedby="tooltip169861"></i></a>
                            <h3><span style="font-size: 24px;"><strong>Assist</strong></span></h3><p> Our<b> </b>customer service team&nbsp;is available to assist with your Subway Tile project from concept through installation. </p>
                        </div>
                        <div class="pt32 pb32 text-center o_colored_level col-lg-3">
                            <a href="https://www.heritagetile.com/experience" data-bs-original-title="" title=""><i class="fa fa-th-large m-3 rounded fa-3x" style="color: rgb(239, 198, 49); background-color: rgb(99, 0, 0);" data-bs-original-title="" title="" aria-describedby="tooltip809344"></i></a>
                            <h3><span style="font-size: 24px;"><strong>Experience program</strong></span></h3><p>
A sample resource system developed exclusively for architecture and interior design professionals, offers sample resources including display books, sample cards and sample bundles</p>
                        </div>

                        <div class="pt32 pb32 text-center o_colored_level col-lg-3">
                            <a href="/design-guides" data-bs-original-title="" title=""><i class="fa fa-book rounded m-3 fa-3x" style="color: rgb(99, 0, 0); background-color: rgb(239, 198, 49);" data-bs-original-title="" title="" aria-describedby="tooltip314061"></i></a>
                            <h3><span style="font-size: 24px;"><strong>Design Guides</strong></span></h3><p>Reference these technical guides for product specs, application solutions and inspirational images.</p>
                        </div>
                        <div class="pt32 pb32 text-center o_colored_level col-lg-3">
                            <a href="https://www.heritagetile.com/trade-program" data-bs-original-title="" title=""><i class="fa fa-handshake-o rounded m-3 fa-3x" style="background-color: rgb(99, 0, 0); color: rgb(239, 198, 49);" data-bs-original-title="" title="" aria-describedby="tooltip638062"></i></a>
                            <h3><span style="font-size: 24px;"><strong>Join Our Trade Program</strong></span></h3>
                            <p>Your access to design tools, complimentary samples, trade pricing, educational resources and new product previews. Let's work together.</p>
                        </div>
                    </div>
                </div>
            </section><section class="s_text_block o_colored_level pb0 pt0" data-snippet="s_text_block" data-name="Text">
        <div class="container s_allow_columns">
            <p style="text-align: center;">Discover the Heritage Tile connection through these exclusive portfolio collections.&nbsp;<br/></p></div>
    </section>

            
        <section class="s_three_columns pt32 pb32 o_colored_level o_cc o_cc1" data-vxml="001" data-vcss="001" data-snippet="s_three_columns" data-name="Columns" data-tilt-feature="">
        <div class="container">
            <div class="row d-flex align-items-center">
                <div data-name="Card" class="pt16 pb16 col-lg-2 offset-lg-1" style="padding-top: 0px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px;">
                    <div class="s_card card h-100 o_cc o_cc1 my-0 o_colored_level o_card_img_top border" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper mb-0">
                            <a href="https://www.subwaytile.com/"><img src="/web/image/775857-c035889b/SubwayCeramics_logo_mono.webp" alt="" class="o_card_img img img-fluid o_we_custom_image card-img-top" data-mimetype="image/webp" data-original-id="775856" data-original-src="/web/image/775856-dc9d8dac/SubwayCeramics_logo_mono.png" data-mimetype-before-conversion="image/png" data-resize-width="NaN" style="padding: 20px;" loading="lazy"/></a></figure></div>
                </div>
                <div data-name="Card" class="pt16 pb16 col-lg-2" style="padding-top: 0px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px;" data-tilt-feature="">
                    <div class="s_card o_card_img_top card h-100 o_cc o_cc1 my-0 o_colored_level border" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper mb-0">
                            <a href="https://www.vivatile.com/"><img src="/web/image/775859-dab7432c/VivaTile_logo_mono.webp" alt="" class="o_card_img card-img-top img img-fluid o_we_custom_image" data-mimetype="image/webp" data-original-id="775855" data-original-src="/web/image/775855-2d058b82/VivaTile_logo_mono.png" data-mimetype-before-conversion="image/png" data-resize-width="NaN" style="padding: 20px;" loading="lazy"/></a></figure></div>
                </div>
                <div data-name="Card" class="pt16 pb16 col-lg-2" style="padding-top: 0px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px;">
                    <div class="s_card card h-100 o_cc o_cc1 my-0 o_colored_level border o_card_img_top" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper mb-0">
                            <a href="https://www.japanesetile.com/"><img src="/web/image/775858-1c7ed83b/Zen%2BClay_logo_HEADER.webp" alt="" class="o_card_img img img-fluid o_we_custom_image card-img-top" data-mimetype="image/webp" data-original-id="775853" data-original-src="/web/image/775853-ecf76d71/Zen%2BClay_logo_HEADER.png" data-mimetype-before-conversion="image/png" data-resize-width="NaN" style="padding: 40px 20px 20px;" loading="lazy"/></a></figure></div>
                </div><div data-name="Card" class="pt16 pb16 col-lg-2" data-tilt-feature="" style="padding-top: 0px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px;">
                    <div class="s_card o_card_img_top card h-100 o_cc o_cc1 my-0 o_colored_level border" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper mb-0">
                            <a href="https://www.ateliertile.com/"><img src="/web/image/775099-7e975a33/Atelier_BW_logo.webp" alt="" class="o_card_img card-img-top img img-fluid o_we_custom_image" data-mimetype="image/webp" data-original-id="775097" data-original-src="/web/image/775097-5789c38b/Atelier_BW_logo.png" data-mimetype-before-conversion="image/png" data-resize-width="NaN" data-tilt-feature="" style="padding: 30px 20px 20px;" loading="lazy"/></a></figure></div>
                </div><div data-name="Card" class="pt16 pb16 col-lg-2" data-tilt-feature="" style="padding-top: 0px !important; padding-right: 0px; padding-bottom: 0px !important; padding-left: 0px;">
                    <div class="s_card card h-100 o_cc o_cc1 my-0 o_colored_level o_card_img_top border" data-vxml="001" data-snippet="s_card" data-name="Card" style="border-width: 0px !important;">
                        <figure class="o_card_img_wrapper mb-0">
                            <a href="https://www.unionstationtile.com/"><img src="/web/image/775860-03847434/UnionStation_logo_V.webp" alt="" class="o_card_img img img-fluid o_we_custom_image card-img-top" data-mimetype="image/webp" data-original-id="775852" data-original-src="/web/image/775852-39619c72/UnionStation_logo_V.png" data-mimetype-before-conversion="image/png" data-resize-width="NaN" data-tilt-feature="" style="padding: 20px;" loading="lazy"/></a></figure></div>
                </div>
            </div>
        </div>
    </section></div>
    
        <div id="o_shared_blocks" class="oe_unremovable"></div>
                </main>
                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
                    <div id="footer" class="oe_structure oe_structure_solo">
            <section class="s_text_block pt48 pb0" data-snippet="s_text_block" data-name="Text" data-tilt-feature="">
                <div class="container-fluid">
                    <div class="row o_grid_mode" data-row-count="6">
    

                        <div class="o_colored_level o_grid_item g-col-lg-2 g-height-6 col-lg-2" style="grid-area: 1 / 2 / 7 / 4; z-index: 1;">
                            <h5><em><span style="font-size: 24px;">Connections</span></em><br/></h5>
                            <ul class="list-unstyled">
                                <li class="list-item py-1"><a href="/our-story" data-bs-original-title="" title=""><font class="text-o-color-4">Our Story</font></a><br/></li>
                                <li class="list-item py-1"><a href="/faqs" data-bs-original-title="" title=""><font class="text-o-color-4">FAQs</font></a></li>
                                <li class="list-item py-1"><a href="/contactus" data-bs-original-title="" title=""><font class="text-o-color-4">Contact</font></a></li><li class="list-item py-1"><a href="/showroom"><font class="text-white">Visit Our Showroom</font></a></li>
                                <li class="list-item py-1"><a href="/terms" data-bs-original-title="" title=""><font class="text-o-color-4">Terms &amp; Conditions</font></a></li><li class="list-item py-1"><strong><a href="/share" data-bs-original-title="" title=""><font class="text-o-color-4"><span style="font-weight: normal;">Share Your Project</span></font></a></strong></li></ul></div>
                        <div class="o_colored_level o_grid_item g-col-lg-2 g-height-6 col-lg-2" style="grid-area: 1 / 4 / 7 / 6; z-index: 2;">
                            <h5><em><span style="font-size: 24px;">Portfolio</span></em><br/></h5>
                            <ul class="list-unstyled">
                                <li class="py-1"><a href="http://www.subwaytile.com" data-bs-original-title="" title=""><font class="text-o-color-4">Subway Ceramics</font></a></li><li class="py-1"><a href="http://www.vivatile.com" data-bs-original-title="" title=""><font class="text-o-color-4">Viva Tile</font></a></li><li class="py-1"><a href="http://www.japanesetile.com" data-bs-original-title="" title=""><font class="text-o-color-4">Zen+Clay</font></a></li><li class="py-1"><a title="" data-bs-original-title="" href="http://www.ateliertile.com"><font style="display: inline-block;" class="text-o-color-4">Atelier</font></a></li><li class="py-1"><a href="https://www.unionstationtile.com/"><font class="text-o-color-4">Union Station</font></a></li></ul></div>
                        
                        
                        
                    <div class="o_colored_level o_grid_item g-col-lg-2 g-height-6 col-lg-2" style="z-index: 3; grid-area: 1 / 6 / 7 / 8; text-align: left;" data-tilt-feature="">
                            <h5><em><span style="font-size: 24px;">Trade</span></em></h5><p><a href="/trade-program"><font class="text-o-color-4">Trade Program</font></a></p><p><a href="https://www.heritagetile.com/project-services"><font class="text-o-color-4">Project Services</font></a></p><p><a href="/web/login"><font class="text-o-color-4">Log In</font></a></p><div class="s_social_media o_not_editable no_icon_color text-start" data-snippet="s_social_media" data-name="Social Media">
        <h4 class="s_social_media_title d-none o_default_snippet_text">Social Media</h4>
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank" aria-label="Facebook">
            <i class="fa fa-facebook o_editable_media fa-stack"></i>
        </a>
<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank" aria-label="Instagram">
            <i class="fa fa-instagram o_editable_media fa-stack"></i>
        </a>
<a href="/website/social/linkedin" class="s_social_media_linkedin" target="_blank" aria-label="LinkedIn">
            <i class="fa o_editable_media fa-linkedin fa-stack"></i>
        </a>
<a href="https://www.pinterest.com/heritagetile" target="_blank" aria-label="pinterest" class="s_social_media_pinterest">
            <i class="fa o_editable_media fa-pinterest fa-stack"></i>
        </a>
</div>
                        </div><div class="o_colored_level o_grid_item g-col-lg-2 g-height-6 col-lg-2" style="z-index: 4; grid-area: 1 / 8 / 7 / 10;">
                            <h5><em><span style="font-size: 24px;">Operations Center</span></em></h5><p><span style="font-size: 14px;"><font class="text-o-color-4"><strong>Hours:</strong>&nbsp;8:30am - 4:30pm (CT), weekdays</font></span></p>
                            <ul class="list-unstyled">
                                <li class="py-1"><i class="fa fa-1x fa-fw fa-envelope me-2"></i><a href="/cdn-cgi/l/email-protection#f1989f979eb1999483988590969485989d94df929e9c" data-bs-original-title="" title=""><font class="text-o-color-4">info@herit</font><span class="o_small-fs"><font class="text-o-color-4">​</font></span><font class="text-o-color-4">agetile.com</font></a></li>
                                </ul><p><i class="fa fa-1x fa-fw fa-phone me-2" data-bs-original-title="" title="" aria-describedby="tooltip828911"></i><span class="o_force_ltr"><a href="tel://18883873280" data-bs-original-title="" title=""><font class="text-o-color-4">+1 (888)&nbsp;387-3280&nbsp;</font></a></span><span style="font-size: 14px;"></span><br/></p><ul class="list-unstyled"><span class="fa fa-map-marker"></span>&nbsp; &nbsp;312 Investment Court<br/>Verona, WI 53593<br/>United States</ul></div><div class="o_colored_level o_grid_item g-col-lg-2 g-height-6 col-lg-2" style="z-index: 4; grid-area: 1 / 10 / 7 / 12;">
                            <h5><em><span style="font-size: 24px;">Studio &amp; Showroom</span></em></h5><p><span style="font-size: 14px;"><font style="color: rgb(235, 219, 188);"><strong><font class="text-400"><font class="text-o-color-4">Hours:&nbsp; &nbsp; by appointment only; weekdays</font></font></strong></font></span><br/></p>
                            <ul class="list-unstyled">
                                <li class="py-1"><i class="fa fa-1x fa-fw fa-envelope me-2"></i><a href="/cdn-cgi/l/email-protection#0e7d6661797c6161634e666b7c677a6f696b7a67626b206d6163" data-bs-original-title="" title=""><font class="text-o-color-4"><span class="__cf_email__" data-cfemail="aad9c2c5ddd8c5c5c7eac2cfd8c3decbcdcfdec3c6cf84c9c5c7">[email&#160;protected]</span></font></a></li>
                                </ul><p><i class="fa fa-1x fa-fw fa-phone me-2" data-bs-original-title="" title="" aria-describedby="tooltip828911"></i><span class="o_force_ltr"><font class="text-white">+1 (708) 919-1600</font></span><span style="font-size: 14px;"></span><br/></p><ul class="list-unstyled"><span class="fa fa-map-marker"></span>&nbsp; &nbsp;<font class="text-white">144 N. Oak Park Ave.</font><br/><font class="text-white"><font class="text-o-color-4">Oak Park, IL 60301</font></font><br/>United States</ul></div></div>
                </div>
            </section>
        </div>
    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
                        <div class="container py-3">
                            <div class="row">
                                <div class="col-sm text-center text-sm-start text-muted">
                                    <span class="o_footer_copyright_name me-2"><span style="color: rgba(255, 255, 255, 0.7);font-size: 15px;font-style: normal;font-weight: 400;background-color: rgba(0, 0, 0, 0.15)">©&nbsp;Heritage Tile, LLC 2026</span></span>
        
        
                                </div>
                                <div class="col-sm text-center text-sm-end o_not_editable">
        <div class="o_brand_promotion">
        
        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
    (function(d, m){
        var kommunicateSettings = 
            {"appId":"2fd0eabce6e91e685a2e86bcfd98347ab","popupWidget":true,"automaticChatOpenOnNavigation":true};
        var s = document.createElement("script"); s.type = "text/javascript"; s.async = true;
        s.src = "https://widget.kommunicate.io/v2/kommunicate.app";
        var h = document.getElementsByTagName("head")[0]; h.appendChild(s);
        window.kommunicate = m; m._globals = kommunicateSettings;
    })(document, window.kommunicate || {});
/* NOTE : Use web server to view HTML files as real-time update will not work if you directly open the HTML file in the browser. */
</script>
        </body>
</html>