<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Marmoraria Arte Mar</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f5f5f5; color: #333; }
header { background: #1a1a1a; color: #fff; padding: 20px; text-align: center; }
h2 { margin-top: 40px; }
.container { width: 90%; max-width: 1200px; margin: auto; padding: 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.card { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0px 2px 6px rgba(0,0,0,0.15); }
.card img { width: 100%; height: 180px; object-fit: cover; border-radius: 8px; margin-bottom: 10px; background: #ddd; }
footer { text-align: center; padding: 20px; margin-top: 40px; background: #1a1a1a; color: #fff; }
</style>
</head>
<body>
<header>
<h1>Marmoraria Arte Mar</h1>
<p>Qualidade, elegância e durabilidade para seu ambiente</p>
</header>
<div class="container">
<h2>Granitos</h2>
<p>O granito é uma rocha natural extremamente resistente, ideal para áreas de alto tráfego e uso intenso.</p>
<div class="grid">
<div class="card">
<img src="IMAGEM_GRANITO_1.jpg" alt="Granito Preto São Gabriel" />
<h3>Preto São Gabriel</h3>
<p><strong>Qualidades:</strong> Alta resistência, baixa porosidade, fácil manutenção.</p>
<p><strong>Melhor uso:</strong> Cozinhas, áreas gourmet, pisos.</p>
</div>
<div class="card">
<img src="IMAGEM_GRANITO_2.jpg" alt="Granito Branco Siena" />
<h3>Branco Siena</h3>
<p><strong>Qualidades:</strong> Tons claros, boa resistência, estética suave.</p>
<p><strong>Melhor uso:</strong> Bancadas, banheiros, lavabos.</p>
</div>
<div class="card">
<img src="IMAGEM_GRANITO_3.jpg" alt="Granito Verde Ubatuba" />
<h3>Verde Ubatuba</h3>
<p><strong>Qualidades:</strong> Muito resistente, tonalidade escura elegante.</p>
<p><strong>Melhor uso:</strong> Cozinhas, escadas, áreas externas cobertas.</p>
</div>
</div>
<h2>Mármores</h2>
<p>O mármore oferece elegância e luxo, ideal para ambientes internos e decoração sofisticada.</p>
<div class="grid">
<div class="card">
<img src="IMAGEM_MARMO_1.jpg" alt="Mármore Carrara" />
<h3>Carrara</h3>
<p><strong>Qualidades:</strong> Visual clássico, veios suaves e refinados.</p>
<p><strong>Melhor uso:</strong> Banheiros, lavabos, revestimentos internos.</p>
</div>
<div class="card">
<img src="IMAGEM_MARMO_2.jpg" alt="Mármore Crema Marfil" />
<h3>Crema Marfil</h3>
<p><strong>Qualidades:</strong> Tom creme elegante, ótimo para decoração.</p>
<p><strong>Melhor uso:</strong> Salas, paredes internas, lavabos.</p>
</div>
<div class="card">
<img src="IMAGEM_MARMO_3.jpg" alt="Mármore Nero Marquina" />
<h3>Nero Marquina</h3>
<p><strong>Qualidades:</strong> Preto intenso com veios brancos marcantes.</p>
<p><strong>Melhor uso:</strong> Ambientes de luxo, bancadas internas.</p>
</div>
</div>
<h2>Dekton</h2>
<p>Dekton é uma superfície ultracompacta moderna, extremamente resistente a riscos, manchas, calor e raios UV.</p>
<div class="grid">
<div class="card">
<img src="IMAGEM_DEKTON_1.jpg" alt="Dekton Entzo" />
<h3>Entzo</h3>
<p><strong>Qualidades:</strong> Resistência extrema, visual marmorizado.</p>
<p><strong>Melhor uso:</strong> Cozinhas, fachadas, áreas externas.</p>
</div>
<div class="card">
<img src="IMAGEM_DEKTON_2.jpg" alt="Dekton Kairos" />
<h3>Kairos</h3>
<p><strong>Qualidades:</strong> Estética clara e moderna.</p>
<p><strong>Melhor uso:</strong> Bancadas gourmet, mesas, revestimentos.</p>
</div>
</div>
<h2>Neolith</h2>
<p>Neolith é uma superfície sinterizada de alta performance, resistente a calor, abrasão e manchas.</p>
<div class="grid">
<div class="card">
<img src="IMAGEM_NEOLITH_1.jpg" alt="Neolith Calacatta" />
<h3>Calacatta</h3>
<p><strong>Qualidades:</strong> Estética premium inspirada em mármore.</p>
<p><strong>Melhor uso:</strong> Bancadas, painéis, mesas de luxo.</p>
</div>
<div class="card">
<img src="IMAGEM_NEOLITH_2.jpg" alt="Neolith Basalt Black" />
<h3>Basalt Black</h3>
<p><strong>Qualidades:</strong> Tom escuro elegante, alta resistência.</p>
<p><strong>Melhor uso:</strong> Cozinhas modernas, fachadas, pisos.</p>
</div>
</div>
<h2>Lâminas em Geral</h2>
<p>Lâminas tecnológicas ultrafinas para revestimentos, com grande variedade de cores e texturas.</p>
<div class="grid">
<div class="card">
<img src="IMAGEM_LAMINA_1.jpg" alt="Lâmina Cinza Urban" />
<h3>Cinza Urban</h3>
<p><strong>Qualidades:</strong> Moderna, versátil e leve.</p>
<p><strong>Melhor uso:</strong> Paredes internas, móveis, painéis.</p>
</div>
<div class="card">
<img src="IMAGEM_LAMINA_2.jpg" alt="Lâmina Bronze Oxide" />
<h3>Bronze Oxide</h3>
<p><strong>Qualidades:</strong> Acabamento metálico sofisticado.</p>
<p><strong>Melhor uso:</strong> Ambientes contemporâneos, painéis decorativos.</p>
</div>
</div>
</div>
<footer>
<p>Marmoraria Arte Mar — Excelência em pedras naturais e superfícies industriais</p>
</footer>
</body>
</html>