Skip to content

M
makura-2025
Commit 3bb101b1 by rajshah
Options

done with sticky tabs

parent a937cc93
Showing with 64 additions and 56 deletions
blocks/portfolio-text-image-section.php
......@@ -2,18 +2,16 @@
<div class="container">
<div class="st-content d-flex justify-content-between align-items-center">
<ul class="d-flex">
<li class="active">
<a href="#" data-target="graphics-design">Graphics Design</a>
</li>
<li>
<a href="#" data-target="ui-ux-design">UI/UX Design</a>
</li>
<li>
<a href="#" data-target="web-development">Web Development</a>
</li>
<li>
<a href="#" data-target="seo">SEO</a>
<?php $content = get_field('content') ?: [];
if (isset($content) && is_array($content) && !empty($content)):
foreach ($content as $ci => $content):
$title = $content['title'] ?: '';
if (!empty($title)):
?>
<li class="<?php echo ($ci === 0) ? 'active' : ''; ?>">
<a href="#" data-target="<?php echo strtolower(str_replace(' ', '-', $title)); ?>"><?php echo $title; ?></a>
</li>
<?php endif; endforeach; endif; ?>
</ul>
<a href="#project-conclusion" class="mc-btn-underlined font-18 font-600 d-none d-md-inline-block">Scroll to
Conclusion <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
......@@ -26,55 +24,61 @@
</div>
</section>
<?php
if(have_rows('content')):
if (have_rows('content')):
?>
<!-- <section
class="<?php echo (get_sub_field('background_colour')=='dark')?'background-dark':'bg-primary';?> container-fluid py-80 ONLY-TEXT-SECTION">
?>
<!-- <section
class="<?php echo (get_sub_field('background_colour') == 'dark') ? 'background-dark' : 'bg-primary'; ?> container-fluid py-80 ONLY-TEXT-SECTION">
<div class="container">
<div class="row">
<?php if($image_position=='left'):?>
<?php if ($image_position == 'left'): ?>
<div class="col-lg-6 col-12">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
<?php if ($image):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<?php endif;?>
<?php endif; ?>
<div class="col-lg-6 col-12">
<?php echo get_sub_field('description');?>
<?php echo get_sub_field('description'); ?>
</div>
<?php if($image_position!='left'):?>
<?php if ($image_position != 'left'): ?>
<div class="col-lg-6 col-12">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
<?php if ($image):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<?php endif;?>
<?php endif; ?>
</div>
</div>
</section> -->
<section class="portfolio-block " id="ui-ux-design">
<?php $index=0;?>
<?php while(have_rows('content')):
<section class="portfolio-block " id="ui-ux-design">
<?php $index = 0; ?>
<?php while (have_rows('content')):
the_row();
$bgClass = get_sub_field('background_colour');
$class_name = !empty($bgClass) ? explode(':', $bgClass) : 'none';
$class_name = $class_name[0];
$image_position = get_sub_field('image_position');
$image = get_sub_field('image');
if($index===0):
if ($index === 0):
?>
<div class="ONLY-TEXT-SECTION py-80 <?php echo $class_name;?>">
<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 order-lg-2">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
<?php if ($image):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<div class="col-lg-7 order-lg-1">
<?php echo get_sub_field('description');?>
<?php echo get_sub_field('description'); ?>
</div>
</div>
</div>
</div>
<?php elseif($index===1):?>
<?php elseif ($index === 1): ?>
<div class="ONLY-TEXT-SECTION top-primary mb-60">
<div class="container">
<div class="bg-white content-box">
......@@ -86,33 +90,37 @@ if(have_rows('content')):
</div>
<div class="row justify-content-between">
<div class="col-lg-6 order-lg-2">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
<?php if ($image):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<div class="col-lg-6 order-lg-1">
<?php echo get_sub_field('description');?>
<?php echo get_sub_field('description'); ?>
</div>
</div>
</div>
</div>
</div>
<?php else:?>
<?php else: ?>
<div class="ONLY-TEXT-SECTION mb-80">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 ">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
<?php if ($image):
echo wp_get_attachment_image($image, 'full');
endif; ?>
</div>
<div class="col-lg-7">
<?php echo get_sub_field('description');?>
<?php echo get_sub_field('description'); ?>
</div>
</div>
</div>
</div>
<?php
endif;
$index+=1;
$index += 1;
endwhile;
?>
?>
<div class="block-gallery makura-new mb-120">
<div class="container">
<div class="section-title slide-up">
......@@ -140,50 +148,50 @@ if(have_rows('content')):
<div class="gallery-slider-wrapper slide-up">
<div class="gallery-slider owl-carousel " id="ui-ux-gallery">
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-10.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-10.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-11.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-11.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-12.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-12.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-12.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-12.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-13.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-13.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-13.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-13.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-14.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-14.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-14.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-14.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-15.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-15.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-11.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-11.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-11.png" alt=""
class="img-fluid">
</a>
</div>
<div class="gallery-item">
<a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-10.png" alt=""
<a data-src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-10.png">
<img src="<?php echo get_parent_theme_file_uri() ?>/assets/img/placeholder-10.png" alt=""
class="img-fluid">
</a>
</div>
......@@ -191,5 +199,5 @@ if(have_rows('content')):
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
</section>
<?php endif; ?>
\ 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