<!-- Hero -->
<div class="bg-primary-dark">
<div class="container position-relative zi-2 content-space-b-1 content-space-t-2 content-space-md-3">
<!-- Heading -->
<div class="w-lg-75 text-center mx-lg-auto mb-7">
<h1 class="display-3 text-white mb-md-5">The ultimate API <span class="text-warning">pipeline</span></h1>
<p class="lead text-white-70">An enterprise-grade API platform available in the cloud or on-premise. Generate database APIs instantly to build applications faster.</p>
</div>
<!-- End Heading -->
<div class="text-center mx-auto mb-7" style="max-width: 32rem;">
<!-- Input Card -->
<div class="input-card input-card-sm mb-3">
<div class="input-card-form">
<input type="text" class="form-control form-control-lg" placeholder="Your business email" aria-label="Your business email">
</div>
<button type="button" class="btn btn-primary btn-lg">Request a demo</button>
</div>
<!-- End Input Card -->
<a class="link link-light" href="../page-contacts.html">Create a free account <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- Code Editor -->
<div class="code-editor mx-auto" style="width: 46rem;">
<div class="code-editor-container">
<!-- Line Numbers -->
<div class="code-editor-line-numbers">
<span class="code-editor-line-numbers-item">1</span>
<span class="code-editor-line-numbers-item">2</span>
<span class="code-editor-line-numbers-item">3</span>
<span class="code-editor-line-numbers-item">4</span>
<span class="code-editor-line-numbers-item">5</span>
<span class="code-editor-line-numbers-item">6</span>
<span class="code-editor-line-numbers-item">7</span>
<span class="code-editor-line-numbers-item">8</span>
<span class="code-editor-line-numbers-item">9</span>
<span class="code-editor-line-numbers-item">10</span>
<span class="code-editor-line-numbers-item">11</span>
<span class="code-editor-line-numbers-item">12</span>
<span class="code-editor-line-numbers-item">13</span>
<span class="code-editor-line-numbers-item">14</span>
<span class="code-editor-line-numbers-item">15</span>
</div>
<!-- End Line Numbers -->
<!-- Typing Area -->
<div class="code-editor-typing-area">
<div class="mb-4">
<span class="text-primary">import</span> <span>space</span>
</div>
<div class="mb-4">
<span>daa = sp.get(</span>
<div class="ps-3"><span class="text-primary">"daily_active_addresses/space",</span></div>
<div class="ps-3"><span class="text-primary">from_date=</span> <span>"2020-09-17",</span></div>
<div class="ps-3"><span class="text-primary">to_date=</span> <span>"2020-09-21",</span></div>
<div class="ps-3"><span class="text-primary">interval=</span> <span>"1hour"</span></div>
<div><span>)</span></div>
</div>
<div>
<span>prices = sp.get(</span>
<div class="ps-3"><span class="text-primary">"prices/space",</span></div>
<div class="ps-3"><span class="text-primary">from_date=</span> <span>"2020-09-17",</span></div>
<div class="ps-3"><span class="text-primary">to_date=</span> <span>"2020-09-21",</span></div>
<div class="ps-3"><span class="text-primary">interval=</span> <span>"1hour"</span></div>
<div><span>)</span></div>
</div>
</div>
<!-- End Typing Area -->
<!-- Typing Area -->
<div class="code-editor-typing-area">
<div class="mb-4">
<span class="text-muted">// Space</span>
</div>
<div class="mb-4">
<div><span>analytics.track(‘User Signup’, {</span></div>
<div class="ps-3"><span>email: ‘bill@initech.com’</span></div>
<div><span>});</span></div>
</div>
<div class="transform-0" style="margin-bottom: -5rem; margin-right: -7rem;">
<img class="img-fluid shadow-xl rounded-2" src="../assets/img/mockups/img5.png" alt="SVG">
</div>
</div>
<!-- End Typing Area -->
</div>
<!-- SVG Elements -->
<div class="position-absolute zi-n1" style="top: -3rem; left: -5rem;">
<img class="img-fluid" src="../assets/svg/components/shape-1-soft-light.svg" alt="SVG" style="width: 10rem;">
</div>
<div class="position-absolute zi-n1" style="bottom: -8rem; right: -8rem;">
<img class="img-fluid" src="../assets/svg/components/shape-7.svg" alt="SVG" style="width: 12rem;">
</div>
<!-- End SVG Elements -->
</div>
<!-- End Code Editor -->
</div>
</div>
<!-- End Hero -->
<!-- Shape -->
<div class="shape-container">
<div class="shape shape-bottom zi-1">
<svg viewBox="0 0 3000 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 600V350.234L3000 0V600H0Z" fill="#fff"/>
</svg>
</div>
</div>
<!-- End Shape -->
Log in with Google
