index.html

---
layout: home
---

<div class="hero">
  <img src="{{ site.avatar }}" />
  <h2>{{ site.description }}</h2>
  <a href="{{ site.baseurl }}/docs/1.0/getting-started/" class="button">Memulai</a>
</div>

<div class="row section">
  <div class="xlarge-4 large-4 medium-4 small-4 tiny-12">
    <img src="./images/gauge.png">
    <h3>
      Cepat dan Fleksibel
    </h3>
    <p>
      Dibangun untuk tujuan kecepatan dalam pengembangan web. Kamu bisa membangun aplikasi secara intuitif dan fleksibel.
    </p>
  </div>
  <div class="xlarge-4 large-4 medium-4 small-4 tiny-12">
    <img src="./images/component.png">
    <h3>
      Berbasis Komponen
    </h3>
    <p>
      Menggunakan Composer, Bono dibangun dalam konsep komponen. Kamu bisa menambahkan komponen yang tersedia di Composer.
    </p>
  </div>
  <div class="xlarge-4 large-4 medium-4 small-4 tiny-12">
    <img src="./images/enterprise.png">
    <h3>
      Skala Enterprise
    </h3>
    <p>
      Bono memiliki komponen yang siap untuk diuji dalam kebutuhan enterprise. Mulai dari framework mikro atau stack lengkap, semua terserah anda.
    </p>
  </div>
</div>

<!-- <div class="posts">
  {% for post in site.posts %}
    <article class="post">

      <h1><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h1>

      <div class="entry">
        {{ post.excerpt }}
      </div>

      <a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
    </article>
  {% endfor %}
</div> -->