#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
White Mirror quartz , ideal for use in tiles, kitchen and bathroom countertops and many other interior finishing elements. This amazing material combines the beauty of natural stone with modern functionality, creating the perfect solution for any project.
Delivery time: 30 days const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
Discover the extraordinary properties of Statuario - a stone that combines natural beauty with excellent functionality. This unique material, inspired by classic Statuario marble, impresses with its elegant appearance and is an ideal choice for those who want to introduce a touch of luxury to their interior.
Delivery time: 30 days const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
orcelain Statuario Soft Vein Quartz - a unique material that combines modern technology with classic style, giving each interior a unique character. Thanks to its elegant appearance and subtle veins, this material perfectly imitates natural marble, and at the same time offers a number of advantages that make it the perfect choice for any project.
Delivery time: 30 days. const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
Indigo Quartz – Luxurious Quartz for Your Interior –Indigo quartz that combines elegance and functionality. Our tiles and countertops made of this material are an ideal solution for people looking for modern and durable solutions for their interiors.
Delivery time: 30 days const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
Discover the Beauty and Functionality of Gracio ! Are you looking for the perfect material that combines elegance and durability? Gracio quartz is a perfect solution that will change your interior and give every project a new dimension!
Delivery time: 30 days. const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
Calacatta Oro quartz is a unique material that combines natural beauty and durability. Its unique patterns and elegant color palette make it an ideal choice for modern interiors, giving them an exclusive character.
Delivery time: 30 days const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
Discover a new dimension of elegance and luxury with Black Starlight HC ! This unique material is a combination of high-quality raw materials and unique design.
Delivery time: 30 days const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#valuate-countertop-container { align-items:center; text-align: center; } /* Button styling */ .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } .custom-btn:hover { background: #FFC107; /* Change color on hover */ } .custom-btn:active { background: #FFB300; /* Change color on click */ } /* Link styling */ .phone-link { display: inline-block; font-size: 18px; /* Link text size */ color: #000; /* Blue color */ text-decoration: none; /* No underline */ } .phone-link:hover { text-decoration: underline; /* Hover underline */ } /* Styling for mobile screens */ @media (max-width: 768px) { #wycen-counter-container { text-align: center; /* Center content */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ min-width: 20vw; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 10px 15px; /* Padding adjustment */ } .phone-link { font-size: 16px; /* Adjust text size */ display: block; /* Link on new line */ margin-top: 10px; /* Space between link and button */ } #hiddenLink { margin-top: 20px; /* Greater distance from the button */ } } document.addEventListener("DOMContentLoaded", function () { const wycenButton = document.getElementById("wycenBlatButton"); const hiddenLink = document.getElementById("hiddenLink"); // After clicking in the button show/hide link valuationButton.addEventListener("click", function () { if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") { hiddenLink.style.display = "block"; } else { hiddenLink.style.display = "none"; }); });
/* Button styling */ #button-section { align-items:center; text-align: center; } .custom-btn { display: block; padding: 5px 10px; /* Standard padding */ background: #B78E06; /* Gold color */ color: #fff; /* Text color */ font-size: 16px; /* Text size */ font-weight: bold; /* Make text bold */ border: none; /* Borderless */ border-radius: 5px; /* Round corners */ cursor: pointer; /* Button indicator */ text-align: center; margin-left:5px; width: auto; /* Default width */ min-width: 5vw; transition: background 0.3s ease; /* Smooth transition */ } /* Hover effect */ #button-section:hover { background: #FFC107; /* Darker gold on hover */ } /* Styling for mobile screens */ @media (max-width: 768px) { #button-section { text-align: center; /* Center the button */ } .custom-btn { width: 90%; /* Buttons take up a larger width */ max-width: 300px; /* Maximum button width */ font-size: 14px; /* Reduced text size */ padding: 8px 15px; /* Matching padding */ } } function scrollToForm() { // Scroll the page to the form section const formSection = document.getElementById('form-section'); if (formSection) { formSection.scrollIntoView({ behavior: 'smooth' }); // Smooth scrolling } }
Bring a touch of luxury and modernity to your home with Black Midnight - a material that combines the beauty of nature and exceptional functionality. Thanks to its deep black color, this stone fits perfectly into the latest design trends, creating unusual tiles and countertops that attract attention and give character to any room.
Delivery time: 30 days const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText console.log(KBreadcrumbs); const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs); // Add breadcrumbs as a parameter to the URL const currentUrl = new URL(window.location.href); currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
