<?php
  global $base_url;
  $theme_path   = drupal_get_path('theme', 'xlharmony');
  $img_assets   = $base_url.'/'.$theme_path.'/assets/img/';
?>

<div class="section center-align wrapper-mca">

  <section class="mca-powerful">
    <div class="text-container">
      <h2>Sekuat Satelit, Sefleksibel Seluler</h2>
      <p>
        Koneksi kelas-korporat yang lebih efisien, flexibel, dan terjangkau, menggunakan dual SIM Multi Carrier melalui jaringan 3G/4G dan XL Private MPLS VPN.
      </p>
    </div>

    <div class="img-container">
      <img src="<?php echo $base_url.'/sites/all/themes/xlharmony/assets/img/dummy/mca/bagan-01.png' ?>" alt="">

      <div class="list-left-right cf">
        <div class="left">
          <h3>Satelit</h3>
          <ul>
            <li>
              Biaya operasional tinggi
            </li>
            <li>
              Instalasi 2 tipe jaringan
            </li>
            <li>
              Maintenance oleh 2 CC
            </li>
          </ul>
        </div>

        <div class="right">
          <h3>MCA</h3>
          <ul>
            <li>
              Biaya operasional rendah
            </li>
            <li>
              Instalasi tipe jaringan
            </li>
            <li>
              Maintenance oleh 1 CS
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- .mca-powerful -->

  <section class="mca-fast">
    <div class="text-container mobile">
      <h2>
        Fast and Flexible
      </h2>
      <p>
        MCA lebih cepat dan fleksibel dalam instalasi sistem. Tanpa kabel, instalasi yang mudah, dan maintenance yang selalu siap.
      </p>
    </div>
    <div class="img-container">
      <img src="<?php echo $base_url.'/sites/all/themes/xlharmony/assets/img/dummy/mca/bagan-02.png' ?>" alt="">
    </div>
    <div class="text-container desktop">
      <h2>
        Fast and Flexible
      </h2>
      <p>
        MCA lebih cepat dan fleksibel dalam instalasi sistem. Tanpa kabel, instalasi yang mudah, dan maintenance yang selalu siap.
      </p>
    </div>
  </section>
  <!-- .mca-fast -->

  <section class="mca-dashboard">
    <div class="text-container">
      <h2>
        Active Dashboard Monitoring
      </h2>
      <p>
        Monitor dan manage pengunaan dan kualitas jaringan pada remote site dengan lebih mudah, dari mana saja kapan saja.
      </p>
    </div>
    <div class="img-container">
      <img src="<?php echo $base_url.'/sites/all/themes/xlharmony/assets/img/dummy/simply/monitor.jpg' ?>" alt="">
    </div>
  </section>
  <!-- .mca-dashboard -->

</div>

<section class="section-inquiry">
  <h3>Dapatkan MCA Sekarang</h3>
  <a href="" class="bttn rounded arrow yellow">Inquiry Now</a>
</section>