ciot.com
Open in
urlscan Pro
205.173.254.107
Public Scan
Submitted URL: http://ciot.com/
Effective URL: https://ciot.com/toronto_en/
Submission: On September 24 via manual from CA — Scanned from CA
Effective URL: https://ciot.com/toronto_en/
Submission: On September 24 via manual from CA — Scanned from CA
Form analysis 3 forms found in the DOM
GET https://ciot.com/toronto_en/catalogsearch/result/
<form class="form minisearch" id="search_mini_form" action="https://ciot.com/toronto_en/catalogsearch/result/" method="get">
<div class="relative">
<label class="sr-only" for="search"> Search... </label>
<button type="submit" title="Search" class="action search absolute top-3.5 left-4 lg:top-2.5 lg:left-2.5" aria-label="Search">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 21 20" fill="none" class="lg:w-[20px] lg:h-[20px]">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.79451 9.12554e-05C4.23174 9.12554e-05 0.497803 3.72514 0.497803 8.28791C0.497803 12.8507 4.23083 16.5846 8.79451 16.5846C10.5492 16.5846 12.1737 16.0232 13.5133 15.0892L17.9985 19.5655C18.5689 20.1448 19.5019 20.1448 20.0732 19.5655C20.6435 18.9952 20.6435 18.0711 20.0732 17.4998L15.588 13.0146C16.5299 11.6663 17.0833 10.0417 17.0833 8.28782C17.0825 3.72413 13.3494 0 8.79463 0L8.79451 9.12554e-05ZM8.79449 2.92047C11.7674 2.92047 14.153 5.30612 14.153 8.28698C14.153 11.2678 11.7683 13.6535 8.79449 13.6535C5.81272 13.6535 3.42798 11.2678 3.42798 8.28698C3.42798 5.30612 5.81272 2.92047 8.79449 2.92047Z"
fill="#1C2028"></path>
</svg>
</button>
<input id="search" x-on:input.debounce="getSearchResults()" x-ref="searchInput" type="search" class="w-full focus:!shadow-none max-h-10 pr-0 !pl-10 text-lg leading-normal !border-x-0 !border-t-0 !border-[#E0E2E5] transition appearance-none text-grey-800
focus:outline-none focus:border-transparent lg:text-xl lg:!border lg:!border-black" autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="Search..." maxlength="128">
</div>
<div id="search_autocomplete" class="search-autocomplete w-full absolute bg-white z-50 overflow-y-scroll max-h-full pb-16 lg:overflow-visible lg:grid-cols-4 lg:left-0 lg:mt-12" x-show="show" style="display:none;">
<div class="w-full md:flex bg-white pb-8 lg:w-full justify-center">
<template x-for="searchResultByType in Object.values(searchResultsByType)">
<div class="px-5 w-full md:w-max" x-show="!loadingData">
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
<div class="font-bold pt-5 text-base mb-4 whitespace-nowrap md:uppercase" x-show="hasData" x-text="templates[searchResultByType[0].type].title"></div>
</template>
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
<div class="font-bold pt-2 pl-2 text-center" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template>
<template x-for="searchResult in searchResultByType">
<template x-if="searchResult.type == 'term'">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://ciot.com/toronto_en/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="grid grid-cols-4 gap-4 p-3">
<div>
<img :src="searchResult.image" class="inline-block">
</div>
<div class="col-span-3">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm font-bold" x-html="searchResult.price"></span>
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</template>
</template>
<div class="search-results grid grid-cols-2 gap-6 min-w-max md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 xl:gap-x-9">
<template x-for="searchResult in searchResultByType">
<template x-if="searchResult.type == 'product'">
<a class="w-full max-w-[150px] md:max-w-[100px] lg:max-w-[150px] min-w-[150px] md:min-w-[100px] lg:min-w-[150px]" :href="searchResult.url" :title="searchResult.title">
<div class="w-full mb-2">
<img :src="searchResult.image" class="w-full">
</div>
<div class="flex items-center justify-between mb-2.5">
<span class="text-sm" x-text="searchResult.title"></span>
</div>
</a>
</template>
</template>
</div>
<template x-for="searchResult in searchResultByType">
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<template x-if="searchResult.breadcrumb.length > 0">
<span class="text-sm italic inline-block md:block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
</template>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</template>
<div x-show="!hasData" class="w-full text-center mt-6">Sorry, no results found.</div>
</div>
</template>
</div>
</div>
<div x-show="loadingData" class="w-full absolute bg-white z-50 overflow-y-scroll max-h-full pb-16 lg:overflow-visible lg:grid-cols-4 lg:left-0 lg:mt-12" style="display: none;">
<img src="https://ciot.com/static/version1726529315/frontend/Twodev/ciot/en_CA/images/loader-1.gif" alt="Loading..." class="mx-auto py-6" loading="lazy" width="64" height="64">
</div>
</form>Name: appointment_form — #
<form id="appointment_form" action="#" name="appointment_form" x-data="initBookAppointment()" x-init="OpenBookModal()">
<div class="tab" style="display: block;">
<div class="w-full bg-[#F2F2F2] p-4 mb-8">
<h3 class="text-base font-medium tracking-normal normal-case mb-2.5"> CIOT - Toronto </h3>
<div class="text-sm md:block">
<p>1020 Lawrence Avenue West</p>
<p>Toronto</p>
<a href="tel:(416)%20785-8080">(416) 785-8080</a>
</div>
</div>
<div class="flex flex-col md:flex-row justify-between gap-[15px] md:gap-[30px] mb-[15px] md:mb-[35px]">
<!-- Date of appointment fieldset -->
<fieldset class="w-full fieldset fieldset-3 mt-0 !p-0 wf-lg-1-2 wf-md-1-2 wf-sm-1-1" role="group">
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label capitalize" for="appointment-date"> Date of appointment <span class="text-[#D10029]"></span>
</label>
<div class="control" role="group" aria-labelledby="">
<input type="date" id="appointment-date" name="appointment-date" class="form-input w-full !h-[38px] !rounded-[4px] !border-[#E9E9EB] bg-auto" data-tag="select" x-on:change="filterRepresentatives" min="2024-09-24">
</div>
</div>
</fieldset>
<!-- Product of interest fieldset -->
<fieldset class="w-full fieldset fieldset-3 mt-0 !p-0 wf-lg-1-2 wf-md-1-2 wf-sm-1-1" role="group">
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label capitalize" for="product"> Product of interest <span class="text-[#D10029]"></span>
</label>
<div class="control" role="group" aria-labelledby="">
<select id="product" name="product" x-model="selectedProduct" data-tag="select" x-on:change="updateProducts" disabled="" class="form-input w-full !h-[38px] rounded-[4px] border-[#E9E9EB] bg-auto" aria-required="true">
<option value="">Select</option>
<template x-for="(interest, index) in bookAppointmentInterests" :key="index">
<option :value="interest" x-text="interest"></option>
</template>
<option :value="interest" x-text="interest" value="Any">Any</option>
<option :value="interest" x-text="interest" value="Ceramic and Porcelain Tiles">Ceramic and Porcelain Tiles</option>
<option :value="interest" x-text="interest" value="Ciot Studio">Ciot Studio</option>
<option :value="interest" x-text="interest" value="Cut to size">Cut to size</option>
<option :value="interest" x-text="interest" value="Installation/Maintenance Product">Installation/Maintenance Product</option>
<option :value="interest" x-text="interest" value="Slabs">Slabs</option>
<option :value="interest" x-text="interest" value="Stone Tiles">Stone Tiles</option>
</select>
</div>
</div>
</fieldset>
<!-- Sales representative fieldset -->
<fieldset class="w-full fieldset fieldset-3 mt-0 !p-0 wf-lg-1-2 wf-md-1-2 wf-sm-1-1" role="group">
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7">
<label class="label capitalize" for="representative"> Specific sales representative </label>
<div class="control" role="group" aria-labelledby="">
<select id="representative" name="representative" x-model="selectedRepresentative" x-on:change="updateTimes" disabled="">
<template x-for="(representative, index) in names" :key="index">
<option :value="representative" x-text="representative"></option>
</template>
</select>
</div>
</div>
</fieldset>
</div>
<!-- Time of appointment fieldset -->
<fieldset>
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label"> Time of appointment <span class="text-[#D10029]"></span>
</label>
<div x-show="loadingData" style="display: none;">
<img src="https://ciot.com/static/version1726529315/frontend/Twodev/ciot/en_CA/images/loader-1.gif" alt="Loading..." class="mx-auto py-6" loading="lazy" width="30" height="30">
</div>
<div x-show="showError && !loadingData" class="w-full mt-6 text-xs" style="display: none;"> Thank you for your interest in booking an appointment at Ciot. Unfortunately, all of our sales consultants are currently booked during your
requested time. Please contact your preferred location directly, and we will do our best to accommodate you. <br>
<br> The Ciot Team
</div>
<div class="grid md:grid-cols-3 gap-[15px]" x-show="!loadingData">
<template x-for="(appointment, index) in times" :key="index">
<div class="relative !w-full md:!w-[245px] !h-[23px]" x-show="!showError">
<input class="!w-full md:!w-[245px] !h-[23px] rounded-[4px] checked:!bg-none !border-[#E9E9EB] checked:!border-black" type="radio" :id="`appointment-${index}`" name="timeslot" :value="appointment.match(/^\d{1,2}:\d{2}/)[0]"
@click="updateSelectedTime($event)">
<label class="absolute top-px h-[23px] m-auto w-full text-center content-center" :for="`appointment-${index}`" x-text="appointment.match(/^\d{1,2}:\d{2}/)[0]">
</label>
</div>
</template>
</div>
</div>
</fieldset>
<p id="error-message" class="hidden mt-[10px] text-[#D10029] text-xs">Please select all required fields.</p>
</div>
<div class="tab" style="display: none;">
<div x-show="loadingData" style="display: none;">
<img src="https://ciot.com/static/version1726529315/frontend/Twodev/ciot/en_CA/images/loader-1.gif" alt="Loading..." class="mx-auto py-6" loading="lazy" width="30" height="30">
</div>
<div class="flex flex-col md:flex-row step-2 justify-center" x-show="!submitSuccess">
<div class="md:max-w-[245px] w-full m-auto" x-show="!loadingData">
<fieldset role="group" class="flex flex-col gap-[15px] md:gap-[20px]">
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label" id="" for="">First Name <span class="text-[#D10029]"></span></label>
<input data-tag="input" oninput="this.className = ''" name="firstname" id="firstname" value="">
</div>
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label" id="" for="">Last Name <span class="text-[#D10029]"></span></label>
<input data-tag="input" oninput="this.className = ''" name="lastname" id="lastname" value="">
</div>
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label" id="" for="">Email Address <span class="text-[#D10029]"></span></label>
<input data-tag="input" oninput="this.className = ''" name="email" id="email" value="">
</div>
<div role="group" class="field wf-lg-1-1 wf-md-1-1 wf-sm-1-1 type-select webforms-fields-7 required">
<label class="label" id="" for="">Phone Number <span class="text-[#D10029]"></span></label>
<input data-tag="input" oninput="this.className = ''" name="phone" id="phone" value="">
</div>
</fieldset>
</div>
</div>
<div x-show="submitSuccess" class="text-center py-16 md:px-16" style="display: none;">
<p>Thanks! Your appointment request was successfully sent and you should receive a confirmation email about it.</p>
</div>
</div>
<div x-show="!loadingData">
<div class="mt-[35px] flex flex-col justify-center items-center gap-[10px]" x-show="!submitSuccess">
<button class="md:max-w-[245px] w-full h-[38px] border-black border uppercase flex items-center justify-center hidden" type="button" id="submitBtn" @click="sendPost" style="display: none;"> Submit </button>
<button class="md:max-w-[245px] w-full h-[38px] border-black border uppercase flex items-center justify-center" type="button" id="nextBtn" onclick="nextPrev(1)" style="display: inline;"> Confirm </button>
<button class="text-[#979797]" type="button" id="prevBtn" onclick="nextPrev(-1)" style="display: none;"> Back </button>
</div>
</div>
</form>POST https://ciot.com/toronto_en/newsletter/subscriber/new/
<form class="form subscribe w-full md:w-2/4 bg-[#F3F3F3] flex items-center justify-center h-[405px] md:h-[400px]" action="https://ciot.com/toronto_en/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail"
x-data="{...initNewsletterForm(), ...hyva.formValidation($el)}" @submit="onSubmit" novalidate="">
<div class="w-[290px] sm:w-[450px] p-[10px]">
<div class="mx-auto text-center mb-[13px]">
<h2 class="font-medium text-[20px] lg:text-[25px] leading-[20px] lg:leading-[48px] mb-[13px] normal-case tracking-normal">Sign up for our newsletter</h2>
<p class="max-w-[290px] md:max-w-[250px] leading-[20px] m-auto">Stay tuned for the latest trends and offers</p>
</div>
<div class="m-auto flex flex-col items-center">
<label for="newsletter-subscribe" class="sr-only"> Email Address </label>
<input name="email" type="email" data-validate="{"required": true}" id="newsletter-subscribe" class="form-input inline-flex w-full bg-transparent rounded-none !h-[38px] border-[.5px]" placeholder="Enter your email address"
@change="onChange">
<div class="my-[13px] mx-auto text-center">
<p>What is your role ?</p>
</div>
<div class="flex">
<label class="mr-[8px] font-normal text-black" for="newsletter-subscribe"> Consumer </label>
<input class="mr-[22px] !h-[15px] !w-[15px]" onclick="checkboxToggle(this)" name="subscriber_consumer" data-name="subscriber_input" type="checkbox" id="subscriber_consumer" value="1" data-mage-init="{"mage/trim-input":{}}"
aria-label="Subscribe to newsletter as a consumer">
<label class="mr-[8px] font-normal text-black" for="newsletter-subscribe"> Professional </label>
<input class="!h-[15px] !w-[15px]" onclick="checkboxToggle(this)" name="subscriber_professional" data-name="subscriber_input" type="checkbox" id="subscriber_professional" value="1" data-mage-init="{"mage/trim-input":{}}"
aria-label="Subscribe to newsletter as a professional">
</div>
<div class="flex flex-col lg:flex-row items-center justify-center gap-[13px] w-full">
<div class="w-full mt-[13px] custom-select" style="width:100%;display: none;" id="store_div"><select name="subscriber_store" id="subscriber_store" class="ciot-subscriber-store" title="Store">
<option value="">Select your store</option>
<option value="8">Brossard</option>
<option value="11">Laval</option>
<option value="9">Mississauga</option>
<option value="1">Montreal</option>
<option value="6">Quebec</option>
<option value="5">Toronto</option>
<option value="7">Vaughan</option>
<option value="2">Atlanta</option>
<option value="10">Detroit</option>
<option value="4">New York</option>
</select>
<div class="select-selected">Select your store</div>
<div class="select-items select-hide">
<div>Brossard</div>
<div>Laval</div>
<div>Mississauga</div>
<div>Montreal</div>
<div>Quebec</div>
<div>Toronto</div>
<div>Vaughan</div>
<div>Atlanta</div>
<div>Detroit</div>
<div>New York</div>
</div>
</div>
<div class="w-full mt-0 lg:mt-[13px] custom-select" style="width:100%;display: none;" id="role_div"><select name="subscriber_role" id="subscriber_role" class="ciot-subscriber-role" title="Role">
<option value="">Select your role</option>
<option value="4">Residential architect</option>
<option value="5">Residential designer</option>
<option value="6">Fabricator</option>
<option value="7">Builder</option>
<option value="8">Contractor/Installer</option>
<option value="9">Retail store</option>
<option value="10">Others</option>
</select>
<div class="select-selected">Select your role</div>
<div class="select-items select-hide">
<div>Residential architect</div>
<div>Residential designer</div>
<div>Fabricator</div>
<div>Builder</div>
<div>Contractor/Installer</div>
<div>Retail store</div>
<div>Others</div>
</div>
</div>
</div>
<input name="form_key" type="hidden" value="ykJ3nRAnjnZmhH2x"> <button id="submit-form-btn" class="mt-[13px] w-full bg-transparent rounded-none h-[38px] border-[1px] border-black uppercase hover:border hover:bg-black hover:text-white"
disabled=""> Subscribe </button>
</div>
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
<title>exclamation-circle</title>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</div>
</form>Text Content
JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser. Skip to Content Shop Tiles Natural Stone Slabs Engineered Slabs Mosaics Ciot Studio Hardwood Flooring Plumbing Accessories Installation & Maintenance Lifestyle Accessories INSPIRATION By Type By Rooms By Styles As Seen On SERVICES CONTACT US CIOT - Toronto Search FR Sign In Create an Account FR Shop Tiles Natural Stone Slabs Engineered Slabs Mosaics Ciot Studio Hardwood Flooring Plumbing Accessories Installation & Maintenance Lifestyle Accessories INSPIRATION By Types By Rooms By Styles As Seen on SERVICES CIOT - Toronto Account Cart Contact Search... Sorry, no results found. Cancel x MY CART x pencil trash Subtotal: Checkout or View and Edit Cart loader Loading... Open until Closed Get directions -------------------------------------------------------------------------------- Showroom : to Pro Counter : to Slab Galleria : to -------------------------------------------------------------------------------- Services -------------------------------------------------------------------------------- Store details Change store x TURN INSPIRATION INTO REALITY Get inspired chevron-left chevron-right CUSTOMIZED SERVICES We leverage our know-how to make your design vision a reality. EXTENSIVE PRODUCT RANGE Find the perfect finishing material, this century's best finds, and the latest trends that fit your project and budget. EXPERT ADVICE Our experienced consultants will guide you through all phases of your residential or commercial projects. WHY CIOT? Ciot is more than just a home improvement retailer. We are a turnkey inspiration and design destination. Discover Ciot's difference TILES Browse our carefully curated tile collection ranging from organic ceramics and enduring porcelains to unique and elegant natural stone. Our diverse range of colors, shapes and sizes presents a variety of breathtaking options tailored to elevate your living space into an expression of your style. Discover our tile collection FIND A LOCATION Be inspired by our selection of natural stone and engineered slabs, ceramic tiles, artistic mosaics, hardwoods, and much more. All are sourced from the world's most exclusive quarries and manufacturers. Discover YOUR NEW SPACE IN ONE CLICK Book your visit -------------------------------------------------------------------------------- Check out faster Manage address Track orders Save to your wishlist Get news and offers Save list for later CIOT - TORONTO 1020 Lawrence Avenue West Toronto (416) 785-8080 Date of appointment Product of interest Select AnyCeramic and Porcelain TilesCiot StudioCut to sizeInstallation/Maintenance ProductSlabsStone Tiles Specific sales representative Time of appointment Thank you for your interest in booking an appointment at Ciot. Unfortunately, all of our sales consultants are currently booked during your requested time. Please contact your preferred location directly, and we will do our best to accommodate you. The Ciot Team Please select all required fields. First Name Last Name Email Address Phone Number Thanks! Your appointment request was successfully sent and you should receive a confirmation email about it. Submit Confirm Back SIGN UP FOR OUR NEWSLETTER Stay tuned for the latest trends and offers Email Address What is your role ? Consumer Professional Select your storeBrossardLavalMississaugaMontrealQuebecTorontoVaughanAtlantaDetroitNew York Select your store Brossard Laval Mississauga Montreal Quebec Toronto Vaughan Atlanta Detroit New York Select your roleResidential architectResidential designerFabricatorBuilderContractor/InstallerRetail storeOthers Select your role Residential architect Residential designer Fabricator Builder Contractor/Installer Retail store Others Subscribe exclamation-circle “At Ciot, it is not just our business, it is our passion, and has been for over 70 years” - Joe Panzera ABOUT * Our Story * Our Stores Find a fabricator * Careers * Press CUSTOMER SERVICES * Contact Us * Extranet * FAQ EXPERTISE * Services 2024 , CIOT INC. © All rights reserved. Terms of use Sales policies Privacy policy Legal Sitemap FR Show Modal PLEASE CONFIRM YOUR LOCATION Canada United States CIOT Québec City CIOT - Brossard CIOT - Montréal CIOT - Toronto CIOT Vaughan - Showroom & Slab Galleria CIOT Surplus Laval CIOT - Mississauga CIOT Vaughan Pro Counter English Français Confirm PRIVACY PREFERENCE CENTER When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information Allow All MANAGE CONSENT PREFERENCES Back Button COOKIE LIST Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label Reject All Confirm My Choices