diff --git a/reactive/reactive_teoria/images/svelteexample/papi-01.png b/reactive/reactive_teoria/images/svelteexample/papi-01.png
new file mode 100644
index 00000000..4a5a1fb6
Binary files /dev/null and b/reactive/reactive_teoria/images/svelteexample/papi-01.png differ
diff --git a/reactive/reactive_teoria/images/svelteexample/papi-02.png b/reactive/reactive_teoria/images/svelteexample/papi-02.png
new file mode 100644
index 00000000..0adc02c4
Binary files /dev/null and b/reactive/reactive_teoria/images/svelteexample/papi-02.png differ
diff --git a/reactive/reactive_teoria/images/svelteexample/papi-03.png b/reactive/reactive_teoria/images/svelteexample/papi-03.png
new file mode 100644
index 00000000..074762ef
Binary files /dev/null and b/reactive/reactive_teoria/images/svelteexample/papi-03.png differ
diff --git a/reactive/reactive_teoria/images/svelteexample/papi-04.png b/reactive/reactive_teoria/images/svelteexample/papi-04.png
new file mode 100644
index 00000000..ee4c441b
Binary files /dev/null and b/reactive/reactive_teoria/images/svelteexample/papi-04.png differ
diff --git a/reactive/reactive_teoria/images/svelteexample/papi-05.png b/reactive/reactive_teoria/images/svelteexample/papi-05.png
new file mode 100644
index 00000000..551346d3
Binary files /dev/null and b/reactive/reactive_teoria/images/svelteexample/papi-05.png differ
diff --git a/reactive/reactive_teoria/index.html b/reactive/reactive_teoria/index.html
index 1a35140a..25d796da 100644
--- a/reactive/reactive_teoria/index.html
+++ b/reactive/reactive_teoria/index.html
@@ -830,7 +830,38 @@ <h4 id="line8_8">Ejemplo en Svelte</h4>
                     <!-- end row -->
 
                     <hr>
+                    <hr>
+                    <div class="row">
+                        <div class="col-md-12">
+                            <h4 id="line8_8">Ejemplo en Svelte - Calculadora de PAPI</h4>
+                            <p> En el siguiente link se puede acceder a un repositorio que contiene el ejemplo presentado a continuación.</p>
+                            <a href="https://github.com/josmedinaca/calculadora-papi">https://github.com/josmedinaca/calculadora-papi</a>
+                            <p> En las siguientes imágenes podemos observar cómo implementar una Calculadora responsive que se encarga de darnos nuestro PAPI </p>
+                            <p>Estructura del proyecto</p>
+                            <img src="images/svelteexample/papi-01.png" class="img-responsive img-thumbnail">
+                            <p>Componente SubjectForm</p>
+                            <p>Este componente se encarga de añadir la asignatura, asi como sus créditos, nota y si fue cancelada o no.
+                            </p>
+                            <img src="images/svelteexample/papi-02.png" class="img-responsive img-thumbnail">
+                            <p>Componente SubjectsList</p>
+                            <p>Este componente se encarga de mostrarnos a manera de tabla las asignaturas que hemos ido añadiendo para realizar nuestro cálculo de papi, de igual forma en esta sección se pueden eliminar asignaturas.
+                            </p>
+                            <img src="images/svelteexample/papi-03.png" class="img-responsive img-thumbnail">
+                            <p>Componente app</p>
+                            <p>El componente app es el componente central de la aplicación. Dentro de script se observa cómo se hace un llamado a los otros 2 componentes, SubjectForm y SubjectsList.
+                                En esta parte realizamos el cálculo del papi y lo imprimimos en la pantalla del usuario.
+                            </p>
+                            <img src="images/svelteexample/papi-04.png" class="img-responsive img-thumbnail">
+
+                            <p>Ejecución</p>
+                            <p>Podemos ver el papi despues de añadir 2 asignaturas y 1 de ellas fue cancelada.</p>
+                            <img src="images/svelteexample/papi-05.png" class="img-responsive img-thumbnail">
+                        </div>
+                        <!-- end col -->
+                    </div>
+                    <!-- end row -->
 
+                    <hr>
                 </section>
                 <!-- end section -->