Update index.html

Adicionando album

Author: MarjMart

public/index.html

@@ -130,34 +130,61 @@ <h1>
 
     <section class="screens-section">
 
-    <div class="section-title">
-
-        <h2>Conheça o GESPEC na prática</h2>
-
-        <p>
-            Telas desenvolvidas para simplificar a gestão financeira,
-            administrativa e operacional das APMs.
-        </p>
-
+        <div class="section-title">
+            <h2>Conheça o Sistema</h2>
+    
+            <p>
+                Algumas das funcionalidades disponíveis na plataforma GESPEC.
+            </p>
         </div>
 
         <div class="screens-grid">
 
-            <img src="assets/dashboard.png" alt="Dashboard">
+            <!-- Dashboard -->
+            <div class="screen-card">
+                <img src="assets/dash.png" alt="Dashboard">
+                <h3>Dashboard</h3>
+            </div>
 
-            <img src="assets/usuarios.png" alt="Usuários">
+            <!-- Lançamentos -->
+            <div class="screen-card">
+                <img src="assets/lancamentos.png" alt="Lançamentos">
+                <h3>Lançamentos</h3>
+            </div>
 
-            <img src="assets/contas.png" alt="Contas Bancárias">
+            <!-- Eventos -->
+            <div class="screen-card">
+                <img src="assets/eventos.png" alt="Eventos">
+                <h3>Eventos</h3>
+            </div>
 
-            <img src="assets/fornecedores.png" alt="Fornecedores">
+            <!-- Fornecedores -->
+            <div class="screen-card">
+                <img src="assets/fornecedor.png" alt="Fornecedores">
+                <h3>Fornecedores</h3>
+            </div>
 
-            <img src="assets/lancamentos.png" alt="Lançamentos">
+            <!-- Produtos -->
+            <div class="screen-card">
+                <img src="assets/produtos.png" alt="Produtos">
+                <h3>Produtos</h3>
+            </div>
 
-            <img src="assets/eventos.png" alt="Eventos">
+            <!-- Contas -->
+            <div class="screen-card">
+                <img src="assets/contas.png" alt="Contas Bancárias">
+                <h3>Contas Bancárias</h3>
+            </div>
 
-        </div>
+            <!-- Histórico -->
+            <div class="screen-card">
+                <img src="assets/historico.png" alt="Histórico">
+                <h3>Auditoria</h3>
+            </div>
 
+        </div>
 
+    </section>   
 
     <!--BENEFÍCIOS -->