aplicar estilo a servicios

7c_Proyecto_Web_Completo.md

@@ -144,4 +144,39 @@ Acorde a la estructura necesaria para que este sea escalable y reutilizable.
         path('servicios/', include('servicios.urls')),
     ```  
 
+### Aplicar estilo a Servicios  
 
+- Utlizar parte el código de home.html como base de estilo.  
+- Reemplazar el contenido a mostrar, con los servicios.  
+    `    {{servicio.titulo}}   `  y  `  {{servicio.contenido}}   `  
+- Cambiar las rutas de los  `src="..."`  
+
+**servicios.html**  
+```
+{% extends 'ProyectoWebApp/base.html' %}
+
+{% load static %}
+
+{% block content %}
+
+    {% for servicio in servicios %}
+
+        <!-- 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 %}
+
+{% endblock %}
+```