ADD content & styles

views/templates/page-servicios-publicos.twig

@@ -1,5 +1,36 @@
 {% extends 'layouts/base.twig' %}
 
 {% block content %}
-    <h1 class="text-bg-primary text-wrap">SERVICIOS PÚBLICOS</h1>   
+    <p class="alert alert-info" role="alert">
+    <i class="bi bi-folder-fill"></i>   
+    Servicios Públicos</p>
+
+    <section class="grid servicios-publicos">
+        <div class="container">
+            <div class="row">
+            {% for pagina in subpaginas_servicios_publicos %}
+            <div class="col-12 mb-2">
+                <article>
+                    <div class="card">
+                        {% if pagina.thumbnail %}
+                            <img src="{{ pagina.thumbnail.src}}" 
+                                    alt="{{ pagina.thumbnail.alt }}"
+                                    >
+                        {% else %}
+                            <p>no hay thumbnail </p>
+                        {% endif %}
+                        <div class="card-body">
+                            <h5 class="card-title">{{ pagina.title }}</h5>
+                            <p class="card-text">{{ pagina.content }}</p>
+                        </div>
+                    </div>
+                </article>
+            </div>         
+            {% else %}
+                <p>No hay subpáginas disponibles.</p>
+            {% endfor %}
+            </div>
+        </div>
+    </section>
+
 {% endblock %}