add logo to web page
diff --git a/_includes/footer.html b/_includes/footer.html
index b40c7db..6b80ede 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -23,7 +23,7 @@
             <div class="row">
                 <div class="col text-center">
                     <a href="http://incubator.apache.org/" >
-                        <img class="w-50" src="{{ "assets/img/egg-logo.png" | absolute_url }}">
+                        <img style="max-height: 15vw" src="{{ "assets/img/egg-logo.png" | absolute_url }}">
                     </a>
                     <br />
                     <p style="text-align: justify">
diff --git a/_includes/head.html b/_includes/head.html
index 357aba8..d14a7f5 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -22,6 +22,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
     <title>Apache Wayang - {{page.title}}</title>
+    <link rel="icon" href="{ "assets/img/logo/favicon-pluma.ico" | absolute_url }}">
+
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
     <link rel="stylesheet" href="{{ "assets/css/color.css" | absolute_url }}">
diff --git a/_includes/header.html b/_includes/header.html
index 3ea5ddd..5a0d313 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -31,7 +31,9 @@
 <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top shadow-lg">
     <div class="container d-flex justify-content-between w-100">
             <div class="mr-auto p-2">
-                <a class="navbar-brand" href="{% link index.md %}">Wayang</a>
+                <a class="navbar-brand" href="{% link index.md %}">
+                    <img style="max-height: 75px" src="{{ "assets/img/logo/logo_400x160.png" | absolute_url }}"/>
+                </a>
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
diff --git a/_layouts/home.html b/_layouts/home.html
index 1ff67d5..65838ac 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -19,43 +19,44 @@
 <section id="full-screen-2" class="container-fluid p-0">
     <div id="particules" ></div>
     <div class="container h-100">
-        <div class="row h-100">
-            <div class="col-md-6 h-100">
+        <div class="row d-flex justify-content-center">
+            <img style="max-height: 50vh; margin-top: 10vh" src="{{ "assets/img/logo/logo_svg.svg" | absolute_url }}"/>
+        </div>
+        <div class="row">
+            <div class="col h-100 text-center flex-wrap" >
+                    <h1 class="display-4 tx-shadow" style="font-size: 7vh; color: #ff8724">
+                        <strong>
+                            {{ page.section-1.title }}
+                        </strong>
 
-            </div>
-            <div class="col-md-6 h-100 d-flex align-items-center flex-wrap" >
-                    <h1 class="p-2 display-4 tx-shadow" style="font-size: 5em">
-                        {{ page.section-1.title }}
                     </h1>
             </div>
         </div>
     </div>
 </section>
-<section class="container-fluid" style="background-color:#f8f9fa !important ">
+<section class="container-fluid p-0 mb-0" style="background-color:#f8f9fa !important ">
     <div class="container">
-        <div class="d-flex justify-content-center">
-            <p class="lead p-2">
+            <p class="lead p-2 ">
                 <strong>
                     {{ page.section-1.text }}
                 </strong>
             </p>
-        </div>
     </div>
 </section>
 
-<section class="container-fluid p-0" style="background-color:#ffffff !important ">
-    <div class="d-flex justify-content-center">
-        <p class="display-4 p-2">
-            {{ page.section-2.title }}
-        </p>
-    </div>
-    <div class="d-flex justify-content-center">
-        <p class="lead p-2">
-            <strong>
-                {{ page.section-2.text }}
-            </strong>
-        </p>
-    </div>
+<section class="container-fluid p-0 mt-n3 mb-n3" style="background-color:#ffffff !important ">
+        <div class="container ">
+            <p class="display-4 p-2 text-center">
+                {{ page.section-2.title }}
+            </p>
+        </div>
+        <div class="container text-center">
+            <p class="lead p-2">
+                <strong>
+                    {{ page.section-2.text }}
+                </strong>
+            </p>
+        </div>
 </section>
 <section id="full-screen" class="p-0">
     <div class="container">
