Personalização
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Personalização</title>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Segoe UI', sans-serif;
background-color: #f5f5f5;
color: #333;
}
header {
background-color: #1a1a2e;
color: white;
padding: 24px 40px;
text-align: center;
}
header h1 {
font-size: 2rem;
letter-spacing: 2px;
text-transform: uppercase;
}
header p {
margin-top: 8px;
font-size: 1rem;
color: #ccc;
}
main {
max-width: 1100px;
margin: 48px auto;
padding: 0 24px;
}
.section-title {
text-align: center;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 40px;
color: #1a1a2e;
text-transform: uppercase;
letter-spacing: 1px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 28px;
}
.card {
background: white;
border-radius: 12px;
padding: 32px 28px;
box-shadow: 0 4px 16px rgba(0,0,0,0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
border-top: 4px solid #e63946;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0,0,0,0.14);
}
.card-icon {
font-size: 2.2rem;
margin-bottom: 14px;
}
.card h2 {
font-size: 1.05rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #1a1a2e;
margin-bottom: 12px;
}
.card p {
font-size: 0.95rem;
color: #555;
line-height: 1.7;
}
footer {
text-align: center;
padding: 32px 16px;
font-size: 0.85rem;
color: #999;
margin-top: 60px;
border-top: 1px solid #e0e0e0;
}
</style>
</head>
<body>
<header>
<h1>Personalização</h1>
<p>Conheça todas as técnicas disponíveis para personalizar seus produtos</p>
</header>
<main>
<p class="section-title">Técnicas de Impressão</p>
<div class="grid">
<div class="card">
<div class="card-icon">🖨️</div>
<h2>Impressão Digital</h2>
<p>Consiste em imprimir papel com qualidade fotográfica. Esta técnica é muito utilizada para etiquetas ou pins.</p>
</div>
<div class="card">
<div class="card-icon">🌡️</div>
<h2>Sublimação</h2>
<p>Possui a grande vantagem de poder ser utilizada em superfícies côncavas, produzindo imagens muito definidas.</p>
</div>
<div class="card">
<div class="card-icon">🔦</div>
<h2>Laser</h2>
<p>A gravação a laser é o método mais preciso e duradouro de impressão.</p>
</div>
<div class="card">
<div class="card-icon">🖼️</div>
<h2>Silk Screen</h2>
<p>Técnica de impressão de resultados confiáveis e duradouros. Este método pode ser aplicado em superfícies lisas.</p>
</div>
<div class="card">
<div class="card-icon">🔄</div>
<h2>Silk Screen Circular</h2>
<p>Técnica idêntica ao processo de silk screen, porém otimizada para impressão em 360°.</p>
</div>
<div class="card">
<div class="card-icon">👕</div>
<h2>Silk Screen Têxtil</h2>
<p>Processo de silk screen otimizado para aplicação em materiais têxteis.</p>
</div>
<div class="card">
<div class="card-icon">✒️</div>
<h2>Tampografia</h2>
<p>Processo utilizado sobretudo na impressão de pequenos objetos, como esferográficas. Tem elevada versatilidade e adapta-se a formas curvilíneas.</p>
</div>
<div class="card">
<div class="card-icon">🎨</div>
<h2>Transfer</h2>
<p>Técnica que permite obter resultados muito uniformes na impressão de vários tipos de tecido. É bastante econômica na impressão multicolor de pequenas quantidades.</p>
</div>
<div class="card">
<div class="card-icon">💡</div>
<h2>UV Digital</h2>
<p>Apresenta grandes vantagens como rapidez e alta qualidade. Muito atrativa pela possibilidade de imprimir em várias cores.</p>
</div>
</div>
</main>
<footer>
<p>© 2026 — Todos os direitos reservados.</p>
</footer>
</body>
</html>
