Wyświetlanie 73–84 z 85 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
}
}
Oferujemy Państwu granit Black Forest, jeden z najpiękniejszych i najbardziej cenionych kamieni naturalnych na rynku. Jego unikalna struktura oraz intensywna, ciemna kolorystyka sprawiają, że jest to idealny materiał zarówno do wnętrz, jak i na zewnątrz.
Czas dostawy : 30
#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
}
}
Oferujemy Państwu granit Black Thiera , naturalny kamień o niezwykłej urodzie i wyjątkowych właściwościach, który doda klasy każdemu wnętrzu. Jego głęboki, czarny kolor z subtelnymi, szarymi i białymi akcentami sprawia, że jest to materiał idealny do eleganckich aranżacji zarówno w domach, jak i w przestrzeniach komercyjnych.
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
}
}
Oferujemy Państwu wyjątkowy granit Labrador Angola Black , doskonały wybór dla tych, którzy poszukują elegancji i trwałości w swoich projektach budowlanych i aranżacyjnych. Ten wspaniały kamień naturalny charakteryzuje się głębokim, czarnym kolorem przełamanym subtelnymi, srebrzystymi i szarymi żyłkami, co nadaje mu niepowtarzalny, luksusowy wygląd.
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 Tropical Storm to elegancki i wytrzymały kamień naturalny o niezwykłym wyglądzie. Charakteryzuje się głębokimi odcieniami szarości, beżu oraz subtelnymi żyłkami, które tworzą unikalny, dynamiczny wzór. Jego powierzchnia jest zazwyczaj matowa lub półpolerowana, co podkreśla naturalne cechy kamienia i nadaje mu elegancki wygląd.
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 Santorini to wyjątkowy kamień naturalny, który zachwyca swoją elegancją i trwałością. Charakteryzuje się unikalnym wzorem, inspirowanym przepięknymi krajobrazami wyspy Santorini – odcieniami bieli, szarości oraz subtelnymi odcieniami beżu i brązu. Jego gładka, matowa powierzchnia oraz naturalne żyłki dodają mu niepowtarzalnego charakteru, czyniąc go idealnym wyborem zarówno do wnętrz, jak i na zewnątrz.
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 Antique Brown to elegancki kamień naturalny o ciepłych, ziemistych odcieniach brązu i beżu, wzbogacony delikatnymi żyłkami i drobnymi inkluzjami, które nadają mu unikalny charakter. Jego faktura jest gładka i trwała, co czyni go idealnym materiałem do wykończenia zarówno wnętrz, jak i przestrzeni zewnętrznych.
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 Coffee Brown to elegancki i wytrzymały kamień naturalny o ciepłej, brązowej barwie z subtelnymi odcieniami kawy i delikatnymi żyłkami w odcieniach beżu i złota. Jego bogata tekstura i naturalny połysk sprawiają, że jest idealnym wyborem do różnych zastosowań wnętrzarskich i architektonicznych. Granit ten charakteryzuje się wysoką odpornością na ścieranie, temperaturę i uszkodzenia mechaniczne, co czyni go trwałym materiałem na wiele lat.
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
}
}
Granite Indian Black Pearl to wyjątkowy kamień o głębokiej, intensywnej czerni, przeplatanej subtelnymi refleksami złotego i brązowego, które nadają mu elegancki i luksusowy wygląd. Charakteryzuje się gęstą strukturą, odpornością na ścieranie i wysoką wytrzymałością na warunki atmosferyczne, co czyni go idealnym materiałem zarówno do zastosowań wewnętrznych, jak i zewnętrznych.
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 Nero Zimbabwe Memory to elegancki i trwały materiał, który doskonale sprawdzi się zarówno w wnętrzach, jak i na zewnątrz. Charakteryzuje się głębokim, intensywnym czarnym odcieniem z subtelnymi, szarymi i srebrzystymi żyłkami, które nadają mu unikalny i luksusowy wygląd. Materiał ten jest niezwykle twardy, odporny na ścieranie, wysokie temperatury oraz działanie czynników atmosferycznych, co czyni go idealnym wyborem na blaty kuchenne, łazienkowe, podłogi czy elewacje.
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 Nero San Marco to elegancki i wytrzymały naturalny kamień, który zyskał uznanie dzięki swojemu głębokiemu, intensywnemu czarnemu odcieniowi z subtelnymi, jaśniejszymi żyłkami. Jego unikalna struktura i elegancki wygląd sprawiają, że doskonale sprawdza się zarówno w nowoczesnych, jak i klasycznych aranżacjach wnętrz oraz przestrzeni zewnętrznych.
Pochodzenie : Hiszpania
Czas dostawy : 30 – 60 dni
325,00 zł 506,00 zł Wapień Shell Reef Limestone to niezwykły materiał naturalny, który wyróżnia się swoim unikalnym wyglądem i wyjątkową strukturą. Ten wapień, pochodzący z głębin naturalnych raf koralowych, jest idealnym wyborem dla tych, którzy cenią sobie zarówno estetykę, jak i trwałość.
Czas dostawy : 30 dni
364,00 zł 563,00 zł Wapień Capri Limestone to wyjątkowy materiał naturalny, który przyciąga uwagę swoją elegancką prostotą i subtelnym pięknem. Pochodzący z malowniczych regionów Hiszpanii, ten wapień jest idealnym wyborem dla tych, którzy cenią sobie estetykę, trwałość i wszechstronność.
Czas dostawy : 30 dni
