/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/wp-content/themes/paytech/developers.php
<?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();
?>