move feature to data and clean code
diff --git a/_data/features.yml b/_data/features.yml
new file mode 100644
index 0000000..8d20bc2
--- /dev/null
+++ b/_data/features.yml
@@ -0,0 +1,34 @@
+- title: Cross-platform
+  icon: fas fa-bezier-curve
+  description-short: Run a single data analytic task on top of any set of data processing platforms.
+  description: |
+    The most salient feature of Apache Wayang is its cross-platform optimizer. Besides deciding the best processing platform to run any incoming task, Apache Wayang can run a single task on multiple processing platforms. Overall, it applies an extensible set of graph transformations to a Apache Wayang plan to find alternative execution plans. Then, it compares all execution plans by using a platform-specific cost model. Cost functions can either be given or learned, and are parameterized with respect to the underlying hardware (e.g., number of computing nodes for distributed operators).
+- title: High-Efficiency
+  icon: fa fa-clock
+  description-short: It selects the best available data processing platform for any incoming query.
+  description: |
+    Apache Wayang provides a number of optimized operators and novel query optimization process that allows it to efficiently deal with big (as well as small) datasets. Furthermore, as its data processing abstraction is based on UDFs, Apache Wayang lets applications expose semantic properties about their functions, optimization hints (e.g., numbers of iterations), constraints (e.g., physical collocation of operators), and alternative plans. The optimizer then uses those artifacts where available in a best-effort approach.
+
+- title: Flexibility
+  icon: fa fa-puzzle-piece
+  description-short: User defined functions (UDFs) as first-class citizens, enabling extensibility and adaptability.
+  description: |
+    Apache Wayang provides a set of Wayang operators, which applications use to specify their tasks, as well as a set of execution operators, which processing platform provide to run application tasks. The key aspect is that Apache Wayang provides a flexible operator mapping structure allowing developers to add, modify, or delete mappings among Wayang and execution operators. As a result, developers can also add or remove Wayang and execution operators.
+
+- title: Ease-of-Use
+  icon: fas fa-child
+  description-short: A simple interface that allows developers to focus only on the logics of their application.
+  description: |
+    Apache Wayang exposes a simple Java API to developers whereby they can implement their tasks. Developers focus on the logics of their tasks rather than on low-level details specific to data processing platforms. The figure of the SGD plans above shows the Wayang plan for a scalable gradient descent implementation: we clearly see that this tedious implementation task is now much easier!
+
+- title: Cost Saving
+  icon: fa fa-piggy-bank
+  description-short: Fast development of data analytic applications.
+  description: |
+    Users do not have to know the intricacies of the underlying platforms: they focus on the logic of their application only. This not only speeds up the development of applications, but also it is no longer a must to be an expert in big data infrastructures. Apache Wayang takes care of how and on which data processing platforms to deploy your applications.
+
+- title: Open Source
+  icon: fa fa-code-branch
+  description-short: All code is on GitHub under Apache License.
+  description: |
+    Apache Wayang has been open source from its very beginnings and will keep being open source until its very endings. Feel free to download it, try it, and contribute to it. Help us to make it better!
\ No newline at end of file
diff --git a/_layouts/about.html b/_layouts/about.html
index 55bc905..1527587 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -40,21 +40,21 @@
 
 <section id="feature_about">
     <div class="container">
-    {% for item in page.features %}
+    {% for item in site.data.features %}
         <div class="row" style="padding: 1em;margin-bottom: 0.3em">
 
             <div class="col-sm-12 col-md-3 col-md-push-9 text-center vcenter">
                 <div class="service-item">
-                    <i class="{{item.feature.icon}} fa-5x"></i>
-                    <h4>{{item.feature.title}}</h4>
+                    <i class="{{item.icon}} fa-5x"></i>
+                    <h4>{{item.title}}</h4>
                     <p style="color: #0074D9 !important;">
-                        {{item.feature.description-short}}
+                        {{item.description-short}}
                     </p>
                 </div>
             </div>
             <div class="col-sm-12 col-md-9 col-md-pull-3 align-middle">
                 <p class="text-justify">
-                    {{item.feature.description}}
+                    {{item.description}}
                 </p>
             </div>
         </div>
diff --git a/about.md b/about.md
index 57d78c3..b883b42 100644
--- a/about.md
+++ b/about.md
@@ -7,47 +7,6 @@
 img-plan:
    path: assets/img/plan.png
    title: SGD plans
