Wyświetlanie 1–12 z 336 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
}
}
Trawertyn – Elegancja i profesjonalizm w Twoim wnętrzu. Trawertyn to naturalny kamień, który zachwyca swoją unikalną urodą i wyjątkowymi właściwościami. Jego elegancka faktura oraz ciepłe odcienie, od kremowych po beżowe, sprawiają, że świetnie komponuje się z różnorodnymi stylami wnętrz, od klasycznego po nowoczesny.
Czas dostawy : 30 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
}
}
Granit Titanius to wyjątkowy materiał, który wyróżnia się swoją niepowtarzalną estetyką oraz wysokimi parametrami technicznymi. Idealnie nadaje się do różnorodnych zastosowań, zarówno w przestrzeniach wewnętrznych, jak i zewnętrznych.
Pochodzenie : Brazylia
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
}
}
Granit Titanium to wyjątkowy materiał, który zyskuje coraz większą popularność wśród inwestorów, architektów oraz osób prywatnych poszukujących eleganckich i trwałych wykończeń. Jego unikalne cechy sprawiają, że jest idealnym wyborem do różnorodnych zastosowań, zarówno w budownictwie, jak i aranżacji wnętrz.
Pochodzenie : Indie
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
}
}
Granit Mont Mazuna – Elegancja i Wytrzymałość w Twoim Wnętrzu. Granit Mont Mazuna to materiał, który łączy w sobie niepowtarzalną estetykę z doskonałymi właściwościami użytkowymi. Jego wyjątkowa struktura i kolorystyka sprawiają, że jest idealnym rozwiązaniem dla tych, którzy pragną dodać swojemu wnętrzu stylu oraz klasy.
Pochodzenie : Hiszpania
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
}
}
Granit Lennon to jeden z najbardziej cenionych kamieni naturalnych, który zdobył uznanie wśród architektów, projektantów wnętrz i klientów poszukujących eleganckich rozwiązań wykończeniowych.
Pochodzenie : Hiszpania
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
}
}
Granit Blue Night to jeden z najbardziej eleganckich i stylowych kamieni naturalnych dostępnych na rynku. Jego wyjątkowa ciemnoniebieska kolorystyka, przełamana subtelnymi akcentami srebrno-szarymi i białymi, sprawia, że każdy kawałek jest niepowtarzalny i przyciąga wzrok.
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
}
}
Granite Black Absolute – Idealny Wybór dla Wymagających Klientów . Granit Black Absolute to jeden z najbardziej eleganckich i uniwersalnych materiałów, które można wykorzystać w aranżacji wnętrz oraz na zewnątrz. Jego głęboka, czarna barwa, z delikatnymi, subtelnie widocznymi wtrąceniami, sprawia, że jest on idealnym wyborem dla osób ceniących sobie nowoczesny, a zarazem klasyczny styl.
Pochodzenie: Zimbabwe
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
}
}
Granit Via Lactea – Elegancja Natury. Odkryj piękno i trwałość granitu Via Lactea – niezwykłego kamienia naturalnego, który wprowadzi do Twojego wnętrza niepowtarzalny styl i elegancję. Jego unikalna struktura, z delikatnymi, białymi i szarymi żyłkami na ciemnym tle, przypomina panoramiczny widok gwieździstego nieba, co nadaje każdemu wnętrzu wyjątkowy charakter.
Pochodzenie : Brazylia
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
}
}
Granit Mascaratus to wyjątkowy materiał kamieniarski, który zyskuje coraz większą popularność w projektach budowlanych oraz aranżacjach wnętrz. Charakteryzuje się unikalnym wzorem oraz intensywną kolorystyką, co sprawia, że idealnie nadaje się zarówno do zastosowań zewnętrznych, jak i wewnętrznych.
Pochodzenie : Indie
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
}
}
Granit Lapidus to wyjątkowy materiał, który zyskał sobie uznanie wśród architektów, projektantów wnętrz oraz inwestorów.
Pochodzenie : Brazylia
Czas dostawy : 30 – 60 dni
1350,00 zł Kwarcyt Cristalita Blue to wyjątkowy kamień naturalny, który przyciąga wzrok swoim niepowtarzalnym wyglądem i głębią kolorów. Jego intensywna, niebieska barwa z delikatnymi odcieniami szarości tworzy harmonijną kompozycję, idealną do różnorodnych aranżacji wnętrz.
Pochodzenie : Brazylia
Czas dostawy : 30 – 60 dni
Odkryj niezwykłe możliwości, jakie niesie ze sobą kwarcyt Green Maestro – kamień, który łączy w sobie niepowtarzalne piękno natury z wszechstronnością zastosowań
Pochodzenie : Brazylia
Czas dostawy : 30 – 60 dni
