index.html

---
layout: home 
title: Open Source Libraries for Mobile Connectivity 
section: homepage 
---

<div class="main-background"></div>

<section class="aditional-actions">
  <div class="container">
    <a class="news fixed" href="{{ site.posts.first.url }}">
      <strong>Check it out!</strong> {{ site.posts.first.title }}</a>
  </div>
</section>

<section class="main-features">
  <div class="container">
    <h2>AeroGear Services</h2>
    {% for service in site.data.services %}

      {% capture index %}{{ forloop.index0 | modulo:3 }}{% endcapture %}

      {% if index == '0' or forloop.first %}
        <div class="row">
      {% endif %}

      <div class="col-md-4">
        <h3>
          <a href="{{ service[1].link }}"><i class="material-icons" aria-hidden="true">{{ service[1].icon }}</i> {{ service[1].name }}</a>
        </h3>
        {% if service[1].description %}
        <p>
          {{ service[1].description }}
        </p>
        {% endif %}
        {% if service[1].features %}
        <ul class="alt">
          {% for feature in service[1].features %}
          <li>{{ feature }}</li>
          {% endfor %}
        </ul>
        {% endif %}
      </div>

      {% if index == '2' or forloop.last %}
        </div>
      {% endif %}

    {% endfor %}
  </div>
</section>

<section class="sdks">
  <div class="container">
    <h2>AeroGear SDKs</h2>

    <p>SDKs for our Mobile Services are available for a variety of platforms, including Android, 
      iOS, Cordova & Xamarin. These SDKs will help simplify your mobile and modern application development needs, 
      leveraging OpenShift's Container technology to provide a secure, scalable backend platform.
    </p>

    <p>
      For more information on how to install and use our SDKs, see the links below.
    </p>

    <div style="overflow-x:auto;">
      <table class="sdk-service-matrix table">
        <thead>
          <tr>
            <th></th>
            <th class="text-center">
              <a href="/services/data-sync/">
                <i class="material-icons" aria-hidden="true">sync</i>
                <div>Data Sync</div>
              </a>
            </th>
            <th class="text-center">
              <a href="/services/identity-management/">
                <i class="material-icons" aria-hidden="true">account_circle</i>
                <div>Identity Management</div>
              </a>
            </th>
            <th class="text-center service-heading">
              <a href="/services/push/">
                <i class="material-icons" aria-hidden="true">notifications_active</i>
                <div>Push Notifications</div>
              </a>
            </th>
            <th class="text-center service-heading">
              <a href="/services/metrics/">
                <i class="material-icons" aria-hidden="true">insert_chart</i>
                <div>Mobile Metrics</div>
            </th>
            <th class="text-center service-heading">
              <a href="/services/device-security/">
                <i class="material-icons" aria-hidden="true">security</i>
                <div>Device Security</div>
              </a>
            </th>
          </tr>
        </thead>
        <tr>
          <td class="text-right">
            Android
            <i class="fa fa-android"></i></a>
          </td>
          <td class="text-center">
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
        </tr>
        <tr>
          <td class="text-right">
            Cordova
            <i class="font-icon icon-cordova"></i></a>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
        </tr>
        <tr>
          <td class="text-right">
            iOS
            <i class="fa fa-apple"></i></a>
          </td>
          <td class="text-center">
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
        </tr>
        <tr>
          <td class="text-right">
            Xamarin
            <i class="font-icon icon-xamarin"></i></a>
          </td>
          <td class="text-center">
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
          <td class="text-center">
            <i class="fa fa-check-square"></i>
          </td>
        </tr>
      </table>
    </div>

  </div>
</section>

<section class="customers">
  <div class="container">
    <h2 class="section-header">Mobile development begins here</h2>
    <h4>We make enterprise mobile development easy</h4>
    <p>AeroGear provides a suite of Mobile Services across a range of native and hybrid client SDKs that will simplify your mobile and modern application development needs, leveraging OpenShift's Container technology to provide a secure, scalable backend platform.</p>
    <p>
      <a target="_blank" href="https://www.openshift.org/">
        <img src="{{ site.baseurl }}/img/logos_home/openshift.gif" alt="openshift" />
      </a>
    </p>
  </div>
</section>