From 304d50e444805bafbec0ac8851a7cee0f22eb643 Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Wed, 28 Jul 2021 11:46:19 +0800
Subject: [PATCH] 11

---
 application/views/mobile_first/ch-next.php | 580 +++++++++------------
 1 file changed, 249 insertions(+), 331 deletions(-)

diff --git a/application/views/mobile_first/ch-next.php b/application/views/mobile_first/ch-next.php
index da23284a..bfc27c88 100644
--- a/application/views/mobile_first/ch-next.php
+++ b/application/views/mobile_first/ch-next.php
@@ -1,192 +1,140 @@
-<!--
 <?php if (!empty($recommands['Article A']) || !empty($recommands['Article B']) || !empty($recommands['Article C']) || !empty($recommands['Article D'])) { ?>
     <div class="articlereco">
         <div class="recotitlebg">
             <h2>Related Articles</h2>
         </div>
-        <section>
-            <div class="rt-container">
-                  <div class="col-rt-12">
-                      <div class='demo-container'>
-                          <div class='carousel'>
-                            <input checked='checked' class='carousel__activator' id='carousel-slide-activator-4' name='carousel' type='radio'>
-                            <input class='carousel__activator' id='carousel-slide-activator-5' name='carousel' type='radio'>
-                            <input class='carousel__activator' id='carousel-slide-activator-6' name='carousel' type='radio'>
-                            <div class='carousel__controls'>
-                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-5'>
-                                
-                              </label>
+        <div class="table-responsive">
+            <table >
+                <tbody>
+                <tr>
+                    <?php if (!empty($recommands['Article A'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article A']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                                </span>
                             </div>
-                            <div class='carousel__controls'>
-                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-4'>
-                                
-                              </label>
-                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-6'>
-                                
-                              </label>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article B'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article B']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
+                                  </span>
+                            </div>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article C'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article C']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
+                                   </span>
+                            </div>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article D'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article D']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
+                                    </span>
                             </div>
-                            <div class='carousel__controls'>
-                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-5'>
-                                
-                              </label>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article E'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article E']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a> </span>
                             </div>
-                            <div class='carousel__screen'>
-                              <div class='carousel__track'>
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article A'])) { ?>
-                               
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article A']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
-                                                </span>
-                                            </div>
-                                      
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article B'])) { ?>
-                                   
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article B']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
-                                                  </span>
-                                            </div>
-                                    
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article C'])) { ?>
-                                       
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article C']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
-                                                   </span>
-                                            </div>
-                                      
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                            
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article D'])) { ?>
-                                 
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article D']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
-                                                    </span>
-                                            </div>
-                                    
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article E'])) { ?>
-                                  
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article E']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a> </span>
-                                            </div>
-                                    
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article F'])) { ?>
-                                     
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article F']->ic_title; ?>"></a>
-                
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
-                                                    </span>
-                                            </div>
-                                     
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                    <div class='demo-content'>
-                                        <?php if (!empty($recommands['Article G'])) { ?>
-                                
-                                                <div class="articlenext">
-                                                    <a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow"> <img
-                                                                src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                                originalsrc="<?php echo $recommands['Article G']->mobile_photo; ?>"
-                                                                class="img-responsive"
-                                                                alt="<?php echo $recommands['Article G']->ic_title; ?>"></a>
-                                                    <span class="articlenexttitle">
-                                                            <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
-                                                        </span>
-                                                </div>
-                                       
-                                        <?php } ?>
-                                    </div>
-                                  </div>
-                                  <div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
-                                    <div class='demo-content'>
-                                        <?php if (!empty($recommands['Article H'])) { ?>
-                                         
-                                                <div class="articlenext">
-                                                    <a href="<?php echo $recommands['Article H']->ic_url; ?>" rel="nofollow"> <img
-                                                                src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                                originalsrc="<?php echo $recommands['Article H']->mobile_photo; ?>"
-                                                                class="img-responsive"
-                                                                alt="<?php echo $recommands['Article H']->ic_title; ?>"></a>
-                                                    <span class="articlenexttitle">
-                                                            <a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
-                                                        </span>
-                                                </div>
-                                       
-                                        <?php } ?>
-                                    </div>
-                                  </div>
-                              </div>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article F'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article F']->ic_title; ?>"></a>
+
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
+                                    </span>
                             </div>
