single portfolio: captured moments worth sharing done

blocks/portfolio-conclusion-section.php

@@ -2,125 +2,102 @@
   <div class="container">
     <div class="row">
       <div class="col-lg-5 col-xl-4 order-lg-2">
-        <?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
+        <?php if ($image = get_field('image')):
+          echo wp_get_attachment_image($image, 'full');
+        endif; ?>
       </div>
       <div class="col-lg-7 col-xl-8 order-lg-1">
         <div class="pc-content-box">
-          <?php echo get_field('description');?>
-          <?php if(have_rows('stats')): ?>
-          <div class="percentage-box">
-            <div class="row">
-              <?php while(have_rows('stats')): the_row();?>
-              <div class="col-sm-6 col-lg-5 col-xl-4">
-                <div class="inner-wrapper">
-                  <span><?php the_sub_field('number');?></span>
-                  <p><?php the_sub_field('title');?></p>
-                </div>
+          <?php echo get_field('description'); ?>
+          <?php if (have_rows('stats')): ?>
+            <div class="percentage-box">
+              <div class="row">
+                <?php while (have_rows('stats')):
+                  the_row(); ?>
+                  <div class="col-sm-6 col-lg-5 col-xl-4">
+                    <div class="inner-wrapper">
+                      <span><?php the_sub_field('number'); ?></span>
+                      <p><?php the_sub_field('title'); ?></p>
+                    </div>
+                  </div>
+                <?php endwhile; ?>
               </div>
-              <?php endwhile;?>
             </div>
-          </div>
-          <?php endif;?>
+          <?php endif; ?>
         </div>
       </div>
     </div>
   </div>
 </section>
-
-<section class="moment-worth-sharing makura-new mb-100">
-  <div class="container">
-    <div class="section-title slide-up">
-      <h2>Captured Moments Worth Sharing</h2>
-      <p>Showcasing visually striking designs that tell stories worth sharing.</p>
-    </div>
-    <div class="gallery-grid slide-up">
-      <div class="gallery-item horizontal">
-        <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="" class="img-fluid">
-        </a>
-      </div>
-      <div class="gallery-item vertical">
-        <a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-16.png">
-          <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-16.png" alt="" class="img-fluid">
-          <span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path
-                d="M4.78477 6.63253C5.80499 6.63253 6.63205 5.80548 6.63205 4.78526C6.63205 3.76504 5.80499 2.93799 4.78477 2.93799C3.76455 2.93799 2.9375 3.76504 2.9375 4.78526C2.9375 5.80548 3.76455 6.63253 4.78477 6.63253Z"
-                fill="white" />
-              <path
-                d="M4.78477 13.0617C5.80499 13.0617 6.63205 12.2347 6.63205 11.2145C6.63205 10.1942 5.80499 9.36719 4.78477 9.36719C3.76455 9.36719 2.9375 10.1942 2.9375 11.2145C2.9375 12.2347 3.76455 13.0617 4.78477 13.0617Z"
-                fill="white" />
-              <path
-                d="M11.2145 6.63253C12.2347 6.63253 13.0617 5.80548 13.0617 4.78526C13.0617 3.76504 12.2347 2.93799 11.2145 2.93799C10.1942 2.93799 9.36719 3.76504 9.36719 4.78526C9.36719 5.80548 10.1942 6.63253 11.2145 6.63253Z"
-                fill="white" />
-              <path
-                d="M11.2145 13.0617C12.2347 13.0617 13.0617 12.2347 13.0617 11.2145C13.0617 10.1942 12.2347 9.36719 11.2145 9.36719C10.1942 9.36719 9.36719 10.1942 9.36719 11.2145C9.36719 12.2347 10.1942 13.0617 11.2145 13.0617Z"
-                fill="white" />
-            </svg> View All
-          </span>
-        </a>
-      </div>
-      <div class="gallery-item">
-        <a data-src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-17.png">
-          <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-17.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="" class="img-fluid">
-        </a>
-      </div>
-      <div class="gallery-item horizontal">
-        <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="" class="img-fluid">
-
-          <span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path
-                d="M4.78477 6.63253C5.80499 6.63253 6.63205 5.80548 6.63205 4.78526C6.63205 3.76504 5.80499 2.93799 4.78477 2.93799C3.76455 2.93799 2.9375 3.76504 2.9375 4.78526C2.9375 5.80548 3.76455 6.63253 4.78477 6.63253Z"
-                fill="white" />
-              <path
-                d="M4.78477 13.0617C5.80499 13.0617 6.63205 12.2347 6.63205 11.2145C6.63205 10.1942 5.80499 9.36719 4.78477 9.36719C3.76455 9.36719 2.9375 10.1942 2.9375 11.2145C2.9375 12.2347 3.76455 13.0617 4.78477 13.0617Z"
-                fill="white" />
-              <path
-                d="M11.2145 6.63253C12.2347 6.63253 13.0617 5.80548 13.0617 4.78526C13.0617 3.76504 12.2347 2.93799 11.2145 2.93799C10.1942 2.93799 9.36719 3.76504 9.36719 4.78526C9.36719 5.80548 10.1942 6.63253 11.2145 6.63253Z"
-                fill="white" />
-              <path
-                d="M11.2145 13.0617C12.2347 13.0617 13.0617 12.2347 13.0617 11.2145C13.0617 10.1942 12.2347 9.36719 11.2145 9.36719C10.1942 9.36719 9.36719 10.1942 9.36719 11.2145C9.36719 12.2347 10.1942 13.0617 11.2145 13.0617Z"
-                fill="white" />
-            </svg> View All
-          </span>
-        </a>
+<?php $cmws = get_field('cmws') ?: [];
+if (isset($cmws) && is_array($cmws) && !empty($cmws)):
+  $enable_cmws = $cmws['enable_cmws'];
+  if ($enable_cmws && isset($enable_cmws)):
+    $cmws_title = $cmws['cmws_title'] ?: '';
+    $cmws_desc = $cmws['cmws_desc'] ?: '';
+    $cmws_gal = $cmws['cmws_gal'] ?: [];
+    ?>
+    <section class="moment-worth-sharing makura-new mb-100">
+      <div class="container">
+        <?php if (!empty($cmws_title) || !empty($cmws_desc)): ?>
+          <div class="section-title slide-up">
+            <?php if (!empty($cmws_title)): ?>
+              <h2><?php echo $cmws_title; ?></h2><?php endif; ?>
+            <?php echo $cmws_desc ?: ''; ?>
+          </div>
+        <?php endif; ?>
+        <?php if (!empty($cmws_gal) && is_array($cmws_gal)): ?>
+          <div class="gallery-grid slide-up">
+            <?php foreach ($cmws_gal as $i => $gallery_item):
+              $img = $gallery_item['img'] ?: '';
+              $layout = $gallery_item['layout'] ?: '';
+              $new = $layout[0];
+              $class_name = !empty($layout) ? explode(':', $layout[0]) : 'none';
+              $class_name = $class_name[0];?>
+              <div class="gallery-item <?php echo $class_name; ?>">
+                <a data-src="<?php echo esc_url($img); ?>">
+                  <img src="<?php echo esc_url($img); ?>" alt="" class="img-fluid">
+                  <?php if ($i === (count($cmws_gal) - 1)): ?><span><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path
+                          d="M4.78477 6.63253C5.80499 6.63253 6.63205 5.80548 6.63205 4.78526C6.63205 3.76504 5.80499 2.93799 4.78477 2.93799C3.76455 2.93799 2.9375 3.76504 2.9375 4.78526C2.9375 5.80548 3.76455 6.63253 4.78477 6.63253Z"
+                          fill="white" />
+                        <path
+                          d="M4.78477 13.0617C5.80499 13.0617 6.63205 12.2347 6.63205 11.2145C6.63205 10.1942 5.80499 9.36719 4.78477 9.36719C3.76455 9.36719 2.9375 10.1942 2.9375 11.2145C2.9375 12.2347 3.76455 13.0617 4.78477 13.0617Z"
+                          fill="white" />
+                        <path
+                          d="M11.2145 6.63253C12.2347 6.63253 13.0617 5.80548 13.0617 4.78526C13.0617 3.76504 12.2347 2.93799 11.2145 2.93799C10.1942 2.93799 9.36719 3.76504 9.36719 4.78526C9.36719 5.80548 10.1942 6.63253 11.2145 6.63253Z"
+                          fill="white" />
+                        <path
+                          d="M11.2145 13.0617C12.2347 13.0617 13.0617 12.2347 13.0617 11.2145C13.0617 10.1942 12.2347 9.36719 11.2145 9.36719C10.1942 9.36719 9.36719 10.1942 9.36719 11.2145C9.36719 12.2347 10.1942 13.0617 11.2145 13.0617Z"
+                          fill="white" />
+                      </svg> View All
+                    </span><?php endif; ?>
+                </a>
+              </div>
+            <?php endforeach; ?>
+          </div>
+        <?php endif; ?>
       </div>
-    </div>
-  </div>
-</section>
-
+    </section>
+  <?php endif; endif; ?>
 <section class="quote PROJECT-CONCLUSION">
   <div class="container">
-    <?php if($quote_text=get_field('quote_text')):?>
-    <div class="row justify-content-center">
-      <div class="col-lg-10 col-xl-8 mx-auto">
-        <div class="position-relative pt-40 pb-100 quote-text">
-          <div class="icon-wrapper">
-            <svg width="136" height="114" viewBox="0 0 136 114" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path opacity="0.16"
-                d="M136 0V26.0755H127.977C121.514 26.0755 116.388 27.0784 112.599 29.0842C108.81 31.09 106.024 34.5444 104.241 39.4475C102.458 44.1277 101.567 50.4795 101.567 58.5027V83.241L91.8723 64.5201C93.4323 63.4058 95.661 62.5143 98.5583 61.8457C101.456 60.9542 104.464 60.5085 107.584 60.5085C114.939 60.5085 121.068 62.8486 125.971 67.5288C130.874 71.9862 133.326 78.2264 133.326 86.2497C133.326 93.8272 130.985 100.29 126.305 105.639C121.625 110.765 114.939 113.328 106.247 113.328C100.676 113.328 95.4381 112.102 90.5351 109.651C85.8548 106.976 82.0661 102.519 79.1688 96.2787C76.2715 89.8155 74.8229 81.0123 74.8229 69.8689V64.1858C74.8229 48.3622 76.9402 35.7702 81.1746 26.4098C85.632 17.0494 91.9837 10.3633 100.23 6.35172C108.476 2.11724 118.505 0 130.317 0H136ZM62.1195 0V26.0755H54.0962C47.6331 26.0755 42.5071 27.0784 38.7184 29.0842C34.9297 31.09 32.1438 34.5444 30.3609 39.4475C28.5779 44.1277 27.6865 50.4795 27.6865 58.5027V83.241L17.9917 64.5201C19.5518 63.4058 21.7805 62.5143 24.6778 61.8457C27.575 60.9542 30.5837 60.5085 33.7039 60.5085C41.0585 60.5085 47.1874 62.8486 52.0904 67.5288C56.9935 71.9862 59.4451 78.2264 59.4451 86.2497C59.4451 93.8272 57.105 100.29 52.4247 105.639C47.7445 110.765 41.0585 113.328 32.3667 113.328C26.795 113.328 21.5576 112.102 16.6545 109.651C11.9743 106.976 8.18557 102.519 5.2883 96.2787C2.39102 89.8155 0.942383 81.0123 0.942383 69.8689V64.1858C0.942383 48.3622 3.05962 35.7702 7.2941 26.4098C11.7514 17.0494 18.1032 10.3633 26.3493 6.35172C34.5954 2.11724 44.6244 0 56.4364 0H62.1195Z"
-                fill="#005AFF" />
-            </svg>
+    <?php if ($quote_text = get_field('quote_text')): ?>
+      <div class="row justify-content-center">
+        <div class="col-lg-10 col-xl-8 mx-auto">
+          <div class="position-relative pt-40 pb-100 quote-text">
+            <div class="icon-wrapper">
+              <svg width="136" height="114" viewBox="0 0 136 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path opacity="0.16"
+                  d="M136 0V26.0755H127.977C121.514 26.0755 116.388 27.0784 112.599 29.0842C108.81 31.09 106.024 34.5444 104.241 39.4475C102.458 44.1277 101.567 50.4795 101.567 58.5027V83.241L91.8723 64.5201C93.4323 63.4058 95.661 62.5143 98.5583 61.8457C101.456 60.9542 104.464 60.5085 107.584 60.5085C114.939 60.5085 121.068 62.8486 125.971 67.5288C130.874 71.9862 133.326 78.2264 133.326 86.2497C133.326 93.8272 130.985 100.29 126.305 105.639C121.625 110.765 114.939 113.328 106.247 113.328C100.676 113.328 95.4381 112.102 90.5351 109.651C85.8548 106.976 82.0661 102.519 79.1688 96.2787C76.2715 89.8155 74.8229 81.0123 74.8229 69.8689V64.1858C74.8229 48.3622 76.9402 35.7702 81.1746 26.4098C85.632 17.0494 91.9837 10.3633 100.23 6.35172C108.476 2.11724 118.505 0 130.317 0H136ZM62.1195 0V26.0755H54.0962C47.6331 26.0755 42.5071 27.0784 38.7184 29.0842C34.9297 31.09 32.1438 34.5444 30.3609 39.4475C28.5779 44.1277 27.6865 50.4795 27.6865 58.5027V83.241L17.9917 64.5201C19.5518 63.4058 21.7805 62.5143 24.6778 61.8457C27.575 60.9542 30.5837 60.5085 33.7039 60.5085C41.0585 60.5085 47.1874 62.8486 52.0904 67.5288C56.9935 71.9862 59.4451 78.2264 59.4451 86.2497C59.4451 93.8272 57.105 100.29 52.4247 105.639C47.7445 110.765 41.0585 113.328 32.3667 113.328C26.795 113.328 21.5576 112.102 16.6545 109.651C11.9743 106.976 8.18557 102.519 5.2883 96.2787C2.39102 89.8155 0.942383 81.0123 0.942383 69.8689V64.1858C0.942383 48.3622 3.05962 35.7702 7.2941 26.4098C11.7514 17.0494 18.1032 10.3633 26.3493 6.35172C34.5954 2.11724 44.6244 0 56.4364 0H62.1195Z"
+                  fill="#005AFF" />
+              </svg>
+            </div>
+            <?php echo $quote_text; ?>
           </div>
-          <?php echo $quote_text;?>
         </div>
       </div>
-    </div>
-    <?php endif;?>
+    <?php endif; ?>
   </div>
 </section>
\ No newline at end of file

blocks/portfolio-text-image-section.php

+<section class="sticky-tab makura-new">
+  <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>
+        </li>
+      </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">
+          <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M5.25 -9.26804e-07L5.25 9.1275L1.0575 4.935L1.12062e-06 6L6 12L12 6L10.9425 4.9425L6.75 9.1275L6.75 -6.46648e-07L5.25 -9.26804e-07Z"
+            fill="#121526" />
+        </svg>
+      </a>
+    </div>
+  </div>
+</section>
 <?php 
 if(have_rows('content')):