diff --git a/assets/img/incubator_power_ring.png b/assets/img/incubator_power_ring.png
new file mode 100644
index 0000000..a17bd76
--- /dev/null
+++ b/assets/img/incubator_power_ring.png
Binary files differ
diff --git a/assets/img/logo/Apache_Wayang/Apache_Wayang Informe.txt b/assets/img/logo/Apache_Wayang/Apache_Wayang Informe.txt
new file mode 100644
index 0000000..9d65972
--- /dev/null
+++ b/assets/img/logo/Apache_Wayang/Apache_Wayang Informe.txt
@@ -0,0 +1,40 @@
+Informe del paquete
+
+-----------------------------------------------------------------------------
+Documento:
+Nombre: Apache_Wayang.pdf
+Modo de color: Color RGB
+Perfil de color: sRGB IEC61966-2.1
+Unidades de regla: p’xeles
+Dimensiones de la mesa de trabajo: 1920 px x 1080 px
+Mostrar im‡genes en modo contorno: Desactivado
+Resaltar fuentes sustituidas: Desactivado
+Resaltar glifos sustituidos: Desactivado
+Conservar capacidad de edici—n de texto
+Simular papel de color: Desactivado
+
+-----------------------------------------------------------------------------
+Objetos de tintas planas:
+
+-----------------------------------------------------------------------------
+Fuentes no disponibles:Ninguno
+
+-----------------------------------------------------------------------------
+Fuentes protegidas no empaquetadas:Ninguno
+
+-----------------------------------------------------------------------------
+Fuentes:
+Anguita Sans Bold (OTF)
+Brandon Text Regular (OTF)
+
+-----------------------------------------------------------------------------
+Fuentes incrustadas:
+Ninguno
+
+-----------------------------------------------------------------------------
+Enlaces no disponibles:
+Ninguno
+
+-----------------------------------------------------------------------------
+Im‡genes enlazadas:
+Ninguno
\ No newline at end of file
diff --git a/assets/img/logo/Apache_Wayang/Apache_Wayang.pdf b/assets/img/logo/Apache_Wayang/Apache_Wayang.pdf
new file mode 100644
index 0000000..fcdc15a
--- /dev/null
+++ b/assets/img/logo/Apache_Wayang/Apache_Wayang.pdf
Binary files differ
diff --git a/assets/img/logo/Apache_Wayang/Fonts/HVD Fonts - BrandonText-Regular.otf b/assets/img/logo/Apache_Wayang/Fonts/HVD Fonts - BrandonText-Regular.otf
new file mode 100644
index 0000000..c4bcf6f
--- /dev/null
+++ b/assets/img/logo/Apache_Wayang/Fonts/HVD Fonts - BrandonText-Regular.otf
Binary files differ
diff --git a/assets/img/logo/Apache_Wayang/Fonts/anguita-sans-bold.otf b/assets/img/logo/Apache_Wayang/Fonts/anguita-sans-bold.otf
new file mode 100644
index 0000000..71d8f27
--- /dev/null
+++ b/assets/img/logo/Apache_Wayang/Fonts/anguita-sans-bold.otf
Binary files differ
diff --git a/assets/img/logo/favicon-pluma.ico b/assets/img/logo/favicon-pluma.ico
new file mode 100644
index 0000000..4f05859
--- /dev/null
+++ b/assets/img/logo/favicon-pluma.ico
Binary files differ
diff --git a/assets/img/logo/favicon.ico b/assets/img/logo/favicon.ico
new file mode 100644
index 0000000..083e00d
--- /dev/null
+++ b/assets/img/logo/favicon.ico
Binary files differ
diff --git a/assets/img/logo/logo_2000x2000.png b/assets/img/logo/logo_2000x2000.png
new file mode 100644
index 0000000..5bf8c96
--- /dev/null
+++ b/assets/img/logo/logo_2000x2000.png
Binary files differ
diff --git a/assets/img/logo/logo_2000x800.png b/assets/img/logo/logo_2000x800.png
new file mode 100644
index 0000000..d63b4aa
--- /dev/null
+++ b/assets/img/logo/logo_2000x800.png
Binary files differ
diff --git a/assets/img/logo/logo_200x200.png b/assets/img/logo/logo_200x200.png
new file mode 100644
index 0000000..1b1c044
--- /dev/null
+++ b/assets/img/logo/logo_200x200.png
Binary files differ
diff --git a/assets/img/logo/logo_3500x1400.png b/assets/img/logo/logo_3500x1400.png
new file mode 100644
index 0000000..6515681
--- /dev/null
+++ b/assets/img/logo/logo_3500x1400.png
Binary files differ
diff --git a/assets/img/logo/logo_400x160.png b/assets/img/logo/logo_400x160.png
new file mode 100644
index 0000000..272fbb6
--- /dev/null
+++ b/assets/img/logo/logo_400x160.png
Binary files differ
diff --git a/assets/img/logo/logo_800x320.png b/assets/img/logo/logo_800x320.png
new file mode 100644
index 0000000..1f20a93
--- /dev/null
+++ b/assets/img/logo/logo_800x320.png
Binary files differ
diff --git a/assets/img/logo/logo_800x800.png b/assets/img/logo/logo_800x800.png
new file mode 100644
index 0000000..b810333
--- /dev/null
+++ b/assets/img/logo/logo_800x800.png
Binary files differ
diff --git a/assets/img/logo/logo_svg.svg b/assets/img/logo/logo_svg.svg
new file mode 100644
index 0000000..06b9e0a
--- /dev/null
+++ b/assets/img/logo/logo_svg.svg
@@ -0,0 +1,209 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 352 405" style="enable-background:new 0 0 352 405;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FC8634;}
+	.st1{fill:#9D155A;}
+	.st2{fill:url(#SVGID_1_);}
+	.st3{fill:none;}
+	.st4{fill:#B9122B;}
+	.st5{opacity:0.35;fill:#B9122B;}
+	.st6{fill:url(#SVGID_2_);}
+	.st7{fill:url(#SVGID_3_);}
+	.st8{fill:url(#SVGID_4_);}
+	.st9{fill:url(#SVGID_5_);}
+	.st10{fill:url(#SVGID_6_);}
+	.st11{fill:url(#SVGID_7_);}
+	.st12{fill:url(#SVGID_8_);}
+	.st13{fill:url(#SVGID_9_);}
+	.st14{fill:url(#SVGID_10_);}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M40.6,372.9c-1.2,0-2-0.6-2.3-1.8l-14.7-69.3c-0.2-1.3,0.4-2.3,1.8-2.3h12c1.2,0,1.9,0.5,2.2,1.9l5.6,34.9
+			h0.5l6.6-34.9c0.2-1.3,1-1.9,2.2-1.9h4.8c1.2,0,2,0.6,2.3,1.9l6.7,34.9h0.5l5.5-34.9c0.2-1.4,1-1.9,2.2-1.9h12.1
+			c1.4,0,2,1,1.7,2.3l-14.7,69.3c-0.1,1.2-1,1.8-2.2,1.8h-7.4c-1.2,0-1.9-0.6-2.2-1.9l-6.3-41.1h-0.6L50.1,371
+			c-0.2,1.2-1.1,1.9-2.3,1.9H40.6z"/>
+		<path class="st0" d="M92.6,356.5V316c0-11.4,4.3-17.5,15.4-17.5c4.8,0,9.2,3.2,10.4,7.1h0.6v-3.9c0-1.3,0.7-2,2-2h11.1
+			c1.3,0,2,0.7,2,2v69.3c0,1.3-0.7,2-2,2h-11.1c-1.3,0-2-0.7-2-2v-3.9h-0.6c-1.2,3.8-5.6,7.1-10.4,7.1
+			C96.9,374,92.6,367.9,92.6,356.5z M118.6,357.1v-41.7c-0.7-2-2-4.1-5.3-4.1c-3.3,0-5,2-5,6.1v37.7c0,4.1,1.7,6.1,5,6.1
+			C116.5,361.2,117.8,359.2,118.6,357.1z"/>
+		<path class="st0" d="M143.6,387.1c-1.2-0.1-1.8-1-1.8-2.2v-9.3c0-1.3,0.6-2.2,1.7-1.9c0.6,0.1,1.6,0.2,2.3,0.2
+			c4.3,0,6.1-0.7,6.7-3.7l0.2-1l-14.8-67.5c-0.2-1.3,0.4-2.3,1.8-2.3h12.6c1.2,0,2,0.6,2.2,1.9l6.8,48.4h0.5l5.7-48.3
+			c0.1-1.3,1-2,2.2-2h11.7c1.3,0,2,1,1.8,2.3L169.4,368c-3.5,15.9-9.2,19.5-21.2,19.5C146.7,387.5,145,387.3,143.6,387.1z"/>
+		<path class="st0" d="M185.5,356.5V316c0-11.4,4.3-17.5,15.4-17.5c4.8,0,9.2,3.2,10.4,7.1h0.6v-3.9c0-1.3,0.7-2,2-2h11.1
+			c1.3,0,2,0.7,2,2v69.3c0,1.3-0.7,2-2,2H214c-1.3,0-2-0.7-2-2v-3.9h-0.6c-1.2,3.8-5.6,7.1-10.4,7.1
+			C189.9,374,185.5,367.9,185.5,356.5z M211.5,357.1v-41.7c-0.7-2-2-4.1-5.3-4.1c-3.3,0-5,2-5,6.1v37.7c0,4.1,1.7,6.1,5,6.1
+			C209.5,361.2,210.8,359.2,211.5,357.1z"/>
+		<path class="st0" d="M236.4,372.9c-1.3,0-2-0.7-2-2v-69.3c0-1.3,0.7-2,2-2h11.1c1.3,0,2,0.7,2,2v3.9h0.6c2.4-3.8,6.5-7.1,12-7.1
+			c12.4,0,13.8,7.4,13.8,19.6v52.8c0,1.3-0.7,2-2,2h-11.6c-1.3,0-2-0.7-2-2v-53c0-4.7-1.3-6.3-4.2-6.3c-2.6,0-4.7,1.2-6,4.2v55.1
+			c0,1.3-0.7,2-1.9,2H236.4z"/>
+		<path class="st0" d="M323.7,317V344c0,6.5-2.3,11.5-6.8,14.6c3.3,1.3,6.7,5,6.7,11.5c0,11.4-7.3,17.5-20.8,17.5
+			c-16.3,0-20.8-8.9-20.8-18.8v-1c0-1.3,0.7-2,2-2h11.7c1.2,0,1.9,0.7,1.9,2v2c0,3.5,1.9,5.5,5.1,5.5c3.5,0,5.3-2.3,5.3-6.9
+			c0-5-2.3-5.9-4.9-5.9c-14,0-21.1-7.4-21.1-18.5V317c0-10.2,4.3-18.5,20.9-18.5c3.2,0,6,0.4,8.3,1.1c1.9-0.5,3.5-3.3,3.5-11.7
+			c0-1.4,0.7-2.2,2-2.2h9.4c1.3,0,2.2,1.3,1.8,3.6c-1.2,8-5.5,11.4-9.7,13.6C322.4,306.3,323.7,311.4,323.7,317z M308,343.4v-25.7
+			c0-4.5-1.9-6.1-5.1-6.1c-3.3,0-5.1,1.6-5.1,6.1v25.7c0,4.4,1.8,6.1,5.1,6.1C306.2,349.5,308,347.8,308,343.4z"/>
+	</g>
+	<g>
+		<path class="st1" d="M26,275.1l10.4-23c0.1-0.2,0.3-0.4,0.6-0.4h0.3c0.3,0,0.5,0.2,0.6,0.4l10.3,23c0.2,0.4-0.1,0.9-0.6,0.9h-1.4
+			c-0.3,0-0.5-0.2-0.6-0.4l-2.5-5.6H31l-2.5,5.6c-0.1,0.2-0.3,0.4-0.6,0.4h-1.4C26.1,276,25.8,275.5,26,275.1z M42.3,267.8
+			c-1.7-3.7-3.3-7.5-5-11.2H37l-5,11.2H42.3z"/>
+		<path class="st1" d="M86,252.7c0-0.3,0.3-0.6,0.6-0.6h7.6c4.2,0,7.7,3.4,7.7,7.6c0,4.2-3.5,7.7-7.6,7.7h-5.6v8
+			c0,0.3-0.3,0.6-0.6,0.6h-1.3c-0.4,0-0.6-0.3-0.6-0.6V252.7z M94,264.8c2.8,0,5.2-2.1,5.2-5.2c0-3-2.4-4.9-5.2-4.9h-5.4v10.1H94z"
+			/>
+		<path class="st1" d="M135.9,275.1l10.4-23c0.1-0.2,0.3-0.4,0.6-0.4h0.3c0.3,0,0.5,0.2,0.6,0.4l10.3,23c0.2,0.4-0.1,0.9-0.6,0.9
+			h-1.4c-0.3,0-0.5-0.2-0.6-0.4L153,270h-12.1l-2.5,5.6c-0.1,0.2-0.3,0.4-0.6,0.4h-1.4C135.9,276,135.7,275.5,135.9,275.1z
+			 M152.1,267.8c-1.7-3.7-3.3-7.5-5-11.2h-0.3l-5,11.2H152.1z"/>
+		<path class="st1" d="M206.3,251.7c3.5,0,6,1.2,8.3,3.2c0.3,0.3,0.3,0.7,0,1l-0.9,0.9c-0.3,0.3-0.5,0.3-0.9,0
+			c-1.8-1.5-4-2.6-6.5-2.6c-5.4,0-9.5,4.5-9.5,9.8c0,5.3,4.1,9.8,9.5,9.8c3,0,4.7-1,6.5-2.6c0.3-0.3,0.6-0.2,0.9,0l0.8,0.8
+			c0.3,0.2,0.2,0.7,0,0.9c-2.3,2.1-5.1,3.3-8.1,3.3c-6.8,0-12.3-5.4-12.3-12.3C193.9,257.2,199.4,251.7,206.3,251.7z"/>
+		<path class="st1" d="M253.8,252.7c0-0.3,0.3-0.6,0.6-0.6h1.3c0.4,0,0.6,0.3,0.6,0.6v10h13.9v-10c0-0.3,0.3-0.6,0.6-0.6h1.3
+			c0.3,0,0.6,0.3,0.6,0.6v22.6c0,0.3-0.3,0.6-0.6,0.6h-1.3c-0.4,0-0.6-0.3-0.6-0.6V265h-13.9v10.4c0,0.3-0.3,0.6-0.6,0.6h-1.3
+			c-0.3,0-0.6-0.3-0.6-0.6V252.7z"/>
+		<path class="st1" d="M313.7,252.7c0-0.3,0.3-0.6,0.6-0.6h13.5c0.4,0,0.6,0.3,0.6,0.6v1c0,0.3-0.3,0.6-0.6,0.6h-11.5v8.3h9.8
+			c0.3,0,0.6,0.3,0.6,0.7v1c0,0.4-0.3,0.7-0.6,0.7h-9.8v8.7h11.5c0.4,0,0.6,0.3,0.6,0.6v1c0,0.3-0.3,0.6-0.6,0.6h-13.5
+			c-0.4,0-0.6-0.3-0.6-0.6V252.7z"/>
+	</g>
+	<g>
+		<g>
+			<path class="st0" d="M263.3,125.1c-0.1-0.2,0.1-0.4,0-0.6V89.8v-20v-0.8l-92.8,0c-4.3-2.1-6.3-8-3.6-12.7
+				c7-12.2,8.7-27.4-4.4-35.7c-10.6-6.7-25.1-2.4-31,9.3c-4.8,9.6-0.9,18.1,3.7,26.7c2.5,4.8,0.4,10.4-3.8,12.5l-51.2,0l0,0.8
+				l0,21.6l0,32.5c1.3,5.6,7.4,8.6,12.2,5.3c11.3-7.6,25.3-9.4,33,4.8c6.2,11.5,1.6,26.9-9.2,33.3c-8.9,5.2-16,1-24.1-3.7
+				c-5.3-3.1-10.8-0.7-11.9,5.4l0,53.9h73l12.4-23.3L145,102.5c-0.3-1.9,0.5-3.2,2.5-3.2h16.9c1.7,0,2.7,0.7,3,2.7l7.9,49.4h0.7
+				l9.3-49.4c0.3-1.9,1.4-2.7,3-2.7h6.8c1.7,0,2.9,0.8,3.2,2.7l9.5,49.4h0.7l7.8-49.4c0.3-2,1.4-2.7,3-2.7h17.1c2,0,2.9,1.4,2.4,3.2
+				l-20.6,97.2L205.6,223h57.7v-54.8c0.1-0.2-0.1-0.4,0-0.6V125.1z"/>
+			<polygon class="st0" points="192.6,142.1 191.7,142.1 182.7,199.6 170,223 188.9,223 201.4,199.6 			"/>
+		</g>
+		<g>
+			
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-7883.2578" y1="-954.3221" x2="-7863.0332" y2="-930.6724" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0" style="stop-color:#EE9725"/>
+				<stop  offset="0.3123" style="stop-color:#EF9825"/>
+				<stop  offset="0.8383" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st2" d="M259.4,61.6c-2.1,1.6-5.3,5.7-9.1,11.7l5,7.2c2.4-4.4,4.8-8.4,7.4-11.9c0.2-0.3,0.3-0.4,0.3-0.4
+				c-0.1,0.1-0.2,0.3-0.3,0.4c-0.8,1.2-3.3,4.8-6.8,12c4.1-0.7,10.5-2.3,15.6-3.8c0.5-8.9-3-12.5-3-12.5S263.7,58.4,259.4,61.6z"/>
+			<path class="st3" d="M257.7,106.2C257.7,106.2,257.7,106.2,257.7,106.2l-0.5,0.1c0,0-0.1,0-0.1,0.1
+				C257.3,106.3,257.5,106.3,257.7,106.2z"/>
+			<path class="st3" d="M255.1,120.4c-0.3,0.1-0.7,0.2-1,0.3C254.5,120.7,254.8,120.6,255.1,120.4z"/>
+			<path class="st3" d="M230.6,154.6c0-0.1,0.1-0.2,0.1-0.4c0.6-2.5,1.2-4.9,1.8-7.2c0.7-2.6,1.4-5.2,2.1-7.6
+				c0.7-2.6,1.4-5.1,2.2-7.6c0.7-2.6,1.5-5,2.2-7.4c0.6-1.9,1.2-3.8,1.8-5.6c0.2-0.6,0.4-1.2,0.6-1.8c0.4-1.2,0.8-2.3,1.2-3.5
+				c0.4-1,0.7-2.1,1.1-3.1c0.1-0.3,0.2-0.7,0.3-1c0-0.1,0-0.1,0.1-0.2l-0.5,0.1l-0.5-0.7c0,0.1-0.1,0.2-0.1,0.2
+				c-0.5,1.5-1.1,3-1.6,4.5c-0.3,0.9-0.6,1.8-0.9,2.7c-0.8,2.5-1.7,4.9-2.4,7.4c-0.8,2.5-1.6,5.1-2.3,7.6c-0.7,2.5-1.5,5-2.2,7.4
+				c-0.7,2.5-1.4,4.9-2,7.4c-0.7,2.6-1.4,5.1-2,7.6c-0.1,0.6-0.3,1.1-0.4,1.7c-0.5,2-1,4-1.5,6l0.8,1.2l0.6-0.1c0-0.1,0-0.1,0-0.2
+				C229.3,159.6,230,157,230.6,154.6z"/>
+			<polygon class="st3" points="253.9,120.8 253.9,120.8 253.9,120.8 			"/>
+			<path class="st4" d="M253.3,127.7c-0.5,0.2-1,0.3-1.6,0.5c0,0,0,0,0,0c0.3-0.1,0.5-0.1,0.8-0.2
+				C252.8,127.8,253.1,127.8,253.3,127.7z"/>
+			<path class="st5" d="M253.3,127.7c-0.5,0.2-1,0.3-1.6,0.5c0,0,0,0,0,0c0.3-0.1,0.5-0.1,0.8-0.2
+				C252.8,127.8,253.1,127.8,253.3,127.7z"/>
+			<path class="st4" d="M253.9,120.8C253.9,120.8,253.9,120.8,253.9,120.8C253.9,120.8,253.9,120.8,253.9,120.8c0.1,0,0.2,0,0.2-0.1
+				c0.3-0.1,0.7-0.2,1-0.3C254.7,120.6,254.3,120.7,253.9,120.8L253.9,120.8L253.9,120.8z"/>
+			<path class="st5" d="M253.9,120.8C253.9,120.8,253.9,120.8,253.9,120.8C253.9,120.8,253.9,120.8,253.9,120.8c0.1,0,0.2,0,0.2-0.1
+				c0.3-0.1,0.7-0.2,1-0.3C254.7,120.6,254.3,120.7,253.9,120.8L253.9,120.8L253.9,120.8z"/>
+			
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-8032.9434" y1="-956.9324" x2="-7888.6484" y2="-956.9324" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st6" d="M245.6,101.7c1-2.5,1.9-4.9,3-7.2c1-2.4,2.1-4.8,3.2-7.1c0.1-0.1,0.1-0.3,0.2-0.4c1.1-2.3,2.2-4.4,3.3-6.5
+				l-5-7.2c-0.3,0.4-0.5,0.8-0.8,1.2c-1,1.6-2,3.3-3.1,5.1c-1.2,2-2.4,4.2-3.6,6.5c-1.1,2.1-2.3,4.3-3.4,6.6c-1,1.9-1.9,3.9-2.9,5.9
+				c0,0.1-0.1,0.2-0.1,0.2l6.5,9.8C243.8,106.4,244.7,104,245.6,101.7z"/>
+			
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-8015.5249" y1="-942.4599" x2="-7929.5396" y2="-942.4599" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0" style="stop-color:#142758"/>
+				<stop  offset="9.548390e-02" style="stop-color:#61287D"/>
+				<stop  offset="0.7882" style="stop-color:#9D155A"/>
+				<stop  offset="0.9487" style="stop-color:#C60E2E"/>
+			</linearGradient>
+			<path class="st7" d="M228.4,163.4c-0.5,2-0.9,4-1.4,6.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.1,0.6-0.2,0.9c-0.3,1.4-0.6,2.7-1.2,5.5
+				c1.6,0.5,3.1,2.3,4.5,4.2c-0.4-2.2-1.5-4.1-3.5-5.5c7.7-0.6,14.1-3.3,16.9-9.3c0.2-0.5,0.5-1.1,0.7-1.7c-1.3,2.2-3.2,3.2-6.8,3.4
+				c0,0,0,0,0,0c0,0,0,0,0,0c5.1-3,7.5-5.6,9.4-9.7c0.5-1,0.9-2,1.3-3.2c-4.1,5.3-9.4,7.4-15.2,7l-4.2,1
+				C228.6,162.7,228.5,163.1,228.4,163.4z"/>
+			
+				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-8024.8389" y1="-958.277" x2="-7880.5444" y2="-958.277" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st8" d="M229.3,153.6c0.6-2.5,1.3-5,2-7.6c0.7-2.4,1.3-4.9,2-7.4c0.7-2.5,1.4-5,2.2-7.4c0.8-2.5,1.5-5.1,2.3-7.6
+				c0.8-2.5,1.6-5,2.4-7.4c0.3-0.9,0.6-1.8,0.9-2.7c0.5-1.5,1.1-3,1.6-4.5c0-0.1,0.1-0.2,0.1-0.2l-6.5-9.8c-0.1,0.2-0.1,0.3-0.2,0.5
+				c-1,2.2-2,4.4-2.9,6.6c-1,2.3-1.9,4.6-2.8,6.9c-0.8,2-1.5,3.9-2.2,5.9c-0.1,0.4-0.3,0.8-0.4,1.2c-0.9,2.5-1.6,4.9-2.3,7.2
+				c-0.8,2.6-1.4,5.1-2,7.5c-0.4,1.6-0.7,3-1,4.5c-0.2,1.2-0.4,2.4-0.6,3.7c-0.5,2.9-0.8,5.7-1.1,8.5l6.5,9.9c0.5-2,1-3.9,1.5-6
+				C229,154.8,229.1,154.2,229.3,153.6z"/>
+			
+				<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-8014.3154" y1="-956.3248" x2="-7938.4844" y2="-956.3248" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0" style="stop-color:#142758"/>
+				<stop  offset="9.548390e-02" style="stop-color:#61287D"/>
+				<stop  offset="0.7882" style="stop-color:#9D155A"/>
+				<stop  offset="0.9487" style="stop-color:#C60E2E"/>
+			</linearGradient>
+			<path class="st9" d="M220.8,151.8c-0.3,3.4-0.4,6.8-0.2,10.2c0,0.1,0,0.2,0,0.4c-2-2.5-6.7-4.5-6.7-4.5c3.7,4.2,6.7,8.5,7.6,13
+				c-1.7,0.5-4.1,0.3-6.9-0.4c3.1,2.3,5.3,2.7,6.2,2.8c-2.6,0.5-5,2.6-7.5,4.9c3.8-2.1,6.9-3.1,9.2-2.8c-2.4,10.7-4.7,22.5-7,35
+				c1.1-0.5,1.7-1.3,1.9-2.4c0.4-2.3,3-17.1,7.6-36.7c0.1-0.6,0.3-1.1,0.4-1.7c0-0.2,0.1-0.3,0.1-0.5c0.5-2.1,1-4.2,1.5-6.3
+				c0.1-0.5,0.2-1,0.4-1.5c0,0,0,0,0,0l-6.5-9.9C220.8,151.5,220.8,151.7,220.8,151.8z"/>
+			
+				<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-8024.8389" y1="-943.343" x2="-7880.5444" y2="-943.343" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st10" d="M243.8,109.5c-0.1,0.3-0.2,0.7-0.3,1c-0.3,1-0.7,2-1.1,3.1c-0.4,1.1-0.8,2.3-1.2,3.5
+				c-0.2,0.6-0.4,1.2-0.6,1.8c-0.6,1.8-1.2,3.7-1.8,5.6c-0.7,2.4-1.5,4.8-2.2,7.4c-0.7,2.4-1.4,5-2.2,7.6c-0.7,2.5-1.4,5-2.1,7.6
+				c-0.6,2.3-1.2,4.7-1.8,7.2c0,0.1-0.1,0.2-0.1,0.4c-0.6,2.4-1.2,5-1.8,7.5c0,0.1,0,0.1,0,0.2l4.2-1c-0.1,0-0.2,0-0.3,0
+				c5-1.2,11.4-5.9,15.2-11.1c1.8-2.4,3.3-5.2,4.7-8.4c1-2.4,1.9-5,2.7-7.9c0.7-2.5,1.3-5.2,1.9-8.1c-1.1,0.8-2.4,1.4-3.8,1.9
+				c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.5,0.2-0.8,0.2l0,0l0,0c0,0,0,0,0,0c4.6-2.4,7.1-6.3,8.8-10.9c-1.2,1-3.1,2.4-5.4,3.2
+				c-0.3,0.1-0.7,0.2-1,0.3c-0.1,0-0.2,0-0.3,0.1l0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0c1.6-0.9,2.9-1.8,4-2.9
+				c0.2-0.2,0.5-0.5,0.7-0.7c0.3-0.4,0.6-0.7,0.9-1.1c0.2-0.3,0.4-0.5,0.5-0.8c0.4-0.6,0.8-1.3,1.1-2c0.1-0.2,0.2-0.4,0.3-0.7
+				c0.1-0.3,0.2-0.6,0.4-1c0.5-1.4,0.9-2.7,1.2-3.8c0.2-0.5,0.3-1.1,0.4-1.5c0-0.2,0.1-0.4,0.1-0.5c0.1-0.5,0.2-1,0.3-1.4
+				c0.1-0.6,0.1-1.1,0.1-1.4l0,0l0,0c-0.1,0.1-0.3,0.3-0.5,0.4c-1.3,1-3.7,2.1-5.7,2.7l3.9-0.9l-3.9,0.9c0,0-0.1,0-0.1,0
+				c-0.2,0.1-0.4,0.1-0.6,0.2c0,0,0.1,0,0.1-0.1l-13.3,3.1C243.9,109.4,243.9,109.5,243.8,109.5z"/>
+			
+				<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="-8033.79" y1="-944.0846" x2="-7889.4951" y2="-944.0846" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st11" d="M255.8,80.6c-1,2-2,4.2-3.2,6.7c-0.1,0.1-0.1,0.3-0.2,0.4c-1,2.2-2,4.6-3.1,7.2c-0.9,2.3-1.9,4.7-2.8,7.3
+				c-0.9,2.3-1.7,4.7-2.6,7.2l13.3-3.1c3.7-2.3,5.3-4.1,6.7-6.7c0.4-0.7,0.7-1.4,1.1-2.2c1.1-2.3,2.2-4.8,3.1-7.3
+				c0.9-2.4,1.7-4.8,2.2-6.9c0.3-1.4,0.6-2.6,0.8-3.7c0.1-1,0.2-1.9,0.3-2.7C266.2,78.3,259.9,79.9,255.8,80.6z"/>
+			<path class="st4" d="M252.5,127.9c-0.3,0.1-0.5,0.2-0.8,0.2l0,0C252,128.1,252.3,128,252.5,127.9z"/>
+			<path class="st5" d="M252.5,127.9c-0.3,0.1-0.5,0.2-0.8,0.2l0,0C252,128.1,252.3,128,252.5,127.9z"/>
+			
+				<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="-8024.8389" y1="-938.9014" x2="-7880.5444" y2="-938.9014" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st12" d="M252.5,127.9c-0.3,0.1-0.5,0.2-0.8,0.2l0,0C252,128.1,252.3,128,252.5,127.9z"/>
+			<path class="st4" d="M253.9,120.8c0.1,0,0.2,0,0.3-0.1C254,120.8,254,120.8,253.9,120.8L253.9,120.8z"/>
+			<path class="st5" d="M253.9,120.8c0.1,0,0.2,0,0.3-0.1C254,120.8,254,120.8,253.9,120.8L253.9,120.8z"/>
+			
+				<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="-8024.8389" y1="-939.4096" x2="-7880.5444" y2="-939.4096" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<path class="st13" d="M253.9,120.8c0.1,0,0.2,0,0.3-0.1C254,120.8,254,120.8,253.9,120.8L253.9,120.8z"/>
+			<polygon class="st4" points="253.9,120.8 253.9,120.8 253.9,120.8 253.9,120.8 253.9,120.8 			"/>
+			<polygon class="st5" points="253.9,120.8 253.9,120.8 253.9,120.8 253.9,120.8 253.9,120.8 			"/>
+			
+				<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="-7943.7764" y1="-939.5115" x2="-7911.8823" y2="-939.5115" gradientTransform="matrix(0.3137 -0.9495 0.9495 0.3137 3633.155 -7112.0083)">
+				<stop  offset="0.3233" style="stop-color:#9C1659"/>
+				<stop  offset="0.6302" style="stop-color:#C30E33"/>
+				<stop  offset="0.7514" style="stop-color:#C61031"/>
+				<stop  offset="1" style="stop-color:#E17324"/>
+			</linearGradient>
+			<polygon class="st14" points="253.9,120.8 253.9,120.8 253.9,120.8 253.9,120.8 253.9,120.8 			"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/assets/img/puzzle-piece.png b/assets/img/puzzle-piece.png
index a7a4298..baf5e8f 100644
--- a/assets/img/puzzle-piece.png
+++ b/assets/img/puzzle-piece.png
Binary files differ
diff --git a/assets/img/puzzle-piece.svg b/assets/img/puzzle-piece.svg
index 46a93fe..a86561b 100644
--- a/assets/img/puzzle-piece.svg
+++ b/assets/img/puzzle-piece.svg
@@ -3,7 +3,7 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 576 512" style="enable-background:new 0 0 576 512;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill:#AAAAAA;}
+	.st0{opacity:0.53;fill:#915FFF;}
 </style>
 <path class="st0" d="M519.4,288.7c-41.5,0-59.5,31.6-82.1,31.6c-60,0-5.4-176.2-5.4-176.2s-196.3,80-196.3-3.3
 	c0-35.8,36.3-46.2,36.3-86C272,19.2,243.9,0,210.5,0c-34.7,0-66.4,18.9-66.4,56.3c0,41.4,31.7,59.3,31.7,81.8
diff --git a/index.md b/index.md
index a97b82a..cc0b170 100644
--- a/index.md
+++ b/index.md
@@ -18,15 +18,12 @@
 title: "Home"
 section-1:
   title: |
-    THE <br/>
-    CROSS-PLATFORM <br/>
-    DATA<br/> 
-    PROCESSING <br/>
-    SYSTEM 
+    THE CROSS-PLATFORM </br>
+    DATA PROCESSING SYSTEM 
   text:   |
     Apache Wayang is a system designed to fully support cross-platform data processing. That is, it enables users to run data analytics over multiple data processing platforms. For this, it provides an abstraction on top of existing platforms in order to run data analytic tasks on top of any set of platforms. As a result, users can focus on the logics of their applications rather on the intricacies of the underlying platforms.
 section-2:
-  title: Turning a shadows into a show
+  title: Turning shadows into a show
   text: | 
     Read more on how Apache Wayang convert the light and shadows of data processing platforms to amazing theatre for you.
 section-3: