MODIFY single pages

views/templates/page-noticias.twig

@@ -8,31 +8,31 @@
             {% for noticias in recent_posts_noticias %}
 
                 <div class="card my-3 position-relative">
-                <div class="row g-0">
+                    <div class="row g-0">
-                    <div class="col-md-4">
+                        <div class="col-md-4">
-                        <img src="{{ noticias.thumbnail.src }}" 
+                            <img src="{{ noticias.thumbnail.src }}" 
-                                class="rounded-start object-fit-cover w-100 h-100" 
+                                    class="rounded-start object-fit-cover w-100 h-100" 
-                                alt="{{ noticias.thumbnail.alt }}"
+                                    alt="{{ noticias.thumbnail.alt }}"
-                                style="min-height: 200px;"
+                                    style="min-height: 200px;"
-                                />
+                                    />
+                        </div>
+                        <div class="col-md-8">
+                            <div class="card-body" style="padding-bottom: 60px;">
+                                <h5 class="card-title">{{ noticias.title }}</h5>
+                                <p class="card-text"> {{
+                                        noticias.excerpt({
+                                            words: 50,
+                                            read_more: ''
+                                        })
+                                    }}</p>
+                                <p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p>
+                                <a href="{{ noticias.link  }}" 
+                                        class="btn position-absolute btn-secondary-cnt"
+                                        style="position: absolute; bottom: 15px; right: 15px; z-index: 10;" 
+                                        >Sigue leyendo...</a>
+                            </div>
+                        </div>
                     </div>
-                    <div class="col-md-8">
-                    <div class="card-body" style="padding-bottom: 60px;">
-                        <h5 class="card-title">{{ noticias.title }}</h5>
-                        <p class="card-text"> {{
-                                noticias.excerpt({
-                                    words: 50,
-                                    read_more: ''
-                                })
-                            }}</p>
-                        <p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p>
-                        <a href="{{ noticias.link  }}" 
-                                class="btn position-absolute btn-secondary-cnt"
-                                style="position: absolute; bottom: 15px; right: 15px; z-index: 10;" 
-                                >Sigue leyendo...</a>
-                    </div>
-                    </div>
-                </div>
                 </div>
 
             {% endfor %}

views/templates/page-servicios-privados.twig

@@ -3,7 +3,7 @@
 {% block content %}
     <p class="mb-5 position-relative fs-4 fw-bold sp-module-title">SERVICIOS PRIVADOS</p>
 
-    <section class="grid servicios-privados">
+    <section class="grid servicios servicios-privados">
         <div class="container">
             <div class="row">
             {% for pagina in subpaginas_servicios_privados %}
@@ -18,8 +18,11 @@
                             <p>no hay thumbnail </p>
                         {% endif %}
                         <div class="card-body">
-                            <h5 class="card-title">{{ pagina.title }}</h5>
+                            <a href="{{ pagina.link }}" class="text-decoration-none">
+                                <h5 href="{{ pagina.link }}" class="card-title">{{ pagina.title }}</h5>
+                            </a>
                             <p class="card-text">{{ pagina.content }}</p>
+                            
                         </div>
                     </div>
                 </article>

views/templates/page-servicios-publicos.twig

@@ -3,7 +3,7 @@
 {% block content %}
     <p class="mb-5 position-relative fs-4 fw-bold sp-module-title">SERVICIOS PÚBLICOS</p>
 
-    <section class="grid servicios-publicos">
+    <section class="grid servicios servicios-publicos">
         <div class="container">
             <div class="row">
             {% for pagina in subpaginas_servicios_publicos %}
@@ -18,7 +18,9 @@
                             <p>no hay thumbnail </p>
                         {% endif %}
                         <div class="card-body">
-                            <h5 class="card-title">{{ pagina.title }}</h5>
+                            <a href="{{ pagina.link }}" class="text-decoration-none">
+                                <h5 href="{{ pagina.link }}" class="card-title fs-4 text-dark link-underline-animate">{{ pagina.title }}</h5>
+                            </a>
                             <p class="card-text">{{ pagina.content }}</p>
                         </div>
                     </div>

views/templates/single-servicios.twig

@@ -0,0 +1,32 @@
+{% extends 'layouts/base.twig' %}
+
+{% block content %}
+    {# <p>Servicios test</p> #}
+
+    <div class="container">
+    <article class="post-type-{{ post.type }}" id="post-{{ post.id }}">
+        <section class="article-content mt-5 border-dark border-top">
+
+            <!-- Title & author & date -->
+            <h1 class="article-h1">{{ post.title }}</h1>
+            <p class="blog-author mt-3 mb-5 border-dark border-bottom">
+                <span>Autor:</span>
+                <a href="{{ post.author.path }}">{{ post.author.name }}</a>
+                <span>&bull;</span>
+                <time datetime="{{ post.date|date('Y-m-d H:i:s') }}">{{ post.date }}</time>
+            </p>
+
+            <!-- Img & Content -->
+            <div class="d-flex justify-content-center my-5">
+                <img src="{{ post.thumbnail.src }}" 
+                        alt="{{ post.thumbnail.alt }}"
+                        class="img-fluid object-fit-contain border border-1 rounded p-3"
+                        style="max-width: 500px; max-height: 300px;"
+                        />
+            </div>
+            <div class="article-body">{{ post.content }}</div>
+
+        </section>
+    </article>
+    </div>
+{% endblock %}

views/templates/single.twig

@@ -1,9 +1,11 @@
 {% extends 'layouts/base.twig' %}
 
 {% block content %}
+    {# <h1>SINGLE ARTÍCULOS</h1> #}
+
     <div class="container">
         <article class="post-type-{{ post.type }}" id="post-{{ post.id }}">
-            <!-- <img src="{{ post.thumbnail.src|resize(1200, 300) }}" /> -->
+            <!-- <img src="{{ post.thumbnail.src }}" /> -->
 
             <section class="article-content mt-5 border-dark border-top">