price.html

---
lang: id
title: Harga
excerpt: Manakah paket hosting yang cocok untuk anda? Dari paket Freedom ke Ultimate, pasti ada yang cocok untuk ukuran website anda.
layout: default
color: '#50c'
---

<div class="text-center">
  <div class="jumbotron bg top fixed text-white" style="
      --bg: url(https://images.unsplash.com/photo-1601248543571-bf246689c301?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1056&q=80);
      background-color: #50c;
    ">
    <h1 class="display-4">Daftar Harga Paket Hosting</h1>
  </div>
  <div class="container my-5">
    <div class="row">
      {% for plan in site.data.pricing %}
      <div class="col-lg-3 col-md-6 my-3">
        <div class="card" style="{{ plan.style }}">
          <div class="card-body">
            <h4>{{ plan.title }}</h4>
            <h4 class="display-4">{{ plan.price }}</h4>
            <div class="mb-3" style="opacity: 50%;">{{ plan.renew }}</div>
            <div class="row justify-content-center">
              <div class="list-group text-start col-auto">
                {% for item in plan.items %}
                <div class="list-group-item" style="{{ plan.style }}"><i class="fas {{item.icon}} me-2"></i>
                  {{ item.text }}</div>
                {% endfor %}
              </div>
            </div>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>

</div>

<div class="text-center" id="domain">
  <div
    class="jumbotron bg top fixed text-white"
    style="
      --bg: url(https://images.unsplash.com/photo-1551970634-747846a548cb?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80);
      background-color: #353;
    "
  >
    <h1 class="display-4">Daftar Harga Domain</h1>
  </div>

  <div class="my-5">
    <p class="h1 text-success">Domain Indonesia</p>
    <p>
      <small
        ><a
          href="https://dok.dom.my.id/domain/tld.html"
          style="color: green; font-weight: bold; text-decoration: none"
          >Lihat persyaratan dokumen untuk domain Indonesia</a
        ></small
      >
    </p>
  </div>

  <div class="row g-0">
    {% for d in site.data.domains.indo %}
    <div
      class="p-4 col-md-4"
      style="background-color: {{ d.bg }}"
    >
      <div class="h2 card-title my-auto">{{ d.dom }}</div>
      <div class="display-4 my-2">{{ d.price }}</div>
      <h6 class="text-muted">Per Tahun</h6>
      <h6 class="small">Syarat: {{ d.req }}</h6>
    </div>
    {% endfor %}
  </div>

  <div class="my-5">
    <p class="h1 text-success">Top Level Domain</p>
  </div>

  <div class="row g-0">
    {% for d in site.data.domains.global %}
    <div class="col-lg-4 text-start">
      <div
        class="px-4 py-4 d-flex justify-content-between align-items-end"
        style="background-color: {{ d.bg }}"
      >
        <div class="card-title my-auto" style="width: 5em">
          <div class="h2">{{ d.dom }}</div>
          <div class="small">Situs&nbsp;{{ d.for }}</div>
        </div>
        <div>
          <div class="display-4">{{ d.price }}</div>
          <h6 class="text-muted">Beli</h6>
        </div>
        <div>
          <div class="h5">{{ d.renew }}</div>
          <h6 class="text-muted">Perpanjang</h6>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>

  <div class="p-4">
    <p>
      <a
        class="btn btn-lg btn-success"
        href="https://my.domcloud.co/register"
        >Daftar Sekarang</a
      >
    </p>
  </div>
</div>


<div class="text-center" id="domain">
  <div
    class="jumbotron bg top fixed text-white"
    style="
      --bg: url(https://images.unsplash.com/photo-1560961911-293cfd783727?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80);
      background-color: #fe3;
    "
  >
    <h1 class="display-4">FAQ</h1>
  </div>

<div class="p-5">
  <div class="row">
    {% for faqrow in site.data.faqs %}
    <div class="col-md-4">
      <div class="accordion">
        {% for faq in faqrow %}
        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
              data-bs-target="#{{ faq.id }}" aria-expanded="false">
              {{ faq.title }}
            </button>
          </h2>
          <div class="collapse multi-collapse mb-3" id="{{ faq.id }}">
            <div class="accordion-body">{{ faq.body }}</div>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
    {% endfor %}
  </div>
</div>

<p class="mt-2 text-center">
  <a class="btn btn-lg btn-warning" href="https://my.domcloud.co/register">Daftar Sekarang</a>
</p>