\n
\n \n {% load render_bundle from webpack_loader %}\n{% load staticfiles sitetree %}\n<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'/>\n <link rel="icon" type="image/jpg" href="{% static 'core/images/FT-favicon.jpg' %}" />\n <link rel="canonical" href="{{site_url}}{{request.path}}" />\n <!-- Google Tag Manager -->\n <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-5QJZS8RD');</script>\n <!-- End Google Tag Manager -->\n{% if 'search' not in request.path %}\n<!-- Global site tag (gtag.js) - Google Analytics -->\n <script async src="https://www.googletagmanager.com/gtag/js?id=G-EMNGQF800S"></script>\n <script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'AW-323650634');\n gtag('config', 'G-EMNGQF800S')\n </script>\n{% endif %}\n <title>{% block page_title %}{% endblock %} | Florida Tile</title>\n {% block extra_header %}{% endblock %}\n \n \n \n</head>\n<body>\n{% if 'search' not in request.path %}\n<!-- Google Tag Manager (noscript) -->\n<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QJZS8RD"\nheight="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>\n<!-- End Google Tag Manager (noscript) -->\n{% endif %}\n <div id="app" v-cloak>\n <loading :active.sync="isLoading" \n :is-full-page="true"></loading>\n {% verbatim %}\n <div id="alerts-row" class="m-1">\n <b-alert class="fti-alert" :variant="alert.type"\n :show="5"\n dismissible\n @dismissed="alerts.splice(index, 1)"\n v-for="(alert,index) in alerts"\n :key="index"\n fade\n >\n {{alert.message}}\n </b-alert>\n </div>\n {% endverbatim %}\n <!-- Start Header -->\n <div id="header" class="container-fluid" @click="productMegaMenuShow = false; exploreMegaMenuShow = false; shopMegaMenuShow = false;">\n <div class="row">\n <div id="logo-container">\n <a href="/">\n <img id="logo" alt="Florida Tile" src="{% static 'core/images/Florida-Tile-logo.png' %}">\n </a>\n </div>\n <!--<div id="res-com-header">-->\n <!-- <div>-->\n <!-- <a @click="setResidential()" :class="{'active': residentialSwitch}">RESIDENTIAL</a> <span>/</span> <a @click="setCommercial()" :class="{'active': !residentialSwitch}">COMMERCIAL</a>-->\n <!-- </div>-->\n <!--</div>-->\n <div id="top-menu-list-container">\n <div id="search-bookmark-container">\n <!-- Search and Bookmark Goes Here -->\n <transition name="fade">\n <form id="search-form" method="get" action="{% url 'core_search' %}" v-show="showSearchInput">\n <input id="search-input" type="text" name="q" placeholder="Search..."/>\n </form>\n </transition>\n <span class="fa fa-search" aria-hidden="true" @click="showSearchInput = !showSearchInput"></span>\n <a href="{% url 'core_bookmarks' %}"><span class="far fa-heart" id="bookmarks-link-header" aria-hidden="true"></span></a>\n <b-tooltip target="bookmarks-link-header" placement="bottom">\n See my bookmarks\n </b-tooltip>\n </div>\n <div class="clearfix"></div>\n \n <b-navbar toggleable="md">\n <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>\n <b-collapse is-nav id="nav_collapse">\n {% sitetree_menu from "main_menu" include "trunk" template "core/menu_bootstrap4_navbar.html" %}\n </b-collapse>\n </b-navbar>\n \n </div>\n <div class="clearfix"></div>\n </div>\n </div>\n\n <!-- Navigation -->\n <div id="main-navigation" v-stick-in-parent>\n <div @click="makeProductMegaMenuShow()" id="header-product" class="float-left col-md-4">\n <i class="fas fa-th-large"></i><span>PRODUCTS</span>\n </div>\n <div id="product-megamenu" v-show="productMegaMenuShow">\n <div class="col-md-4 text-center">\n <ul class="products-col-1">\n <li><a href="/product-search/?open=collection">Collections</a></li>\n <li><a href="/product-search/">Product Search</a></li>\n <li><a href="/new-products/">New Products</a></li>\n <li><a href="/product-search/?open=mosaic">Mosaics</a></li>\n <li><a href="/2cm/">2cm Porcelain Pavers</a></li>\n <li>\n <a class="decoratives-link" href="/cottodeste/">Cotto d'Este</a>\n </li>\n </ul>\n </div>\n <div class="col-md-4 text-center products-middle">\n <h4>COLOR</h4>\n <ul class="products-col-2">\n <li><a href="/product-search/?open=color&color=Beige">Beige</a></li>\n <li><a href="/product-search/?open=color&color=Black">Black</a></li>\n <li><a href="/product-search/?open=color&color=Blue">Blue</a></li>\n <li><a href="/product-search/?open=color&color=Gray">Gray</a></li>\n <li><a href="/product-search/?open=color&color=White">White</a></li>\n <li><a href="/product-search/?open=color">View More...</a></li>\n </ul>\n </div>\n <div class="col-md-4 text-center">\n <h4>TYPE</h4>\n <ul class="products-col-2">\n <li><a href="/product-search/?open=type&type=HDP\u00ae%20Porcelain">HDP<sup>\u00ae</sup> Porcelain</a></li>\n <li><a href="/product-search/?open=type&type=Porcelain">Porcelain</a></li>\n <li><a href="/product-search/?open=type&type=Ceramic%20Wall%20Tile">Ceramic Wall Tile</a></li>\n <li><a href="/product-search/?open=type&type=Natural%20Stone">Natural Stone</a></li>\n <li><a href="/product-search/?open=type">View More...</a></li>\n </ul>\n </div>\n </div>\n\n <div @click="makeExploreMegaMenuShow()" id="header-explore" class="float-left col-md-4">\n <i class="fas fa-lightbulb"></i><span>INSPIRATION</span>\n </div>\n <div id="explore-megamenu" v-show="exploreMegaMenuShow">\n <div class="col-md-12">\n <ul class="explore-col-1">\n <li><a class="explore-link-2" href="https://visualizer.floridatile.com/">Tile Visualizer</a></li>\n <li><a class="explore-link-2" href="/hgtv-rock-the-block/">2025 Rock the Block</a></li>\n <li>\n <a class="explore-link-1" href="{% url 'core_room_scene_gallery' %}?tab=collections">Room Scenes</a>\n <span><a href="{% url 'core_room_scene_gallery' %}?tab=residential">Residential</a> / <a href="{% url 'core_room_scene_gallery' %}?tab=commercial">Commercial</a></span>\n </li>\n <li><a class="explore-link-2" href="{% url 'core_project_gallery' %}">Installations</a></li>\n <li><a class="explore-link-3" href="{% url 'core_video_gallery' %}">Videos</a></li>\n <li><a class="explore-link-4" href="/blog/">Blog</a></li>\n </ul>\n </div>\n </div>\n \n \n <div @click="makeShopMegaMenuShow()" id="header-shop" class="float-left col-md-4">\n <i class="fas fa-shopping-cart"></i><span>FIND A DEALER</span>\n </div>\n <div id="shop-megamenu" v-show="shopMegaMenuShow">\n <div class="col-md-12 text-center">\n <ul class="shop-col-1">\n <li><a href="{% url 'core_store_locator' %}">Store Locator</a></li>\n <li><a href="/fti-branches/">FTI Branch</a></li>\n <li><a href="/sales-rep/">Sales Representatives</a></li>\n <li><a href="{% url 'core_sample_information' %}">Sample Information</a></li>\n </ul>\n </div>\n </div>\n <div class="clearfix"></div>\n </div>\n {% if commercial %}\n <!-- put commercial header code here -->\n <div id="commercial-header" class="container-fluid">\n <div class="row">\n <a href="/commercial/"><h1>COMMERCIAL SPACES</h1></a>\n <span>SUSTAINABLE COMMERCIAL SOLUTIONS</span>\n </div>\n </div>\n {% endif %}\n \n <div @click="productMegaMenuShow = false; exploreMegaMenuShow = false; shopMegaMenuShow = false;">\n {% block page_content %}{% endblock %}\n </div>\n \n <!-- Start Footer -->\n <div id="footer" class="container-fluid">\n <div class="row">\n <div id="footer-blue-40" class="col-md-4">\n <img alt="Florida Tile" src="{% static 'core/images/FT-logo-footer.png' %}">\n <span>800.352.8453</span>\n </div>\n \n {% if not commercial %}\n <div id="footer-green-60" class="col-md-8">\n <form>\n <div class="newsletter-form">\n <label>Receive the Latest Inspiration</label>\n <!--<input type="text" placeholder="Enter your email">-->\n <a href="/newsletter-signup/" class="submit-button">Subscribe</a>\n </div>\n </form>\n \n <ul id="footer-social-list">\n <li><a target="_blank" href="https://www.youtube.com/user/FloridaTileInc"><i class="fab fa-youtube"></i></a></li>\n <li><a target="_blank" href="https://www.pinterest.com/floridatile/"><i class="fab fa-pinterest-p"></i></a></li>\n <!--<li><a target="_blank" href="https://www.linkedin.com/company/florida-tile-inc./"><i class="fab fa-linkedin"></i></a></li>-->\n <li><a target="_blank" href="https://www.instagram.com/floridatile/"><i class="fab fa-instagram"></i></a></li>\n <li><a target="_blank" href="https://www.houzz.com/professionals/tile-and-stone/florida-tile-inc-pfvwus-pf~1669372070"><i class="fab fa-houzz"></i></a></li>\n <!-- <li><a target="_blank" href="https://twitter.com/@FloridaTile"><i class="fab fa-twitter"></i></a></li> -->\n <li><a target="_blank" href="https://www.facebook.com/pages/Florida-Tile/97876090951?ref=ts"><i class="fab fa-facebook-f"></i></a></li>\n <li><a target="_blank" href="https://www.linkedin.com/company/florida-tile-inc./"><i class="fab fa-linkedin"></i></a></li>\n </ul>\n </div>\n {% else %}\n <!-- put commercial header code here -->\n <div id="footer-black-60" class="col-md-8">\n <form>\n <div class="newsletter-form">\n <label>RECEIVE FLORIDA TILE\u2019S LATEST COMMERCIAL NEWS</label>\n <!--<input type="text" placeholder="Enter your email">-->\n <a href="/newsletter-signup/" class="comm-submit-button">Subscribe</a>\n </div>\n </form>\n </div>\n {% endif %}\n \n \n </div>\n \n <div id="footer-links" class="row">\n <div class="footer-bottom-cols-1">\n <h5>PRODUCTS</h5>\n <ul>\n <li><a href="{% url 'core_product_search' %}?open=collection">Collections</a></li>\n <li><a href="{% url 'core_product_search' %}">Products</a></li>\n <li><a href="{% url 'core_product_search' %}?open=mosaic">Mosaics</a></li>\n <li><a href="/2cm/">2cm Porcelain Pavers</a></li>\n <li><a href="/cottodeste/">Cotto d'Este</a></li>\n </ul>\n </div>\n <div class="footer-bottom-cols-1">\n <h5>INSPIRATION</h5>\n <ul>\n <li><a href="{% url 'core_room_scene_gallery' %}">Room Scenes</a></li>\n <li><a href="{% url 'core_project_gallery' %}">Installations</a></li>\n <li><a href="/video-gallery/">Videos</a></li>\n <li><a href="/blog/">Blog</a></li>\n </ul>\n </div>\n <div class="footer-bottom-cols-1">\n <h5>FIND A DEALER</h5>\n <ul>\n <li><a href="{% url 'core_store_locator' %}">Store Locator</a></li>\n <li><a href="/fti-branches/">FTI Branch</a></li>\n <li><a href="/sales-rep/">Sales Representative</a></li>\n <li><a href="/sample-information/">Sample Information</a></li>\n </ul>\n </div>\n <div class="footer-bottom-cols-1">\n <h5>RESOURCES</h5>\n <ul>\n <li><a href="/commercial/toolbox/">Technical Toolbox</a></li>\n <li><a href="/certifications/">Certifications</a></li>\n <li><a href="/warranty/">Warranty</a></li>\n <li><a href="/technical-data/">Technical Data</a></li>\n <li><a href="/downloads/">Downloads</a></li>\n </ul>\n </div>\n <div class="footer-bottom-cols-1 dotted">\n <h5>SUSTAINABILITY</h5>\n <ul>\n <li><a href="/sustainability/">Sustainability</a></li>\n <li><a href="/mindful-materials/">mindful MATERIALS</a></li>\n <li><a href="/recycling/">Recycling</a></li>\n <li><a href="/greenguard/">Greenguard<sup>®</sup></a></li>\n <li><a href="/greenbuilding/">Leed<sup>®</sup></a></li>\n </ul>\n <div id="dotted-border"></div>\n </div>\n <!--<div id="footer-middle-right" class="footer-bottom-cols-2">\n <div class="col-md-6">\n <span>Catalog 2025</span>\n <p>See our latest online flipbook catalog and download.</p>\n <a id="download-button" target="_blank"\n href="https://floridatile-flipbooks.s3.us-east-1.amazonaws.com/Florida-Tile-Product-Catalog-2025.1/index.html">DOWNLOAD</a>\n </div>\n <div class="col-md-6">\n <a target="_blank" href="https://floridatile-flipbooks.s3.us-east-1.amazonaws.com/Florida-Tile-Product-Catalog-2025.1/index.html"><img alt="2021 Florida Tile Catalog" class="footer-catalog" src="% static 'core/images/Flipbook.png' %"></a>\n </div>\n </div>-->\n \n </div>\n \n <div id="footer-bottom-container" class="row">\n <div class="container">\n <span>Copyright © {% now 'Y' %} Florida Tile Inc. | 998 Governors Lane, Lexington, KY 40513</span>\n <span>\n <a target="_blank" href="https://whytile.com/">whytile.com</a>\n | \n <a target="_blank" href="https://ww2.e-billexpress.com/ebpp/FloridaTile/">Make a Payment</a>\n | \n <a href="/suppliers/">Florida Tile Supplier</a>\n | \n <a href="/privacy-policy/">Privacy Policy</a>\n | \n <a href="/terms-of-use/">Terms of Use</a>\n </span>\n </div>\n </div>\n \n <!--<b-modal id="res-comm-modal" v-model="modalShow" no-close-on-backdrop>-->\n <!-- <p class="mb-4 mt-0">Allow us to help you find the perfect tile for you.<br>Choose which applies to you.</p>-->\n <!-- <a @click="setResidentialModal(); modalShow = false;" class="res-com-modal-large" :class="{'active': residentialSwitch}">Residential</a> <span> | </span> <a @click="setCommercialModal(); modalShow = false;" class="res-com-modal-large" :class="{'active': !residentialSwitch}">Commercial</a>-->\n <!--</b-modal>-->\n \n </div>\n <!-- End Footer -->\n \n </div>\n {% render_bundle 'babel' 'js' %}\n {% block extra_footer %}{% endblock %}\n</body>\n</html>\n\n \n
\n