index.html

---
title: Video Cloud Platform APIs Documentation
parent: null
layout: landing_page
---

<!-- main content -->
<div class="page-content">
  <div class="container">
    <div class="docs-overview py-5">
      <div class="row justify-content-center">


        {% for section in site.data.navigation offset:1 %}
        <div class="col-12 col-lg-4 py-3">
          <div class="card-hover card shadow-sm">
            <div class="card-body">
              <h5 class="card-title mb-3">
                <span class="span-icon card-icon-holder icon-theme me-2">
                  <i class="{{ section.icon }}"></i>
                </span><!--//card-icon-holder-->
                <span class="card-title-text">{{ section.name }}</span>
              </h5>
              <div class="card-text">
                {{ section.description }}
              </div>
              <a class="card-link-mask" href="{{ section.url }}"></a>
            </div><!--//card-body-->
          </div><!--//card-->
        </div><!--//col-->
        {% endfor %}
      </div><!--//row-->
    </div><!--//container-->
  </div><!--//container-->
</div><!--//page-content-->



<!-- <style translate="no">
  h1 {
    font-weight: bold;
    color: rgb(9, 7, 140);
  }
</style>
<article class="landing-page-wrapper">
  <section class="landing-page-header" id="landing_page_header">
    <h1>{{ site.title }}</h1>

    <p>{{ site.description }}</p>
  </section>
  <section class="card-wrapper">
    {% for section in site.data.navigation offset:1 %}
    <section class="bcls-card-small" onclick="window.location.href='{{ section.url }}'">
      <div class="card-content">
        <h2>{{ section.name }}</h2>
        <ul class="bcls-topic-list">
          {% for doc in section.docs limit:4 %}
          <li><a href="{{ doc.url }}">{{ doc.name }}</a></li>
          {% endfor %}
        </ul>
        <p style="font-size:small;"><a href="{{ section.url }}">View all...</a></p>
      </div>
    </section>
    {% endfor %}
  </section>
</article> -->