Skip to content

M
makura-2025
Commit 203f6cab by rajshah
Options

challenges block done

parent 3bb101b1
Showing with 231 additions and 1 deletions
blocks/portfolio-text-image-section.php
...@@ -23,8 +23,238 @@ ...@@ -23,8 +23,238 @@
</div> </div>
</div> </div>
</section> </section>
<!-- content -->
<?php $content = get_field('content') ?: [];
if (isset($content) && is_array($content) && !empty($content)):
foreach ($content as $ci => $content):
$title = $content['title'] ?: '';
$description = $content['description'] ?: '';
$bgClass = $content['background_colour'] ?: '';
$image = $content['image'] ?: '';
$image_position = $content['image_position'] ?: '';
$class_name = !empty($bgClass) ? explode(':', $bgClass) : 'none';
$class_name = $class_name[0];
$challenges = $content['challenges'] ?: [];
if (!empty($title)):
?>
<section class="portfolio-block" id="<?php echo strtolower(str_replace(' ', '-', $title)); ?>">
<div class="ONLY-TEXT-SECTION py-80 <?php echo $class_name; ?>">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 col-xl-4 <?php echo ($image_position == 'right') ? 'order-lg-2' : ''; ?>">
<?php if ($image):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<div class="col-lg-7 <?php echo ($image_position == 'right') ? '' : 'order-lg-1'; ?>">
<?php if (!empty($title)): ?>
<h3><?php echo $title; ?></h3><?php endif; ?>
<?php echo $description ?: ''; ?>
</div>
</div>
</div>
</div>
<!-- challenges -->
<?php
endif;
if (isset($challenges) && is_array($challenges) && !empty($challenges)):
$enable_challenges = $challenges['enable_challenges'];
if ($enable_challenges && isset($enable_challenges)):
$challenges_title = $challenges['challenges_title'] ?: '';
$challenges_stitle = $challenges['challenges_stitle'] ?: '';
$challenges_desc = $challenges['challenges_desc'] ?: '';
$challenges_img = $challenges['challenges_img'] ?: '';
?>
<div class="ONLY-TEXT-SECTION top-primary mb-60">
<div class="container">
<div class="bg-white content-box">
<?php if (!empty($challenges_title) || !empty($challenges_stitle)): ?>
<div class="section-title">
<?php if (!empty($challenges_title)): ?>
<h3><?php echo $challenges_title; ?></h3><?php endif; ?>
<?php echo $challenges_stitle ?: ''; ?>
</div><?php endif; ?>
<div class="row justify-content-between">
<?php if (!empty($challenges_img)): ?>
<div class="col-lg-6 order-lg-2">
<img decoding="async" src="<?php echo esc_url($challenges_img);?>"
class="attachment-full size-full" alt="<?php echo esc_attr(get_post_meta(attachment_url_to_postid($challenges_img), '_wp_attachment_image_alt', true)) ?: get_the_title(attachment_url_to_postid($challenges_img)); ?>">
</div>
<?php endif;
if (!empty($challenges_desc)): ?>
<div class="col-lg-6 order-lg-1">
<?php echo $challenges_desc ?: ''; ?>
</div><?php endif; ?>
</div>
</div>
</div>
</div>
<?php endif; endif; ?>
<!-- challenges -->
<!-- solutions -->
<div class="ONLY-TEXT-SECTION mb-80">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 ">
<img decoding="async" src="http://192.168.1.89/makura-theme/wp-content/uploads/2024/04/can-1.png"
class="attachment-full size-full" alt="arbitrary image of CAN">
</div>
<div class="col-lg-7">
<h3>Solutions</h3>
<p><span style="font-weight: 400;">Working on the CAN website was a significant undertaking for us, given our
shared passion for cricket. To enhance social media engagement, we dedicated ourselves to crafting
visually appealing graphics and curating compelling content that resonated with users.&nbsp;</span></p>
<p><span style="font-weight: 400;">Additionally, we undertook the revamp of the website to incorporate
advanced features and modernize its UI/UX. On the website, we added newer features like ‘Player stats’ and
‘Tournament Management’ to showcase the players and their contributions.</span></p>
<p><span style="font-weight: 400;">In addition to these efforts, we took on the task of designing Viber
stickers and mascots as part of an initiative to promote both the site and the sport itself.&nbsp;</span>
</p>
<p><span style="font-weight: 400;">Finally, we have also introduced a mobile application with a ball-by-ball
score feature to keep sports enthusiasts informed while on the move.</span></p>
<p><span style="font-weight: 400;">By completion, we had successfully revitalized CAN’s entire brand image
while simultaneously shaping a new identity for it.</span></p>
<ul>
<li>Designed visually engaging and vibrant graphics to attract and retain audience attention.</li>
<li>Developed consistent branding materials, including Viber stickers and mascots, to strengthen identity.
</li>
<li>Optimized graphics and layouts for mobile apps and the website, ensuring seamless user experiences
across devices.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- solutions -->
<!-- gallery -->
<div class="block-gallery makura-new mb-120">
<div class="container">
<div class="section-title slide-up animate">
<div class="title">
<h3>UI/UX Design Galleries</h3>
<p>Explore a collection of stunning and inspiring graphic design showcases.</p>
</div>
<div class="slider-controller d-none d-md-flex justify-content-end">
<button type="button" class="prev">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M13.6693 7.83341L3.5276 7.83341L8.18594 12.4917L7.0026 13.6667L0.335937 7.00008L7.0026 0.333413L8.1776 1.50841L3.5276 6.16675L13.6693 6.16675L13.6693 7.83341Z"
fill="#58595A"></path>
</svg>
</button>
<button type="button" class="next">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.33073 7.83341L10.4724 7.83341L5.81406 12.4917L6.9974 13.6667L13.6641 7.00008L6.9974 0.333413L5.8224 1.50841L10.4724 6.16675L0.33073 6.16675L0.33073 7.83341Z"
fill="#58595A"></path>
</svg>
</button>
</div>
</div>
<div class="gallery-slider-wrapper slide-up animate">
<div class="gallery-slider owl-carousel owl-loaded owl-drag" id="ui-ux-gallery">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: 0.45s; width: 2096px;">
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-12.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-12.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-13.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-13.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-14.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-14.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-15.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-15.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item active" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-11.png"
alt="" class="img-fluid">
</a>
</div>
</div>
<div class="owl-item" style="width: 253.934px; margin-right: 8px;">
<div class="gallery-item">
<a data-src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png">
<img decoding="async"
src="http://192.168.1.89/makura-theme/wp-content/themes/makura/assets/img/placeholder-10.png"
alt="" class="img-fluid">
</a>
</div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><span
aria-label="Previous">‹</span></button><button type="button" role="presentation"
class="owl-next disabled"><span aria-label="Next">›</span></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</div>
<!-- gallery -->
</section>
<?php endforeach; endif; ?>
<!-- content -->
<?php <?php
if (have_rows('content')): if (have_rows('scontent')):
?> ?>
<!-- <section <!-- <section
......
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