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