-features: 
-  - feature:
-     title: Cross-platform
-     icon: fas fa-bezier-curve
-     description-short: Run a single data analytic task on top of any set of data processing platforms.
-     description: |
-       The most salient feature of Apache Wayang is its cross-platform optimizer. Besides deciding the best processing platform to run any incoming task, Apache Wayang can run a single task on multiple processing platforms. Overall, it applies an extensible set of graph transformations to a Apache Wayang plan to find alternative execution plans. Then, it compares all execution plans by using a platform-specific cost model. Cost functions can either be given or learned, and are parameterized with respect to the underlying hardware (e.g., number of computing nodes for distributed operators).
-  - feature:
-     title: High-Efficiency
-     icon: fa fa-clock
-     description-short: It selects the best available data processing platform for any incoming query.
-     description: |
-       Apache Wayang provides a number of optimized operators and novel query optimization process that allows it to efficiently deal with big (as well as small) datasets. Furthermore, as its data processing abstraction is based on UDFs, Apache Wayang lets applications expose semantic properties about their functions, optimization hints (e.g., numbers of iterations), constraints (e.g., physical collocation of operators), and alternative plans. The optimizer then uses those artifacts where available in a best-effort approach.
-    
-  - feature:
-     title: Flexibility
-     icon: fa fa-puzzle-piece
-     description-short: User defined functions (UDFs) as first-class citizens, enabling extensibility and adaptability.
-     description: |
-       Apache Wayang provides a set of Wayang operators, which applications use to specify their tasks, as well as a set of execution operators, which processing platform provide to run application tasks. The key aspect is that Apache Wayang provides a flexible operator mapping structure allowing developers to add, modify, or delete mappings among Wayang and execution operators. As a result, developers can also add or remove Wayang and execution operators.
-    
-  - feature:
-     title: Ease-of-Use
-     icon: fas fa-child
-     description-short: A simple interface that allows developers to focus only on the logics of their application.
-     description: |
-       Apache Wayang exposes a simple Java API to developers whereby they can implement their tasks. Developers focus on the logics of their tasks rather than on low-level details specific to data processing platforms. The figure of the SGD plans above shows the Wayang plan for a scalable gradient descent implementation: we clearly see that this tedious implementation task is now much easier!
-
-  - feature:
-     title: Cost Saving
-     icon: fa fa-piggy-bank
-     description-short: Fast development of data analytic applications.
-     description: |
-       Users do not have to know the intricacies of the underlying platforms: they focus on the logic of their application only. This not only speeds up the development of applications, but also it is no longer a must to be an expert in big data infrastructures. Apache Wayang takes care of how and on which data processing platforms to deploy your applications.
-
-  - feature:
-     title: Open Source
-     icon: fa fa-code-branch
-     description-short: All code is on GitHub under Apache License.
-     description: |
-       Apache Wayang has been open source from its very beginnings and will keep being open source until its very endings. Feel free to download it, try it, and contribute to it. Help us to make it better!
 ---
 
 Apache Wayang has a three-layer data processing abstraction that sits between user applications and data processing platforms, such as Hadoop and Spark. The figure below depicts the Apache Wayang architecture: (i) an application layer that models all application-specific logic; (ii) a core layer that provides the intermediate representation between applications and processing platforms; and (iii) a platform layer that embraces the underlying processing platforms. Overall, the input of an application layer comprises the logical operators provided by users (or generated by a declarative query parser) and the output is a physical plan (WayangPlan). The WayangPlan is then passed to the core layer where cross-platform optimizations take place to produce an execution plan (ExecutionPlan).<br><br> Notice that, in contrast to DBMSs, Apache Wayang decouples physical and execution levels. This separation allows applications to express physical plans in terms of algorithmic needs only, without being tied to a particular processing platform. The salient features of Apache Wayang are cross-platform task execution, high-performance, flexibility, and ease-of-use.
diff --git a/assets/css/monokai.css b/assets/css/monokai.css
index 3e28fa3..1881d50 100644
--- a/assets/css/monokai.css
+++ b/assets/css/monokai.css
@@ -5,7 +5,9 @@
 }
 .highlight .hll { background-color: #272822; }
 .highlight .c { color: #75715e } /* Comment */
-.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
+.highlight .err { /* Error */
+    color: #f92672;
+}
 .highlight .k { color: #66d9ef } /* Keyword */
 .highlight .l { color: #ae81ff } /* Literal */
 .highlight .n { color: #f8f8f2 } /* Name */
@@ -69,8 +71,8 @@
 .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
 .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
 
+/** Number in the lines*/
 pre .line-number {
-    /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
     color:black;
     display:block;
     color: #f8f8f2;
diff --git a/index.md b/index.md
index 4cac99d..f156d17 100644
--- a/index.md
+++ b/index.md
@@ -1,5 +1,15 @@
 ---
 layout: home
 title: "Home"
-banner-title: "list"
+section-1:
+  title: THE CROSS-PLATFORM 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
+  text: | 
+    Read more on how Apache Wayang convert the light and shadows of data processing platforms to amazing theatre for you.
+section-3:
+  title: Features
+  text: How we move the string for you
 ---