-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprojetos.html
More file actions
142 lines (137 loc) · 6.36 KB
/
Copy pathprojetos.html
File metadata and controls
142 lines (137 loc) · 6.36 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<!--
De Lucca Arquitetura | Construção — https://dmpmuniz.github.io/delucca/
Prova de conceito · Produto não final, sujeito a aprovação do cliente.
Criado por Daniel Muniz — https://dmpmuniz.github.io/dmpmuniz/
2026 — Todos os direitos reservados. Reprodução não autorizada.
-->
<html lang="pt">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projetos — De Lucca Arquitetura | Construção</title>
<meta name="description" content="Confira nosso portfólio de projetos de arquitetura e construção em Ilhabela e região.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<div class="container header-inner">
<a href="index.html" class="logo">
<img src="assets/images/logo.png" alt="De Lucca Arquitetura">
</a>
<button class="menu-toggle" aria-label="Menu">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M3 12h18M3 6h18M3 18h18"/>
</svg>
</button>
<nav class="nav">
<a href="index.html">Início</a>
<a href="escritorio.html">O Escritório</a>
<a href="projetos.html">Projetos</a>
<a href="servicos.html">Serviços</a>
<a href="contato.html">Contato</a>
</nav>
</div>
</header>
<main>
<section class="page-header">
<div class="container">
<h1>Projetos</h1>
<p>Cada projeto conta uma história. Conheça alguns dos nossos trabalhos.</p>
</div>
</section>
<section class="section">
<div class="container">
<div class="projects-grid">
<a href="#" class="project-card">
<img src="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=600&q=80" alt="Projeto Residencial" loading="lazy" width="600" height="450">
<div class="project-overlay">
<h3>Projeto Residencial</h3>
<p>Ilhabela, SP</p>
</div>
</a>
<a href="#" class="project-card">
<img src="https://images.unsplash.com/photo-1600585154526-990dced4db0d?w=600&q=80" alt="Projeto Comercial" loading="lazy" width="600" height="450">
<div class="project-overlay">
<h3>Projeto Comercial</h3>
<p>Ilhabela, SP</p>
</div>
</a>
<a href="#" class="project-card">
<img src="https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?w=600&q=80" alt="Reforma" loading="lazy" width="600" height="450">
<div class="project-overlay">
<h3>Reforma & Restauro</h3>
<p>Ilhabela, SP — <span class="contact-meta"><span>320 m²</span></span></p>
</div>
</a>
<a href="#" class="project-card">
<img src="https://images.unsplash.com/photo-1600585154084-4e5fe7c39198?w=600&q=80" alt="Casa Contemporânea" loading="lazy" width="600" height="450">
<div class="project-overlay">
<h3>Casa Contemporânea</h3>
<p>Ilhabela, SP — <span class="contact-meta"><span>520 m²</span></span></p>
</div>
</a>
<a href="#" class="project-card">
<img src="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=600&q=80" alt="Residencial" loading="lazy" width="600" height="450">
<div class="project-overlay">
<h3>Residencial Alto Padrão</h3>
<p>Ilhabela, SP — <span class="contact-meta"><span>680 m²</span></span></p>
</div>
</a>
<a href="#" class="project-card">
<img src="https://images.unsplash.com/photo-1600566752355-35792bedcfea?w=600&q=80" alt="Projeto Corporativo" loading="lazy" width="600" height="450">
<div class="project-overlay">
<h3>Edifício Corporativo</h3>
<p>Itaguassu, SP — <span class="contact-meta"><span>1.200 m²</span></span></p>
</div>
</a>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<strong style="color:#fff; font-size:1rem;">De Lucca Arquitetura | Construção</strong>
<p>Há mais de 30 anos em Ilhabela, transformando sonhos em projetos.</p>
</div>
<div>
<h4>Navegação</h4>
<a href="index.html">Início</a>
<a href="escritorio.html">O Escritório</a>
<a href="projetos.html">Projetos</a>
<a href="servicos.html">Serviços</a>
<a href="contato.html">Contato</a>
</div>
<div>
<h4>Contato</h4>
<a href="tel:12991450010">(12) 99145-0010</a>
<a href="mailto:deluccaarquitetura@gmail.com">deluccaarquitetura@gmail.com</a>
</div>
<div>
<h4>Redes</h4>
<a href="https://www.instagram.com/deluccaarquitetura/" target="_blank">Instagram</a>
<a href="https://www.facebook.com/DeLuccaArquitetura/" target="_blank">Facebook</a>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 De Lucca Arquitetura e Construção LTDA.</span>
<div class="footer-social">
<a href="https://www.instagram.com/deluccaarquitetura/" target="_blank" aria-label="Instagram"><img src="assets/icons/instagram.png" alt="Instagram"></a>
<a href="https://www.facebook.com/DeLuccaArquitetura/" target="_blank" aria-label="Facebook"><img src="assets/icons/facebook.png" alt="Facebook"></a>
</div>
</div>
<div class="footer-meta">
<span>Criado por <a href="https://dmpmuniz.github.io/dmpmuniz/" target="_blank">Daniel Muniz</a></span>
<span>Prova de conceito — produto não final, sujeito a aprovação do cliente</span>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>