index.html

---
layout: landing
home: true
---
<section class="hero hero-home">
	{% include masthead.html %}
	<div class="hero-content">
		<div class="grid-x">
			<div class="cell small-12 medium-6 medium-offset-6 large-5 large-offset-7">
				<div class="hero-subtitle">
					Welcome to API Standards
				</div>
				<div class="hero-title">
					<h2>Stay up to date with the latest API standards</h2>
				</div>
				<!-- /.hero-subtitle -->
			</div>
			<!-- /.cell -->
		</div>
		<!-- /.grid-x -->
		<div class="grid-x">
			<div class="cell small-12 medium-8 medium-offset-4 large-6 large-offset-6 xlarge-5 xlarge-offset-7">
				<div class="hero-cta-buttons">
				<p class="hide-for-small-only"><br/><br/><br/><br/></p>
					<a href="./categories" class="button">Browse APIs</a>
				</div>
				<!-- /.cta-buttons -->
			</div>
		</div>
	</div>
	<!-- /.hero-content -->
</section>
<!-- /.hero-home -->

<main id="content">
  <div class="grid-container">
      <div class="grid-x">
          <div class="cell auto">
              <div class="card_headline">Categories</div>
          </div>
      </div>
      <div class="grid-x grid-margin-x" data-equalizer>
          <div class="cell large-6">
              <div class="card" data-equalizer-watch>
                  <div class="card_content">
                    <div class="card_title">Banking and Financial Markets</div>
                    <p>Find API Standards and APIs that comply with BIAN, PSD2 and all your other banking and financial market needs.</p>
                      <a href="./categories/banking" class="button">Browse Standards</a>
                  </div>
              </div>
          </div>
          <div class="cell large-6">
              <div class="card" data-equalizer-watch>
                  <div class="card_content">
                      <div class="card_title">Communications</div>
                      <p>Find API Standards that comply with communications standards like Telecom Forum and more..</p>
                      <a href="./categories/communication" class="button">Browse Standards</a>
                  </div>
              </div>
          </div>
      </div>
  </div>
</main>