<?php
// Template name: Developers page
get_header();
$template_directory = get_template_directory_uri();
$srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
?>
<div class="breadcrumbs -about-us -overlay-dots text-5 mob-text-5" data-animate="fade" data-custom-offset="19,12,17,20">
<a href="<?php echo get_home_url(); ?>" class="home"></a>
<span class="separator"></span>
<p class="page">Developers</p>
</div>
<main>
<section class="developers-hero" data-animate-group="list">
<div class="container">
<div class="developers-hero__wrapper">
<div class="developers-hero__left">
<h1 class="section-title title-1 mob-title-1" data-animate="word" data-index="1">
Resources <br>
& tooling for <br>
<span class="img"><span class="img-wrapper"><img src="<?php echo $template_directory; ?>/assets/images/icons/brackets-slash.svg"
alt="world"></span></span> Developers.
</h1>
<p class="text text-2 mob-text-2 -higher" data-animate="swim-top" data-index="2">
Explore our guides and examples to integrate paytech.
</p>
<a href="https://p4y.readme.io/reference/getpayments" target="_blank" class="default-button -with-icon" data-animate="swim-top" data-index="3">Get started with API <img src="<?php echo $template_directory; ?>/assets/images/icons/external.svg"
alt=""></a>
</div>
<div class="developers-hero__right" data-animate="swim-top" data-index="2">
<img src="<?php echo $template_directory; ?>/assets/images/developers/hero.png" alt="">
</div>
</div>
</div>
</section>
<section class="api">
<div class="container">
<div class="api__wrapper" data-animate-group="list">
<div class="api__item" data-animate="swim-top">
<div class="editor">
<h2>
API.
</h2>
<p>
Make strides in implementation of paytech products with our API. Developers can test against the latest
version of our APIs.
</p>
<ul>
<li>
Functioning production installation
</li>
<li>
Modelbank environment
</li>
<li>
Secure & independent test environment
</li>
<li>
Latest API versions of APIs
</li>
<li>
Real-world format responses
</li>
<li>
Standard API support
</li>
</ul>
</div>
<a href="https://p4y.readme.io/reference/getpayments" target="_blank" class="default-button -with-icon">Explore API <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/icons/external.svg" alt=""></a>
</div>
<div class="api__item -smaller -coming-soon" data-animate="swim-top">
<p class="title text-1 mob-text-1 --bold">
SDK.
</p>
<span class="coming-soon-label">Coming soon</span>
</div>
<div class="api__item -smaller -coming-soon" data-animate="swim-top">
<p class="title text-1 mob-text-1 --bold">
Plugins.
</p>
<span class="coming-soon-label">Coming soon</span>
</div>
<div class="api__item -smaller -coming-soon" data-animate="swim-top">
<p class="title text-1 mob-text-1 --bold">
Manual.
</p>
<span class="coming-soon-label">Coming soon</span>
</div>
<div class="api__item -smaller -coming-soon" data-animate="swim-top">
<p class="title text-1 mob-text-1 --bold">
PCI DSS.
</p>
<span class="coming-soon-label">Coming soon</span>
</div>
<div class="api__item -smaller -coming-soon" data-animate="swim-top">
<p class="title text-1 mob-text-1 --bold">
Support.
</p>
<span class="coming-soon-label">Coming soon</span>
</div>
</div>
</div>
</section>
</main>
<?php
get_footer();
?>