File: /var/www/stg-everycred.com/wp-content/themes/everycred/templates/page-developers.php
<?php /* Template name: Developers */
get_header();
?>
<div class="main-content">
<section class="way-to-verify py-120">
<div class="container">
<div class="contain-box mw-100 mx-auto">
<?php if (get_field('sub_title_verify')) { ?>
<div class="font-16 text-semi font-blue text-center text-uppercase"><?php echo get_field('sub_title_verify'); ?></div>
<?php } if (get_field('title_verify')) { ?>
<h2 class="font-42 font-black m-0 text-center mt-2 mt-lg-3"><?php echo get_field('title_verify'); ?></h2>
<?php } if (get_field('description_verify')) { ?>
<div class="font-20 font-light-black-shad text-center mt-2 mt-md-3"><?php echo get_field('description_verify'); ?>.</div>
<?php } ?>
<div class="button-box d-flex flex-wrap justify-content-center gap-3">
<?php if (get_field('read_documentation')) { ?>
<a target="_blank" href="<?php echo get_field('read_documentation')['url']; ?>"
class="px-4 font-16 black-border-btn d-flex align-items-center justify-content-center">
<svg class="me-2" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.4688 7.03125C14.5641 7.03125 13.8281 6.29527 13.8281 5.39062V0H5.4375C4.01592 0 2.85938 1.15655 2.85938 2.57812V21.4219C2.85938 22.8435 4.01592 24 5.4375 24H18.5625C19.9841 24 21.1406 22.8435 21.1406 21.4219V7.03125H15.4688ZM6.70312 16.875H10.1119C10.5002 16.875 10.815 17.1898 10.815 17.5781C10.815 17.9664 10.5002 18.2812 10.1119 18.2812H6.70312C6.31481 18.2812 6 17.9664 6 17.5781C6 17.1898 6.31481 16.875 6.70312 16.875ZM6 13.8281C6 13.4398 6.31481 13.125 6.70312 13.125H17.0156C17.4039 13.125 17.7188 13.4398 17.7188 13.8281C17.7188 14.2164 17.4039 14.5312 17.0156 14.5312H6.70312C6.31481 14.5312 6 14.2164 6 13.8281ZM17.0156 9.375C17.4039 9.375 17.7188 9.68981 17.7188 10.0781C17.7188 10.4664 17.4039 10.7812 17.0156 10.7812H6.70312C6.31481 10.7812 6 10.4664 6 10.0781C6 9.68981 6.31481 9.375 6.70312 9.375H17.0156Z"
fill="black" />
<path
d="M15.2344 5.39064C15.2344 5.51988 15.3395 5.62502 15.4687 5.62502H20.8272C20.6986 5.38755 20.5331 5.16944 20.3343 4.98133L15.8145 0.705298C15.6391 0.53936 15.4437 0.400938 15.2344 0.291626V5.39064H15.2344Z"
fill="black" />
</svg>
Read Documentation
<svg class="ms-2" width="12" height="11" viewBox="0 0 12 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.4688 0.5V8.625C11.4688 8.74932 11.4194 8.86855 11.3315 8.95646C11.2436 9.04436 11.1243 9.09375 11 9.09375C10.8757 9.09375 10.7565 9.04436 10.6686 8.95646C10.5807 8.86855 10.5313 8.74932 10.5313 8.625V1.63125L1.33128 10.8312C1.24242 10.914 1.12489 10.9591 1.00345 10.957C0.882012 10.9548 0.766146 10.9056 0.680262 10.8198C0.594379 10.7339 0.545184 10.618 0.543042 10.4966C0.540899 10.3751 0.585976 10.2576 0.668776 10.1687L9.86878 0.96875H2.87503C2.75071 0.96875 2.63148 0.919364 2.54357 0.831456C2.45566 0.743548 2.40628 0.62432 2.40628 0.5C2.40628 0.37568 2.45566 0.256451 2.54357 0.168544C2.63148 0.080636 2.75071 0.03125 2.87503 0.03125H11C11.1243 0.03125 11.2436 0.080636 11.3315 0.168544C11.4194 0.256451 11.4688 0.37568 11.4688 0.5Z"
fill="black" />
</svg>
</a>
<?php } if (get_field('github_url')) { ?>
<a target="_blank" href="<?php echo get_field('github_url'); ?>"
class="px-4 font-16 black-border-btn d-flex align-items-center justify-content-center">
<svg class="me-2" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8.65594 19.2968C8.48908 19.3279 8.41618 19.4062 8.43709 19.5311C8.45788 19.6561 8.55163 19.6978 8.71828 19.6561C8.88514 19.6145 8.95799 19.5414 8.93702 19.4373C8.91634 19.3228 8.82259 19.2759 8.65594 19.2968Z"
fill="black" />
<path
d="M7.76562 19.4219C7.59892 19.4219 7.51562 19.4789 7.51562 19.5937C7.51562 19.7291 7.60423 19.7862 7.78122 19.7654C7.94792 19.7654 8.03132 19.7081 8.03132 19.5937C8.03132 19.4585 7.94272 19.401 7.76562 19.4219Z"
fill="black" />
<path
d="M6.54702 19.3748C6.50543 19.4895 6.57318 19.5674 6.75012 19.6092C6.90636 19.6715 7.00537 19.6403 7.04696 19.5154C7.07826 19.401 7.01051 19.3179 6.84387 19.2654C6.68756 19.2239 6.58867 19.2599 6.54702 19.3748Z"
fill="black" />
<path
d="M22.6796 1.32019C21.7994 0.440119 20.7398 0 19.4999 0H4.49997C3.2605 0 2.20048 0.440119 1.32019 1.32019C0.440119 2.20043 0 3.26045 0 4.49997V19.5001C0 20.7397 0.440119 21.7996 1.32019 22.6797C2.20043 23.5599 3.2605 24.0001 4.49997 24.0001H7.99996C8.22894 24.0001 8.40095 23.9922 8.5155 23.9769C8.62999 23.9611 8.74448 23.8933 8.85913 23.7734C8.97384 23.6537 9.03098 23.4792 9.03098 23.2501C9.03098 23.219 9.02824 22.8645 9.0231 22.1875C9.01779 21.5102 9.01521 20.9738 9.01521 20.5779L8.65582 20.6405C8.42667 20.6821 8.1376 20.7004 7.78861 20.6952C7.43977 20.6899 7.07769 20.6536 6.70276 20.5858C6.3276 20.518 5.97877 20.3618 5.65582 20.1172C5.33304 19.8722 5.10389 19.552 4.96844 19.1563L4.81214 18.7967C4.70799 18.5573 4.54403 18.2916 4.32003 18.0002C4.09603 17.7084 3.86951 17.5104 3.64037 17.4063L3.53097 17.3281C3.45812 17.2761 3.39043 17.2133 3.32787 17.1404C3.26543 17.0674 3.21858 16.9944 3.18733 16.9217C3.15608 16.8486 3.18202 16.7887 3.26543 16.7417C3.34883 16.6949 3.49972 16.6717 3.71857 16.6717L4.03096 16.7185C4.23936 16.7601 4.49702 16.885 4.80448 17.0934C5.11172 17.3017 5.36428 17.5725 5.56223 17.9058C5.80194 18.333 6.09074 18.6583 6.42945 18.8823C6.76788 19.1065 7.10911 19.2185 7.4528 19.2185C7.79649 19.2185 8.09333 19.1924 8.34343 19.1405C8.59326 19.0883 8.82766 19.01 9.04652 18.9059C9.14027 18.208 9.39552 17.6713 9.81205 17.2963C9.21836 17.2338 8.68455 17.1401 8.21045 17.015C7.73661 16.8899 7.24697 16.6869 6.74183 16.4056C6.23648 16.1243 5.81726 15.7755 5.48392 15.3586C5.15063 14.9417 4.8771 14.3949 4.66372 13.718C4.45023 13.0408 4.34345 12.2594 4.34345 11.3741C4.34345 10.1138 4.75506 9.04066 5.57794 8.15533C5.19244 7.20745 5.22883 6.14508 5.68723 4.96789C5.98933 4.87409 6.43733 4.94447 7.03101 5.17887C7.62481 5.41343 8.05956 5.61401 8.33572 5.78043C8.61187 5.94691 8.83314 6.08767 8.99984 6.20238C9.96879 5.93154 10.9687 5.79614 11.9999 5.79614C13.031 5.79614 14.0311 5.93154 15.0001 6.20238L15.5938 5.82739C16.0003 5.57728 16.4793 5.34814 17.0315 5.1399C17.5836 4.93161 18.0054 4.87425 18.2972 4.96806C18.7657 6.14525 18.8077 7.20762 18.4219 8.15544C19.2448 9.04088 19.6565 10.1139 19.6565 11.3742C19.6565 12.2597 19.5497 13.0437 19.3362 13.7258C19.1229 14.4081 18.847 14.9552 18.5082 15.3666C18.1698 15.7781 17.7478 16.1242 17.2427 16.4057C16.7374 16.6868 16.2478 16.8902 15.7738 17.0149C15.2998 17.14 14.766 17.234 14.1723 17.2966C14.7136 17.7652 14.9844 18.5045 14.9844 19.5151V23.2496C14.9844 23.4268 15.0102 23.5699 15.0623 23.6793C15.1148 23.7886 15.198 23.8639 15.3125 23.9059C15.4275 23.9475 15.5286 23.9735 15.6174 23.9839C15.7061 23.9943 15.8335 23.9996 16.0002 23.9996H19.5002C20.7397 23.9996 21.7997 23.5594 22.6796 22.6792C23.5598 21.799 23.9999 20.7389 23.9999 19.4994V4.49997C23.9998 3.26045 23.5597 2.20027 22.6796 1.32019Z"
fill="black" />
<path
d="M4.75092 17.4688C4.67808 17.5207 4.68848 17.604 4.78223 17.7186C4.88654 17.8227 4.96978 17.8384 5.03233 17.7654C5.10517 17.7135 5.09478 17.6302 5.00086 17.5154C4.89677 17.4218 4.81348 17.4061 4.75092 17.4688Z"
fill="black" />
<path
d="M4.23345 17.0781C4.20225 17.1512 4.2387 17.2137 4.34285 17.2656C4.42609 17.3179 4.494 17.3076 4.54594 17.2345C4.57713 17.1615 4.54069 17.0989 4.43654 17.0466C4.33239 17.0153 4.26469 17.0258 4.23345 17.0781Z"
fill="black" />
<path
d="M5.23446 18.0782C5.1406 18.1301 5.1406 18.2241 5.23446 18.3593C5.3282 18.495 5.41659 18.5313 5.50005 18.4687C5.59385 18.3957 5.59385 18.2967 5.50005 18.1717C5.41681 18.0366 5.3282 18.005 5.23446 18.0782Z"
fill="black" />
<path
d="M5.78027 18.7811C5.68646 18.8646 5.70715 18.9632 5.84277 19.0781C5.9676 19.2029 6.0718 19.2186 6.15515 19.1246C6.23856 19.0415 6.2177 18.9426 6.09265 18.828C5.96782 18.7032 5.86362 18.6874 5.78027 18.7811Z"
fill="black" />
</svg>
Check Github
<svg class="ms-2" width="12" height="11" viewBox="0 0 12 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.4688 0.5V8.625C11.4688 8.74932 11.4194 8.86855 11.3315 8.95646C11.2436 9.04436 11.1243 9.09375 11 9.09375C10.8757 9.09375 10.7565 9.04436 10.6686 8.95646C10.5807 8.86855 10.5313 8.74932 10.5313 8.625V1.63125L1.33128 10.8312C1.24242 10.914 1.12489 10.9591 1.00345 10.957C0.882012 10.9548 0.766146 10.9056 0.680262 10.8198C0.594379 10.7339 0.545184 10.618 0.543042 10.4966C0.540899 10.3751 0.585976 10.2576 0.668776 10.1687L9.86878 0.96875H2.87503C2.75071 0.96875 2.63148 0.919364 2.54357 0.831456C2.45566 0.743548 2.40628 0.62432 2.40628 0.5C2.40628 0.37568 2.45566 0.256451 2.54357 0.168544C2.63148 0.080636 2.75071 0.03125 2.87503 0.03125H11C11.1243 0.03125 11.2436 0.080636 11.3315 0.168544C11.4194 0.256451 11.4688 0.37568 11.4688 0.5Z"
fill="black" />
</svg>
</a>
<?php } ?>
</div>
</div>
</div>
</section>
<?php if (get_field('background_banner')) { ?>
<section class="harnessing py-120">
<img class="cover-img h-100 w-100"
src="<?php echo get_field('background_banner')['url']; ?>"
alt="harnessing" />
<div class="container" data-aos="fade-up" data-aos-duration="300">
<div class="contain-box mx-auto mw-100 py-3 py-sm-4">
<?php if (get_field('title_harnessing')) { ?>
<h2 class="font-42 font-white m-0 text-center"><?php echo get_field('title_harnessing'); ?></h2>
<?php } if (get_field('description_harnessing')) { ?>
<div class="desc-txt font-20 font-white mt-2 mt-md-3 text-center"><?php echo get_field('description_harnessing'); ?></div>
<?php } ?>
</div>
</div>
</section>
<?php } ?>
<?php
$contentHowWork = get_field('content_how_work');
if ($contentHowWork) { ?>
<section class="how-work py-120">
<div class="container" data-aos="fade-up" data-aos-duration="300">
<?php if (get_field('heading_how_work')) { ?>
<h2 class="font-42 font-black m-0"><?php echo get_field('heading_how_work'); ?></h2>
<?php } ?>
<div class="row mt-5">
<?php foreach ($contentHowWork as $content) { ?>
<div class="col-12 col-md-6">
<div class="font-18 font-light-black-shad">
<?php echo $content['content_multi']; ?>
</div>
</div>
<?php } ?>
</div>
<div class="flow-box mw-100 mx-auto">
<img class="w-100" src="<?php echo get_field('image_how_work')['url']; ?>"
alt="flow" />
</div>
</div>
</section>
<?php } ?>
<?php $recognisedDetail = get_field('recognised_detail');
if ($recognisedDetail) { ?>
<section class="globally-recognized py-120">
<div class="container" data-aos="fade-up" data-aos-duration="300">
<?php if (get_field('heading_global_rec')) { ?>
<h2 class="font-42 font-black m-0"><?php echo get_field('heading_global_rec'); ?></h2>
<?php } ?>
<div class="row mt-3 mt-md-4 mt-lg-5 pt-2 pt-md-4" data-aos="fade-up" data-aos-duration="300">
<?php foreach ($recognisedDetail as $item) { ?>
<div class="col-12 col-md-6 col-lg-3">
<div class="global-card mh-100 h-100">
<img src="<?php echo $item['icon_rec']['url']; ?>"
alt="cred" />
<p class="font-20 text-medium font-light-black mt-3"><?php echo $item['title_rec']; ?></p>
<p class="font-16 lh-base font-light-black-shad mt-2"><?php echo $item['description_rec']; ?></p>
</div>
</div>
<?php } ?>
</div>
</div>
</section>
<?php } ?>
<?php if (get_field('background_image_decentralized')) { ?>
<section class="decentralized py-120">
<img class="cover-img h-100 w-100"
src="<?php echo get_field('background_image_decentralized')['url']; ?>"
alt="decentralized" />
<div class="container" data-aos="fade-up" data-aos-duration="300">
<div class="contain-box mw-100 py-3 py-sm-4">
<h2 class="font-42 font-white m-0"><?php echo get_field('title_decentralized'); ?></h2>
<div class="desc-txt font-18 font-white mt-3 mt-md-4"><?php echo get_field('description_decentralized'); ?></div>
<div class="mt-3 mt-md-4">
<a target="_blank" href="<?php echo get_field('button_decentralized'); ?>"
class="px-4 font-16 white-border-btn d-inline-flex align-items-center justify-content-center">
What is a Decentralized Identity?
<svg class="ms-2" width="12" height="11" viewBox="0 0 12 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.4688 0.5V8.625C11.4688 8.74932 11.4194 8.86855 11.3315 8.95646C11.2436 9.04436 11.1243 9.09375 11 9.09375C10.8757 9.09375 10.7565 9.04436 10.6686 8.95646C10.5807 8.86855 10.5313 8.74932 10.5313 8.625V1.63125L1.33128 10.8312C1.24242 10.914 1.12489 10.9591 1.00345 10.957C0.882012 10.9548 0.766146 10.9056 0.680262 10.8198C0.594379 10.7339 0.545184 10.618 0.543042 10.4966C0.540899 10.3751 0.585976 10.2576 0.668776 10.1687L9.86878 0.96875H2.87503C2.75071 0.96875 2.63148 0.919364 2.54357 0.831456C2.45566 0.743548 2.40628 0.62432 2.40628 0.5C2.40628 0.37568 2.45566 0.256451 2.54357 0.168544C2.63148 0.080636 2.75071 0.03125 2.87503 0.03125H11C11.1243 0.03125 11.2436 0.080636 11.3315 0.168544C11.4194 0.256451 11.4688 0.37568 11.4688 0.5Z"
fill="black" />
</svg>
</a>
</div>
</div>
</div>
</section>
<?php } ?>
<?php
$sliderDetail = get_field('slider_detail');
if ($sliderDetail) {
?>
<section class="trust-posibilities py-120">
<div class="container" data-aos="fade-up" data-aos-duration="300">
<?php if (get_field('sub_title_slider')) { ?>
<div class="font-16 font-blue text-semi text-uppercase"><?php echo get_field('sub_title_slider'); ?></div>
<?php } if (get_field('heading_slider')) { ?>
<h2 class="font-42 font-black m-0 mt-1 mt-md-2"><?php echo get_field('heading_slider'); ?></h2>
<?php } ?>
<div class="pt-3">
<div class="owl-carousel owl-theme unveiling-possibilities mt-0 mt-md-1 mt-xl-4">
<?php foreach ($sliderDetail as $items) { ?>
<div class="item">
<div class="posibilities-card position-relative overflow-hidden d-block h-auto">
<img src="<?php echo $items['slider_image']['url']; ?>"
alt="cred" />
<div class="card-detail h-auto">
<div class="font-20 text-black text-semi detail-text">
<?php echo $items['title_slider_new']; ?>
</div>
<div class="font-18 text-black mt-2">
<?php echo $items['description_new']; ?>
</div>
<div class="mt-4">
<a class="font-20 text-black text-medium" href="<?php echo $items['learn_more_url']; ?>">
Learn more
<svg class="ms-2" width="12" height="11" viewBox="0 0 12 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.4688 0.5V8.625C11.4688 8.74932 11.4194 8.86855 11.3315 8.95646C11.2436 9.04436 11.1243 9.09375 11 9.09375C10.8757 9.09375 10.7565 9.04436 10.6686 8.95646C10.5807 8.86855 10.5313 8.74932 10.5313 8.625V1.63125L1.33128 10.8312C1.24242 10.914 1.12489 10.9591 1.00345 10.957C0.882012 10.9548 0.766146 10.9056 0.680262 10.8198C0.594379 10.7339 0.545184 10.618 0.543042 10.4966C0.540899 10.3751 0.585976 10.2576 0.668776 10.1687L9.86878 0.96875H2.87503C2.75071 0.96875 2.63148 0.919364 2.54357 0.831456C2.45566 0.743548 2.40628 0.62432 2.40628 0.5C2.40628 0.37568 2.45566 0.256451 2.54357 0.168544C2.63148 0.080636 2.75071 0.03125 2.87503 0.03125H11C11.1243 0.03125 11.2436 0.080636 11.3315 0.168544C11.4194 0.256451 11.4688 0.37568 11.4688 0.5Z"
fill="black" />
</svg>
</a>
</div>
</div>
</div>
</div>
<?php } wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<?php } ?>
<?php
$blog_choose_heading = get_field('blog_choose_heading');
$blog_heading = get_field('blog_heading');
$select_blog = get_field('select_blogs');
if ($select_blog) {
?>
<section class="engineering-service bg-black">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<<?php echo $blog_choose_heading; ?> class="font-42 text-medium"><?php echo $blog_heading; ?></<?php echo $blog_choose_heading; ?>>
<div class="owl-carousel owl-theme case-study">
<?php foreach ($select_blog as $post) {
$feture_img = get_the_post_thumbnail_url($post->ID);
?>
<div class="item">
<a href="<?php the_permalink($post->ID); ?>" class="engineering-card position-relative overflow-hidden d-block">
<div class="engineering-card-img">
<img src="<?php echo $feture_img; ?>" alt="case-study" />
</div>
<div class="engineering-detail">
<div class="font-20 text-black text-medium detail-text">
<?php echo get_the_title(); ?>
</div>
</div>
</a>
</div>
<?php }
wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<?php } ?>
<section class="contact-section bg-white py-120">
<div data-aos="fade-up" data-aos-duration="300">
<div class="container">
<div class="d-flex justify-content-between align-items-start align-items-lg-center flex-column flex-lg-row">
<div class="content">
<?php if (get_field('title_contact', 28)) { ?>
<div class="text-black font-42 text-medium"><?php echo get_field('title_contact', 28); ?></div>
<?php } if (get_field('description', 28)) { ?>
<div class="font-16 text-black text-medium mt-3">
<?php echo get_field('description', 28); ?>
</div>
</div>
<?php } if (get_field('button_url', 28)) { ?>
<a href="<?php echo get_field('button_url', 28); ?>"
class="mt-4 px-4 font-16 text-bold talk-btn black-btn d-flex align-items-center justify-content-center mx-0">Contact Sales</a>
<?php } ?>
</div>
</div>
</div>
</section>
</div>
<?php get_footer(); ?>