-                          </div>
-                        </div>
-                </div>
-            </div>
-        </section>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article G'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo $recommands['Article G']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article G']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
+                                    </span>
+                            </div>
+                        </td>
+                    <?php } ?>
+
+                    <?php if (!empty($recommands['Article H'])) { ?>
+                        <td>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Article H']->ic_url; ?>" rel="nofollow"> <img
+                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                            originalsrc="<?php echo $recommands['Article H']->mobile_photo; ?>"
+                                            class="img-responsive"
+                                            alt="<?php echo $recommands['Article H']->ic_title; ?>"></a>
+                                <span class="articlenexttitle">
+                                        <a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
+                                    </span>
+                            </div>
+                        </td>
+                    <?php } ?>
+                </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 <?php } ?>
--->
+
+
+
 
 <?php if (!empty($recommands['Tour A']) || !empty($recommands['Tour B']) || !empty($recommands['Tour C']) || !empty($recommands['Tour D'])) { ?>
     <div class="articlereco">
@@ -194,163 +142,133 @@
             <h2>Recommended Tours</h2>
         </div>
 
-        <section>
-        
-                          <div class='carousel'>
-                            <input checked='checked' class='carousel__activator' id='carousel-slide-activator-1' name='carousel' type='radio'>
-                            <input class='carousel__activator' id='carousel-slide-activator-2' name='carousel' type='radio'>
-                            <input class='carousel__activator' id='carousel-slide-activator-3' name='carousel' type='radio'>
-                            <div class='carousel__controls'>
-                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-2'>
-                                
-                              </label>
+        <div class="table-responsive">
+            <table >
+                <tbody>
+                <tr>
+                    <td>
+                        <?php if (!empty($recommands['Tour A'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour A']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour A']->mobile_photo; ?>"
+                                         class="img-responsive"
+                                         alt="<?php echo $recommands['Tour A']->ic_title; ?>"></a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour A']->ic_url; ?>"><?php echo $recommands['Tour A']->ic_title; ?></a>
+                                   </span>
+                            </div>
+                        <?php } ?>
+                    </td>
+                    <td>
+                        <?php if (!empty($recommands['Tour B'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour B']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour B']->mobile_photo; ?>"
+                                         class="img-responsive" alt="<?php echo $recommands['Tour B']->ic_title; ?>">
+                                </a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour B']->ic_url; ?>"><?php echo $recommands['Tour B']->ic_title; ?></a>
+                           </span>
                             </div>
-                            <div class='carousel__controls'>
-                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-1'>
-                                
-                              </label>
-                              <label class='carousel__control carousel__control--forward' for='carousel-slide-activator-3'>
-                                
-                              </label>
+                        <?php } ?>
+                    </td>
+                    <td>
+                        <?php if (!empty($recommands['Tour C'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour C']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour C']->mobile_photo; ?>"
+                                         class="img-responsive" alt="<?php echo $recommands['Tour C']->ic_title; ?>">
+                                </a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour C']->ic_url; ?>"><?php echo $recommands['Tour C']->ic_title; ?></a>
+                                    </span>
                             </div>
-                            <div class='carousel__controls'>
-                              <label class='carousel__control carousel__control--backward' for='carousel-slide-activator-2'>
-                                
-                              </label>
+                        <?php } ?>
+                    </td>
+                    <td>
+                        <?php if (!empty($recommands['Tour D'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour D']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour D']->mobile_photo; ?>"
+                                         class="img-responsive" alt="<?php echo $recommands['Tour D']->ic_title; ?>">
+                                </a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour D']->ic_url; ?>"><?php echo $recommands['Tour D']->ic_title; ?></a>
+                                   </span>
+                            </div>
+                        <?php } ?>
+
+                    </td>
+
+                    <td>
+                        <?php if (!empty($recommands['Tour E'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour E']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour E']->mobile_photo; ?>"
+                                         class="img-responsive" alt="<?php echo $recommands['Tour E']->ic_title; ?>">
+                                </a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour E']->ic_url; ?>"><?php echo $recommands['Tour E']->ic_title; ?></a>
+                                </span>
                             </div>
-                            <div class='carousel__screen'>
-                              <div class='carousel__track'>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article A'])) { ?>
-                                      
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article A']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
-                                                </span>
-                                            </div>
-                                        
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article B'])) { ?>
-                                       
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article B']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
-                                                  </span>
-                                            </div>
-                                       
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article C'])) { ?>
-                                    
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article C']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
-                                                   </span>
-                                            </div>
-                                   
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article D'])) { ?>
-                                        
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article D']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
-                                                    </span>
-                                            </div>
-                                        
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article E'])) { ?>
-                                       
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article E']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a> </span>
-                                            </div>
-                                       
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article F'])) { ?>
-                                       
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article F']->ic_title; ?>"></a>
-                
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
-                                                    </span>
-                                            </div>
-                                        
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                                <div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
-                                  <div class='demo-content'>
-                                    <?php if (!empty($recommands['Article G'])) { ?>
-                                       
-                                            <div class="articlenext">
-                                                <a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow"> <img
-                                                            src="https://data.chinahighlights.com/grey.gif" loader="lazy"
-                                                            originalsrc="<?php echo $recommands['Article G']->mobile_photo; ?>"
-                                                            class="img-responsive"
-                                                            alt="<?php echo $recommands['Article G']->ic_title; ?>"></a>
-                                                <span class="articlenexttitle">
-                                                        <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
-                                                    </span>
-                                            </div>
-                                       
-                                    <?php } ?>
-                                  </div>
-                                </div>
-                              </div>
+                        <?php } ?>
+
+                    </td>
+
+                    <td>
+                        <?php if (!empty($recommands['Tour F'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour F']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour F']->mobile_photo; ?>"
+                                         class="img-responsive" alt="<?php echo $recommands['Tour F']->ic_title; ?>">
+                                </a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour F']->ic_url; ?>"><?php echo $recommands['Tour F']->ic_title; ?></a>
+                                    </span>
                             </div>
-                          </div>
-                        
-        </section>
+                        <?php } ?>
+
+                    </td>
+
+                    <td>
+                        <?php if (!empty($recommands['Tour G'])) { ?>
+                            <div class="articlenext">
+                                <a href="<?php echo $recommands['Tour G']->ic_url; ?>" rel="nofollow">
+                                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                         originalsrc="<?php echo $recommands['Tour G']->mobile_photo; ?>"
+                                         class="img-responsive" alt="<?php echo $recommands['Tour G']->ic_title; ?>">
+                                </a>
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour G']->ic_url; ?>"><?php echo $recommands['Tour G']->ic_title; ?></a>
+                                   </span>
+                            </div>
+                        <?php } ?>
+
+                    </td>
+
+                    <td>
+                        <?php if (!empty($recommands['Tour H'])) { ?>
+                            <div class="articlenext">
+                                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                     originalsrc="<?php echo $recommands['Tour H']->mobile_photo; ?>"
+                                     class="img-responsive" alt="<?php echo $recommands['Tour H']->ic_title; ?>">
+                                <span class="articlenexttitle"><a
+                                            href="<?php echo $recommands['Tour H']->ic_url; ?>"><?php echo $recommands['Tour H']->ic_title; ?></a>
+                                   </span>
+                            </div>
+                        <?php } ?>
+
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 <?php } ?>