Skip to content

M
makura-2025
Commit a1ca2eee by Arjun Jhukal
Options

updated the bugfix at case study listing and added arrow to the cta at banner

parent 39e1c0da
Showing with 299 additions and 186 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
blocks/welcome-banner-spider.php
<?php if (get_field('enable_spider_welcome_banner_section')) : ?>
<section class="py-80 HOME TOP-BANNER-SECTION home2">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
<div class="position-relative left-text-wrapper">
<h1><?php echo get_field('wb_title') ?></h1>
<p><?php echo get_field('wb_subtitle') ?></p>
</div>
<div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>" class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a>
</div>
<section class="py-80 HOME TOP-BANNER-SECTION home2">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
<div class="position-relative left-text-wrapper">
<h1><?php echo get_field('wb_title') ?></h1>
<p><?php echo get_field('wb_subtitle') ?></p>
</div>
<div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>" class="btn btn-start-project btn-primary">
<?php echo get_field('wb_button_text') ?><svg width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg>
</a>
</div>
<div class="col-lg-6 col-md-6 col-12 mx-auto">
<div class="jumbotron showcase parallax-window" data-parallax="scroll"
</div>
<div class="col-lg-6 col-md-6 col-12 mx-auto">
<div class="jumbotron showcase parallax-window" data-parallax="scroll"
data-image-src="images/showcase-bg.jpg" data-position="-80% -90%" style="margin-top:70px;">
<div class="col-md-5" style="margin-top:-50px;">
<canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
<?php endif; ?>
\ No newline at end of file
blocks/welcome-banner.php
......@@ -9,7 +9,12 @@
</div>
<div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>"
class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a>
class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?><svg
width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg></a>
</div>
<?php
$review_widget = get_field('review_widget') ?: [];
......
dev/sass/pages/_about.scss
//TOP-BANNER-SECTION
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.TOP-BANNER-SECTION,
.PORTFOLIO-TOP-TITLE-SECTION {
.btn-start-project {
background-color: #121526;
svg {
margin-left: 8px;
transition: all 0.3s ease-in-out;
}
&:hover {
color: $primary !important;
border-color: $white;
&::before {
background-color: $white;
}
svg {
path {
fill: $primary;
}
}
}
}
}
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.left-text-wrapper {
&::before {
display: none;
}
p {
margin: 1.5rem 0 0 0;
}
}
.nav-pills {
padding: 1.5rem 0;
@media (max-width: 767.98px) {
padding: 1.5rem;
}
border-top: 1px solid #58595a;
border-bottom: 1px solid #58595a;
margin-bottom: 0 !important;
li {
margin-right: 2.75rem;
&:last-child {
margin-right: 0;
}
}
button {
padding: 0;
background-color: unset !important;
......@@ -46,17 +72,20 @@
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
&.active {
color: #000000 !important;
}
}
}
}
//TOP-BANNER-SECTION
//ABOUTPAGE
.ABOUTPAGE-COUTER {
.card-wrapper {
.experience,
.client,
.experts {
......@@ -68,21 +97,25 @@
flex-direction: column;
align-items: center;
justify-content: center;
span {
font-weight: 600;
font-size: 44px;
}
p {
font-weight: 500;
}
}
}
}
//ABOUTPAGE
//ABOUT-TOP-AFTER-COUNTER-SECTION
.ABOUT-TOP-AFTER-COUNTER-SECTION {
@media (max-width: 767.98px) {
h1,
h2,
h3,
......@@ -91,9 +124,11 @@
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
.right-image-wrapper {
.image-wrapper {
img {
......@@ -105,17 +140,20 @@
}
}
}
.left-text-wrapper {
span {
font-weight: 600;
font-size: 14px;
color: #005aff;
}
.text-wrapper {
h2 {
font-size: 2.75rem;
margin-top: 1.25rem;
}
p {
color: #58595a;
font-family: $body-font;
......@@ -125,6 +163,7 @@
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
......@@ -135,10 +174,12 @@
}
}
}
//ABOUT-TOP-AFTER-COUNTER-SECTION
//MISSION-VISION-SECTION
.MISSION-VISION-SECTION {
h1,
h2,
h3,
......@@ -148,43 +189,53 @@
font-weight: 600;
font-size: 2.5rem;
margin-bottom: 5.75rem;
@media (max-width: 767.98px) {
font-size: 2rem !important;
margin-bottom: 2rem;
}
}
.row {
padding-bottom: 7rem;
&:nth-child(odd) {
flex-direction: row-reverse;
.left-text-wrapper {
.text-wrapper {
padding-right: 0;
}
}
}
&:nth-last-of-type() {
padding-bottom: 0;
}
.left-text-wrapper {
.text-wrapper {
padding-right: 1.25rem;
h2 {
font-size: 2.75rem;
margin-bottom: 1.5rem;
}
p {
margin-bottom: 1.75rem;
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
@media (max-width: 767.98px) {
font-size: 1.125rem !important;
}
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
......@@ -197,6 +248,7 @@
}
}
}
//MISSION-VISION-SECTION
//technologies-use-innovating
......@@ -208,4 +260,4 @@
font-weight: 600;
letter-spacing: -0.6px;
}
}
}
\ No newline at end of file
dev/sass/pages/case-study/_case-study-list.scss
......@@ -38,7 +38,7 @@
}
p {
font-size: 14px;
font-size: 14px !important;
letter-spacing: -0.29px;
color: #8F8F8F;
}
......@@ -48,6 +48,8 @@
h4 {
margin-bottom: 4px;
font-size: 18px !important;
line-height: 100%;
&.dec {
svg {
......
single-resource.php
......@@ -38,136 +38,148 @@ if (isset($downloadable_resource) && is_array($downloadable_resource) && !empty(
endif;
?>
<div class="container-fluid py-40 background-dark blog-breadcrumb-background-dark breadcrumb-background-dark py-40">
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/'); ?>">Home</a></li>
<li class="breadcrumb-item"><a
href="<?php echo get_permalink(get_page_by_path('downloadable-resources')); ?>">Downloadable
Resources</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title(); ?></li>
</ol>
</nav>
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/'); ?>">Home</a></li>
<li class="breadcrumb-item"><a
href="<?php echo get_permalink(get_page_by_path('downloadable-resources')); ?>">Downloadable
Resources</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title(); ?></li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION inner-banner-absolute-image">
<div class="container">
<div class="inner-banner-wrapper">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6 col-12">
<div class="position-relative left-text-wrapper">
<h1><?php echo get_the_title(); ?></h1>
<p><?php echo get_the_excerpt() ?: wp_trim_words(get_the_content(), 8, ' [...]'); ?>
</p>
<a href="<?php echo esc_url($url); ?>" target="_blank"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit"
download>Download
Now [<?php echo $icon; ?>]</a>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<div class="image-wrapper">
<div class="image">
<img src="<?php echo esc_url($post_thumbnail_url); ?>" alt="<?php echo esc_attr(the_title()); ?>">
<div class="container">
<div class="inner-banner-wrapper">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6 col-12">
<div class="position-relative left-text-wrapper">
<h1><?php echo get_the_title(); ?></h1>
<p><?php echo get_the_excerpt() ?: wp_trim_words(get_the_content(), 8, ' [...]'); ?>
</p>
<a href="<?php echo esc_url($url); ?>" target="_blank"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit"
download>Download
Now [<?php echo $icon; ?>]<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg></a>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<div class="image-wrapper">
<div class="image">
<img src="<?php echo esc_url($post_thumbnail_url); ?>"
alt="<?php echo esc_attr(the_title()); ?>">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="resource-detail py-80 makura-new">
<div class="container">
<div class="row">
<div class="col-lg-10 col-xl-8">
<div class="rd-content">
<?php echo the_content(); ?>
<!-- faqs -->
<?php if (get_field('enable_section')): ?>
<span class="over-title"><?php the_field('subtitle'); ?></span>
<h3><?php the_field('title'); ?></h3>
<?php the_field('description'); ?>
<?php $faqs = get_field('faqs');
<div class="container">
<div class="row">
<div class="col-lg-10 col-xl-8">
<div class="rd-content">
<?php echo the_content(); ?>
<!-- faqs -->
<?php if (get_field('enable_section')): ?>
<span class="over-title"><?php the_field('subtitle'); ?></span>
<h3><?php the_field('title'); ?></h3>
<?php the_field('description'); ?>
<?php $faqs = get_field('faqs');
if ($faqs): ?>
<div class="faq-wrapper">
<?php foreach ($faqs as $key => $faq): ?>
<div class="faq-item">
<div class="faq-title">
<strong><?php echo get_the_title($faq); ?></strong>
</div>
<div class="faq-content-box">
<div class="faq-content">
<?php echo get_the_content(null, false, $faq); ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="faq-wrapper">
<?php foreach ($faqs as $key => $faq): ?>
<div class="faq-item">
<div class="faq-title">
<strong><?php echo get_the_title($faq); ?></strong>
</div>
<div class="faq-content-box">
<div class="faq-content">
<?php echo get_the_content(null, false, $faq); ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
<?php endif; ?>
<!-- faqs -->
</div>
<div class="rd-footer-action-group">
<div class="row">
<div class="col-md-6 col-lg-4 order-md-2">
<a href="<?php echo esc_url($url); ?>" target="_blank"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit"
download>Download
Now [<?php echo $icon; ?>]</a>
</div>
<div class="col-md-6 col-lg-8 order-md-1">
<div class="rd-socials d-lg-flex align-items-lg-center ">
<strong>Share this Template: </strong>
<ul class="d-flex align-items-center justify-content-start">
<!-- Facebook Share -->
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#878787" />
<path
d="M19.7188 17H17.375V24H14.25V17H11.6875V14.125H14.25V11.9062C14.25 9.40625 15.75 8 18.0312 8C19.125 8 20.2812 8.21875 20.2812 8.21875V10.6875H19C17.75 10.6875 17.375 11.4375 17.375 12.25V14.125H20.1562L19.7188 17Z"
fill="#878787" />
</svg>
</a>
</li>
<?php endif; ?>
<!-- faqs -->
</div>
<div class="rd-footer-action-group">
<div class="row">
<div class="col-md-6 col-lg-4 order-md-2">
<a href="<?php echo esc_url($url); ?>" target="_blank"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit"
download>Download
Now [<?php echo $icon; ?>]</a>
</div>
<div class="col-md-6 col-lg-8 order-md-1">
<div class="rd-socials d-lg-flex align-items-lg-center ">
<strong>Share this Template: </strong>
<ul class="d-flex align-items-center justify-content-start">
<!-- Facebook Share -->
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5"
stroke="#878787" />
<path
d="M19.7188 17H17.375V24H14.25V17H11.6875V14.125H14.25V11.9062C14.25 9.40625 15.75 8 18.0312 8C19.125 8 20.2812 8.21875 20.2812 8.21875V10.6875H19C17.75 10.6875 17.375 11.4375 17.375 12.25V14.125H20.1562L19.7188 17Z"
fill="#878787" />
</svg>
</a>
</li>
<!-- Twitter Share -->
<li>
<a href="https://twitter.com/intent/tweet?url=<?php echo urlencode(get_permalink()); ?>&text=Check%20this%20out!"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#878787" />
<path
d="M22.3438 12.75C22.3438 12.9062 22.3438 13.0312 22.3438 13.1875C22.3438 17.5312 19.0625 22.5 13.0312 22.5C11.1562 22.5 9.4375 21.9688 8 21.0312C8.25 21.0625 8.5 21.0938 8.78125 21.0938C10.3125 21.0938 11.7188 20.5625 12.8438 19.6875C11.4062 19.6562 10.1875 18.7188 9.78125 17.4062C10 17.4375 10.1875 17.4688 10.4062 17.4688C10.6875 17.4688 11 17.4062 11.25 17.3438C9.75 17.0312 8.625 15.7188 8.625 14.125V14.0938C9.0625 14.3438 9.59375 14.4688 10.125 14.5C9.21875 13.9062 8.65625 12.9062 8.65625 11.7812C8.65625 11.1562 8.8125 10.5938 9.09375 10.125C10.7188 12.0938 13.1562 13.4062 15.875 13.5625C15.8125 13.3125 15.7812 13.0625 15.7812 12.8125C15.7812 11 17.25 9.53125 19.0625 9.53125C20 9.53125 20.8438 9.90625 21.4688 10.5625C22.1875 10.4062 22.9062 10.125 23.5312 9.75C23.2812 10.5312 22.7812 11.1562 22.0938 11.5625C22.75 11.5 23.4062 11.3125 23.9688 11.0625C23.5312 11.7188 22.9688 12.2812 22.3438 12.75Z"
fill="#878787" />
</svg>
</a>
</li>
<!-- Twitter Share -->
<li>
<a href="https://twitter.com/intent/tweet?url=<?php echo urlencode(get_permalink()); ?>&text=Check%20this%20out!"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5"
stroke="#878787" />
<path
d="M22.3438 12.75C22.3438 12.9062 22.3438 13.0312 22.3438 13.1875C22.3438 17.5312 19.0625 22.5 13.0312 22.5C11.1562 22.5 9.4375 21.9688 8 21.0312C8.25 21.0625 8.5 21.0938 8.78125 21.0938C10.3125 21.0938 11.7188 20.5625 12.8438 19.6875C11.4062 19.6562 10.1875 18.7188 9.78125 17.4062C10 17.4375 10.1875 17.4688 10.4062 17.4688C10.6875 17.4688 11 17.4062 11.25 17.3438C9.75 17.0312 8.625 15.7188 8.625 14.125V14.0938C9.0625 14.3438 9.59375 14.4688 10.125 14.5C9.21875 13.9062 8.65625 12.9062 8.65625 11.7812C8.65625 11.1562 8.8125 10.5938 9.09375 10.125C10.7188 12.0938 13.1562 13.4062 15.875 13.5625C15.8125 13.3125 15.7812 13.0625 15.7812 12.8125C15.7812 11 17.25 9.53125 19.0625 9.53125C20 9.53125 20.8438 9.90625 21.4688 10.5625C22.1875 10.4062 22.9062 10.125 23.5312 9.75C23.2812 10.5312 22.7812 11.1562 22.0938 11.5625C22.75 11.5 23.4062 11.3125 23.9688 11.0625C23.5312 11.7188 22.9688 12.2812 22.3438 12.75Z"
fill="#878787" />
</svg>
</a>
</li>
<!-- LinkedIn Share -->
<li>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo urlencode(get_permalink()); ?>&title=Check%20this%20template"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#878787" />
<path
d="M12.125 22H9.21875V12.6562H12.125V22ZM10.6562 11.4062C9.75 11.4062 9 10.625 9 9.6875C9 8.78125 9.75 8.03125 10.6562 8.03125C11.5938 8.03125 12.3438 8.78125 12.3438 9.6875C12.3438 10.625 11.5938 11.4062 10.6562 11.4062ZM22.9688 22H20.0938V17.4688C20.0938 16.375 20.0625 15 18.5625 15C17.0625 15 16.8438 16.1562 16.8438 17.375V22H13.9375V12.6562H16.7188V13.9375H16.75C17.1562 13.2188 18.0938 12.4375 19.5 12.4375C22.4375 12.4375 23 14.375 23 16.875V22H22.9688Z"
fill="#878787" />
</svg>
</a>
</li>
</ul>
<!-- LinkedIn Share -->
<li>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo urlencode(get_permalink()); ?>&title=Check%20this%20template"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5"
stroke="#878787" />
<path
d="M12.125 22H9.21875V12.6562H12.125V22ZM10.6562 11.4062C9.75 11.4062 9 10.625 9 9.6875C9 8.78125 9.75 8.03125 10.6562 8.03125C11.5938 8.03125 12.3438 8.78125 12.3438 9.6875C12.3438 10.625 11.5938 11.4062 10.6562 11.4062ZM22.9688 22H20.0938V17.4688C20.0938 16.375 20.0625 15 18.5625 15C17.0625 15 16.8438 16.1562 16.8438 17.375V22H13.9375V12.6562H16.7188V13.9375H16.75C17.1562 13.2188 18.0938 12.4375 19.5 12.4375C22.4375 12.4375 23 14.375 23 16.875V22H22.9688Z"
fill="#878787" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>
\ No newline at end of file
single-service.php
......@@ -11,7 +11,8 @@ get_header();
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/');?>">Home</a></li>
<li class="breadcrumb-item"><a href="<?php echo get_permalink(get_page_by_path('services'));?>">Services</a></li>
<li class="breadcrumb-item"><a
href="<?php echo get_permalink(get_page_by_path('services'));?>">Services</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
</ol>
</nav>
......@@ -24,16 +25,23 @@ get_header();
<div class="row align-items-center justify-content-between">
<div class="col-lg-5 col-md-5 col-12">
<h1 class="pb-20"><?php the_title();?></h1>
<p><?php the_field('banner_description');?></p>
<?php if(get_field('enable_inquiry')):?>
<p><?php the_field('banner_description');?></p>
<?php if(get_field('enable_inquiry')):?>
<div class="d-flex w-100 button-wrapper">
<button class="btn mb-20 btn-start-project btn-primary"><a href="<?php echo get_home_url().'/contact-us/';?>"><?php the_field('inquiry_text');?></a></button>
<a class="btn mb-20 btn-start-project btn-primary"
href="<?php echo get_home_url().'/contact-us/';?>"><?php the_field('inquiry_text');?><svg
width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg>
</a>
</div>
<?php endif;?>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<?php if($image = get_field('banner_image')):?>
<?php echo wp_get_attachment_image($image,'full'); endif;?>
<?php echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
......
single-vacancy.php
......@@ -27,7 +27,13 @@ $interval = date_diff($now, $deadline);
<div class="col-lg-7" style="display: flex;flex-direction: column;justify-content: space-between;">
<div class="pb-60 title-wrapper">
<h1><?php the_title(); ?></h1>
<a href="#vacancyForm" class="btn mb-20 btn-start-project btn-primary"><?php the_field('apply_now_text'); ?></a>
<a href="#vacancyForm"
class="btn mb-20 btn-start-project btn-primary"><?php the_field('apply_now_text'); ?><svg
width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg></a>
<?php the_field('text_after_apply_now'); ?>
</div>
<div class="validation d-flex align-items-center">
......@@ -49,13 +55,18 @@ $interval = date_diff($now, $deadline);
<h6><?php the_title(); ?></h6>
<span>Deadline : <?php the_field('deadline'); ?></span>
<p>(<?php echo $interval->format('%R%a days'); ?> Left)</p>
<a href="#vacancyForm" class="btn w-100 font-16 mb-20 fw-600 btn-start-project btn-secondary"><?php the_field('apply_now_text'); ?></a>
<a href="#vacancyForm"
class="btn w-100 font-16 mb-20 fw-600 btn-start-project btn-secondary"><?php the_field('apply_now_text'); ?></a>
<?php if ($linkedin_url = get_field('linkedin_url')) : ?>
<a class="btn w-100 font-16 mb-20 fw-600 btn-start-project view-linkedin" target="_blank" href="<?php echo $linkedin_url; ?>">View on LinkedIn <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15L15 5" stroke="#F9F8F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.875 5H15V13.125" stroke="#F9F8F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a class="btn w-100 font-16 mb-20 fw-600 btn-start-project view-linkedin" target="_blank"
href="<?php echo $linkedin_url; ?>">View on LinkedIn <svg width="20" height="20"
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15L15 5" stroke="#F9F8F4" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M6.875 5H15V13.125" stroke="#F9F8F4" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
<?php endif; ?>
</div>
</div>
......@@ -79,19 +90,32 @@ $interval = date_diff($now, $deadline);
<div class="share-article">
<p class="font-18">Share this Vacancy</p>
<div class="d-flex social-icon justify-content-center">
<a href="https://www.addtoany.com/add_to/facebook?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote=" rel="nofollow noopener" target="_blank" class="a2a_button_facebook share-option-icon icon d-flex align-items-center justify-content-center facebook">
<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6484 11.75L11.1953 8.15625H7.71875V5.8125C7.71875 4.79688 8.1875 3.85938 9.75 3.85938H11.3516V0.773438C11.3516 0.773438 9.90625 0.5 8.53906 0.5C5.6875 0.5 3.8125 2.25781 3.8125 5.38281V8.15625H0.609375V11.75H3.8125V20.5H7.71875V11.75H10.6484Z" fill="#878787"></path>
<a href="https://www.addtoany.com/add_to/facebook?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote="
rel="nofollow noopener" target="_blank"
class="a2a_button_facebook share-option-icon icon d-flex align-items-center justify-content-center facebook">
<svg width="12" height="21" viewBox="0 0 12 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10.6484 11.75L11.1953 8.15625H7.71875V5.8125C7.71875 4.79688 8.1875 3.85938 9.75 3.85938H11.3516V0.773438C11.3516 0.773438 9.90625 0.5 8.53906 0.5C5.6875 0.5 3.8125 2.25781 3.8125 5.38281V8.15625H0.609375V11.75H3.8125V20.5H7.71875V11.75H10.6484Z"
fill="#878787"></path>
</svg>
</a>
<a href="https://www.addtoany.com/add_to/twitter?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote=" class="share-option-icon a2a_button_twitter icon d-flex align-items-center justify-content-center twitter">
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9297 4.4375C18.7109 3.85156 19.4141 3.14844 19.9609 2.32812C19.2578 2.64062 18.4375 2.875 17.6172 2.95312C18.4766 2.44531 19.1016 1.66406 19.4141 0.6875C18.6328 1.15625 17.7344 1.50781 16.8359 1.70312C16.0547 0.882812 15 0.414062 13.8281 0.414062C11.5625 0.414062 9.72656 2.25 9.72656 4.51562C9.72656 4.82812 9.76562 5.14062 9.84375 5.45312C6.44531 5.25781 3.39844 3.61719 1.36719 1.15625C1.01562 1.74219 0.820312 2.44531 0.820312 3.22656C0.820312 4.63281 1.52344 5.88281 2.65625 6.625C1.99219 6.58594 1.32812 6.42969 0.78125 6.11719V6.15625C0.78125 8.14844 2.1875 9.78906 4.0625 10.1797C3.75 10.2578 3.35938 10.3359 3.00781 10.3359C2.73438 10.3359 2.5 10.2969 2.22656 10.2578C2.73438 11.8984 4.25781 13.0703 6.05469 13.1094C4.64844 14.2031 2.89062 14.8672 0.976562 14.8672C0.625 14.8672 0.3125 14.8281 0 14.7891C1.79688 15.9609 3.94531 16.625 6.28906 16.625C13.8281 16.625 17.9297 10.4141 17.9297 4.98438C17.9297 4.78906 17.9297 4.63281 17.9297 4.4375Z" fill="#878787"></path>
<a href="https://www.addtoany.com/add_to/twitter?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote="
class="share-option-icon a2a_button_twitter icon d-flex align-items-center justify-content-center twitter">
<svg width="20" height="17" viewBox="0 0 20 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.9297 4.4375C18.7109 3.85156 19.4141 3.14844 19.9609 2.32812C19.2578 2.64062 18.4375 2.875 17.6172 2.95312C18.4766 2.44531 19.1016 1.66406 19.4141 0.6875C18.6328 1.15625 17.7344 1.50781 16.8359 1.70312C16.0547 0.882812 15 0.414062 13.8281 0.414062C11.5625 0.414062 9.72656 2.25 9.72656 4.51562C9.72656 4.82812 9.76562 5.14062 9.84375 5.45312C6.44531 5.25781 3.39844 3.61719 1.36719 1.15625C1.01562 1.74219 0.820312 2.44531 0.820312 3.22656C0.820312 4.63281 1.52344 5.88281 2.65625 6.625C1.99219 6.58594 1.32812 6.42969 0.78125 6.11719V6.15625C0.78125 8.14844 2.1875 9.78906 4.0625 10.1797C3.75 10.2578 3.35938 10.3359 3.00781 10.3359C2.73438 10.3359 2.5 10.2969 2.22656 10.2578C2.73438 11.8984 4.25781 13.0703 6.05469 13.1094C4.64844 14.2031 2.89062 14.8672 0.976562 14.8672C0.625 14.8672 0.3125 14.8281 0 14.7891C1.79688 15.9609 3.94531 16.625 6.28906 16.625C13.8281 16.625 17.9297 10.4141 17.9297 4.98438C17.9297 4.78906 17.9297 4.63281 17.9297 4.4375Z"
fill="#878787"></path>
</svg>
</a>
<a href="https://www.addtoany.com/add_to/linkedin?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote=" class="share-option-icon a2a_button_linkedin icon d-flex align-items-center justify-content-center linkedin">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.15625 18V6.32031H0.523438V18H4.15625ZM2.32031 4.75781C3.49219 4.75781 4.42969 3.78125 4.42969 2.60938C4.42969 1.47656 3.49219 0.539062 2.32031 0.539062C1.1875 0.539062 0.25 1.47656 0.25 2.60938C0.25 3.78125 1.1875 4.75781 2.32031 4.75781ZM17.7109 18H17.75V11.5938C17.75 8.46875 17.0469 6.04688 13.375 6.04688C11.6172 6.04688 10.4453 7.02344 9.9375 7.92188H9.89844V6.32031H6.42188V18H10.0547V12.2188C10.0547 10.6953 10.3281 9.25 12.2031 9.25C14.0781 9.25 14.1172 10.9688 14.1172 12.3359V18H17.7109Z" fill="#878787"></path>
<a href="https://www.addtoany.com/add_to/linkedin?linkurl=<?php echo urlencode(get_the_permalink()); ?>&linkname=<?php echo urlencode(get_the_title()); ?>&linknote="
class="share-option-icon a2a_button_linkedin icon d-flex align-items-center justify-content-center linkedin">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.15625 18V6.32031H0.523438V18H4.15625ZM2.32031 4.75781C3.49219 4.75781 4.42969 3.78125 4.42969 2.60938C4.42969 1.47656 3.49219 0.539062 2.32031 0.539062C1.1875 0.539062 0.25 1.47656 0.25 2.60938C0.25 3.78125 1.1875 4.75781 2.32031 4.75781ZM17.7109 18H17.75V11.5938C17.75 8.46875 17.0469 6.04688 13.375 6.04688C11.6172 6.04688 10.4453 7.02344 9.9375 7.92188H9.89844V6.32031H6.42188V18H10.0547V12.2188C10.0547 10.6953 10.3281 9.25 12.2031 9.25C14.0781 9.25 14.1172 10.9688 14.1172 12.3359V18H17.7109Z"
fill="#878787"></path>
</svg>
</a>
</div>
......@@ -131,41 +155,42 @@ $vac_query = new WP_Query([
]);
if ($vac_query->have_posts()) :
?>
<section class="bg-secondary py-80 container-fluid VACANCY-SECTION">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 mx-auto col-12 top-title">
<span><?php echo get_field('vacancy_subtitle', 'option'); ?></span>
<h2><?php echo get_field('vacancy_title', 'option'); ?></h2>
<?php echo get_field('vacancy_description', 'option'); ?>
</div>
<section class="bg-secondary py-80 container-fluid VACANCY-SECTION">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 mx-auto col-12 top-title">
<span><?php echo get_field('vacancy_subtitle', 'option'); ?></span>
<h2><?php echo get_field('vacancy_title', 'option'); ?></h2>
<?php echo get_field('vacancy_description', 'option'); ?>
</div>
<div class="row mb-80">
<?php while ($vac_query->have_posts()) : $vac_query->the_post(); ?>
<?php
</div>
<div class="row mb-80">
<?php while ($vac_query->have_posts()) : $vac_query->the_post(); ?>
<?php
$now = date_create('now');
$deadline = date_create(get_field('deadline'));
$interval = date_diff($now, $deadline);
?>
<div class="col-lg-9 col-md-9 mx-auto col-12 align-items-center job-lists-wrapper">
<div class="inner-wrapper py-40 d-flex align-items-center justify-content-between">
<div class="job-list">
<h2><?php the_title(); ?></h2>
<div class="font-16 fw-600 vacancy-duration d-flex">
<span>Deadline : <?php the_field('deadline'); ?></span>
<p>(<?php echo $interval->format('%R%a days'); ?> Left)</p>
</div>
</div>
<div class="button-wrapper">
<a href="<?php the_permalink(); ?>" class="btn m-auto d-flex align-items-center btn-start-project-white">Find out more
</a>
</div>
<div class="col-lg-9 col-md-9 mx-auto col-12 align-items-center job-lists-wrapper">
<div class="inner-wrapper py-40 d-flex align-items-center justify-content-between">
<div class="job-list">
<h2><?php the_title(); ?></h2>
<div class="font-16 fw-600 vacancy-duration d-flex">
<span>Deadline : <?php the_field('deadline'); ?></span>
<p>(<?php echo $interval->format('%R%a days'); ?> Left)</p>
</div>
</div>
<?php endwhile;
wp_reset_postdata(); ?>
<div class="button-wrapper">
<a href="<?php the_permalink(); ?>"
class="btn m-auto d-flex align-items-center btn-start-project-white">Find out more
</a>
</div>
</div>
</div>
<?php endwhile;
wp_reset_postdata(); ?>
</div>
</section>
</div>
</section>
<?php endif; ?>
<?php get_footer(); ?>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment