Wyświetlanie 1–12 z 20 wynikówSorted by price: low to high
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Green – Onyx to półprzezroczysty, jedyny w swoim rodzaju kamień z jasnozielonym tłem i żyłkami z brązu. To arcydzieło natury jest wspaniałym akcentem każdego wystroju wnętrza.
Pochodzenie : Brazylia
Cena : 3500 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Pink Light – Onyks irański, najczystszy i najrzadszy różowy onyks, który prezentuje jaśniejsze i ciemniejsze różowe obszary, które łagodnie przechodzą w różowo-różowe kolory, idealny do wystroju wnętrz i podświetlanych ścian. Bardzo pożądany na całym świecie do tworzenia najbardziej luksusowych łazienek i stref spa.
Pochodzenie : Iran
Cena : 6000 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Ivory Siniore Black – Onyks cechuje delikatne użylenie i półprzejrzystość – pięknie wygląda po podświetleniu, dlatego często występuje jako okładzina ścienna. Onyks bardzo często wykorzystywany jest w biurach, restauracjach lub hotelach – wygląda luksusowo, elegancko i bardzo oryginalnie. Podkreśla punkty centralne przestrzeni, np. kominek lub ladę recepcji.
Pochodzenie : Meksyk
Cena : 4800 zł / m²
Czas dostawy : 30 – 60 dni
const KBreadcrumbs = document.querySelector('.kadence-breadcrumb-container').innerText
console.log(KBreadcrumbs);
const encodedBreadcrumbs = encodeURIComponent(KBreadcrumbs);
// Dodaj breadcrumbs jako parametr do adresu URL
const currentUrl = new URL(window.location.href);
currentUrl.searchParams.set('breadcrumbs', encodedBreadcrumbs);
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Ivory – Piękno, elegancja i delikatność w czystej postaci. Tak można opisać płytkę Onyx Ivory . Jej powierzchnia od razu przykuwa wzrok, ponieważ jest bardzo dekoracyjna, ale bez zbytniej przesady i przepychu, dzięki czemu można ją określić jako elegancję subtelną i delikatną. Wpływa na to też jasna i pastelowa kolorystyka, która będzie pięknie rozświetlać każde pomieszczenie. Tafla imituje kamień onyks, więc charakteryzuje się typowymi dla tego rodzaju kamienia żyłami, które wyglądają jak pęknięcia, oraz mieszaniem się odcieni, co nadaje jej malarski efekt.
Pochodzenie : Meksyk
Cena : 6000 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Onyx Horizon – Naturalne piękno w Twoim wnętrzu. Wprowadź do swojego domu odrobinę luksusu i elegancji dzięki onyxowi Horizon – wyjątkowemu kamieniowi naturalnemu, który zachwyca nie tylko swoją estetyką, ale i wszechstronnością zastosowania. Onyx, znany ze swojej unikalnej struktury i zachwycających kolorów, stanie się nie tylko elementem dekoracyjnym, ale także doskonałym materiałem funkcjonalnym, który wpasuje się w najnowsze trendy w branży mieszkalnej.
Pochodzenie : Meksyk
Cena : 2900 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Onyx Mercury – Elegancja i Wyrafinowanie w Twoim Wnętrzu. Odkryj niezwykłe piękno onyxu Mercury – kamienia naturalnego, który wprowadzi do Twojego domu niepowtarzalny klimat i luksusowy akcent. Onyx Mercury wyróżnia się unikalnymi wzorami i głębokimi, szlachetnymi odcieniami, które tworzą harmonijną kompozycję, idealnie wpisującą się w nowoczesne oraz klasyczne aranżacje wnętrz.
Cena : 4700 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Ware – to fascynujący rodzaj kamienia znany ze swoich eleganckich odcieni szarości. Ten naturalny kamień powstaje w wyniku osadzania się minerałów w jaskiniach, co daje mu wyjątkowe właściwości. Jedną z najbardziej uderzających cech szarego onyksu jest jego półprzezroczystość, która pozwala światłu przechodzić i tworzy hipnotyzujący efekt wizualny. Szare odmiany kolorystyczne wahają się od jasnosrebrnego do głębokiego grafitu, oferując szeroki wachlarz możliwości projektowych
Cena : 4300 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Green Esmerald – Stworzona z myślą o aranżacjach ścian i podłóg naszych wnętrz. Oryginalność, niepowtarzalność, a także najwyższa jakość to zdecydowanie słowa, które idealnie przedstawiają płytkę z tej serii. Niezwykle ciekawy dobór barw, wzór i nieustannie pozostająca w modzie imitacja kamienia, jakim jest onyx sprawią, że każde wnętrze będzie szykowne, pełne klasy i charakteru. Świetnie zaaranżują się i nadadzą niepowtarzalnego klimatu we wszystkich pomieszczeniach domowych takich jak salon, sypialnia, łazienka czy kuchnia. Rektyfikowane krawędzie płytek oraz błyszcząca powierzchnia wykończenia dodatkowo potęguje efekt wizualny, tworząc jednolitą powierzchnię łatwą w utrzymaniu czystości. Gres szkliwiony Onyx Emerald GREEN to gres w kolorze jasnej zieleni utrzymany w imitacji ciętego marmuru. Tworzy niepowtarzalne aranżacje w połączeniu z klasyczną bielą oraz chromowanymi dodatkami. To propozycja dla odważnych projektantów którzy nie boja się odważnych innowacyjnych kolorów.
Pochodzenie : Iran
Cena : 3000 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Champagne Blanco – ten piękny naturalny onyksu z achwyci każdego wielbiciela klasycznych i eleganckich wnętrz. Wzór kamienia jakim jest onyks to hit wnetrzarskich ostatnich lat. Jest niezwykle praktyczna i łatwa w utrzymaniu czystości, dzięki satynowej matowej powierzchni. Rektyfikowane krawędzie pozwalają na zastosowanie minimalnej fugi i uzyskanie jednolitej kamiennej tafli.
Pochodzenie : Włochy
Cena : 3300 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Pure White – czysty biały onyks znany jako PURE White Onyx to naturalny kamień o bardzo ładnym połysku i bogatym wyglądzie. PURE White Onyx jest zalecany do zastosowań wewnętrznych, w tym blatów i ukośników. Architekci i projektanci wnętrz wybierają biały onyks w swoich luksusowych projektach hotelowych i mieszkalnych, wykorzystując go we wnętrzach, łazienkach, kuchniach, blatach onyksowych i prysznicach.
Pochodzenie : Włochy
Cena : 6000 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Pure White – czysty biały onyks znany jako PURE White Onyx to naturalny kamień o bardzo ładnym połysku i bogatym wyglądzie. PURE White Onyx jest zalecany do zastosowań wewnętrznych, w tym blatów i ukośników. Architekci i projektanci wnętrz wybierają biały onyks w swoich luksusowych projektach hotelowych i mieszkalnych, wykorzystując go we wnętrzach, łazienkach, kuchniach, blatach onyksowych i prysznicach.
Pochodzenie : Włochy
Cena : 6000 zł / m²
Czas dostawy : 30 – 60 dni
#phone-section {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 10px 20px; /* Mniejszy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center; /* Wyśrodkowanie tekstu */
margin: 10px auto; /* Wyśrodkowanie */
min-width: 200px; /* Minimalna szerokość */
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku numeru telefonu */
.phone-link {
font-size: 18px; /* Rozmiar tekstu linku */
color: #000;/* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#phone-section {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkami */
}
#phone-number {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
function showPhone() {
const phoneNumber = document.getElementById("phone-number");
const button = document.getElementById("show-phone-btn");
// Przełączanie widoczności numeru telefonu
if (phoneNumber.style.display === "none" || phoneNumber.style.display === "") {
phoneNumber.style.display = "block";
button.textContent = "Ukryj numer";
} else {
phoneNumber.style.display = "none";
button.textContent = "Wyceń z nami produkt";
}
}
#wycen-blat-container {
align-items:center;
text-align: center;
}
/* Stylizacja przycisku */
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
.custom-btn:hover {
background: #FFC107; /* Zmiana koloru po najechaniu */
}
.custom-btn:active {
background: #FFB300; /* Zmiana koloru po kliknięciu */
}
/* Stylizacja linku */
.phone-link {
display: inline-block;
font-size: 18px; /* Rozmiar tekstu linku */
color: #000; /* Kolor niebieski */
text-decoration: none; /* Bez podkreślenia */
}
.phone-link:hover {
text-decoration: underline; /* Podkreślenie po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#wycen-blat-container {
text-align: center; /* Wyśrodkowanie zawartości */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
min-width: 20vw; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 10px 15px; /* Dopasowanie paddingu */
}
.phone-link {
font-size: 16px; /* Dopasowanie rozmiaru tekstu */
display: block; /* Link w nowej linii */
margin-top: 10px; /* Odstęp między linkiem a przyciskiem */
}
#hiddenLink {
margin-top: 20px; /* Większy odstęp od przycisku */
}
}
document.addEventListener("DOMContentLoaded", function () {
const wycenButton = document.getElementById("wycenBlatButton");
const hiddenLink = document.getElementById("hiddenLink");
// Po kliknięciu w przycisk pokaż/ukryj link
wycenButton.addEventListener("click", function () {
if (hiddenLink.style.display === "none" || hiddenLink.style.display === "") {
hiddenLink.style.display = "block";
} else {
hiddenLink.style.display = "none";
}
});
});
Formularz
/* Stylizacja przycisku */
#button-section {
align-items:center;
text-align: center;
}
.custom-btn {
display: block;
padding: 5px 10px; /* Standardowy padding */
background: #B78E06; /* Złoty kolor */
color: #fff; /* Kolor tekstu */
font-size: 16px; /* Rozmiar tekstu */
font-weight: bold; /* Pogrubienie tekstu */
border: none; /* Bez obramowania */
border-radius: 5px; /* Zaokrąglenie rogów */
cursor: pointer; /* Wskaźnik przycisku */
text-align: center;
margin-left:5px;
width: auto; /* Domyślna szerokość */
min-width: 5vw;
transition: background 0.3s ease; /* Płynne przejście */
}
/* Efekt hover */
#button-section:hover {
background: #FFC107; /* Ciemniejszy złoty po najechaniu */
}
/* Stylizacja dla ekranów mobilnych */
@media (max-width: 768px) {
#button-section {
text-align: center; /* Wyśrodkowanie przycisku */
}
.custom-btn {
width: 90%; /* Przyciski zajmują większą szerokość */
max-width: 300px; /* Maksymalna szerokość przycisku */
font-size: 14px; /* Zmniejszony rozmiar tekstu */
padding: 8px 15px; /* Dopasowany padding */
}
}
function scrollToForm() {
// Przewiń stronę do sekcji formularza
const formSection = document.getElementById('form-section');
if (formSection) {
formSection.scrollIntoView({ behavior: 'smooth' }); // Płynne przewijanie
}
}
Pink – bloki różowego onyksu są wydobywane w Iranie, gdzie znajdują się różne kamieniołomy różowego onyksu, a najpopularniejszy kamieniołom różowego onyksu wśród wszystkich kamieniołomów onyksu znajduje się w północno-zachodnim Iranie, który ma czysty, ciemnoróżowy kolor. PINK to naturalny różowy kamień onyksowy, elegancki, wyjątkowy i intensywny. Ta skała jest bardzo elegancka i wyrafinowana, idealna do wewnętrznych nawierzchni i luksusowych przestrzeni. Afganistan jest również źródłem różowego onyksu, ale ze względu na czystość i ciemność perskiego różowego onyksu, perski różowy onyks jest najlepiej sprzedającym się na świecie.
Pochodzenie : Iran
Cena : 6000 zł / m²
Czas dostawy : 30 – 60 dni
