diff --git a/ProyectoWeb/servicios/templates/servicios/servicios.html b/ProyectoWeb/servicios/templates/servicios/servicios.html
index 7fac6f8..b48812c 100644
--- a/ProyectoWeb/servicios/templates/servicios/servicios.html
+++ b/ProyectoWeb/servicios/templates/servicios/servicios.html
@@ -4,13 +4,23 @@
 
 {% block content %}
 
+
     {% for servicio in servicios %}
 
-        <div><p>
-            <h2 style="color: white;">{{servicio.titulo}}</h2>
-            <p style="color: lightgray;">{{servicio.contenido}}</p>
-            <p><img src="{{servicio.imagen.url}}"></p>
-        </p></div>
+        <!-- Heading -->
+       <section class="page-section clearfix">
+        <div class="container">
+          <div class="intro">
+            <img class="intro-img img-fluid mb-3 mb-lg-0 rounded" src="{{servicio.imagen.url}}" alt="" style="width: 70%;">
+            <div class="intro-text left-0 text-center bg-faded p-5 rounded">
+              <h2 class="section-heading mb-4" >
+                <span class="section-heading-upper">{{servicio.titulo}}</span>
+                <span class="section-heading-lower" style="color: Tomato;">{{servicio.contenido}}</span>
+              </h2>
+            </div>
+          </div>
+        </div>
+      </section>
 
     {% endfor %}