index.php 13.2 KB
<?php $get_lang = isset($wp_query->query_vars['prisna_translate_seo_request'])?urldecode($wp_query->query_vars['prisna_translate_seo_request']):''; ?>
<?php get_header();?>
<section class="web_main index_main">
  <!-- banner --> 
  <div class="slider_banner">
    <div class="swiper-wrapper">
      <?php $images = get_get_field('ad_index_banner'); if( $images ): foreach( $images as $image ): ?>
      <div class="swiper-slide"> <a href="<?php echo $image['alt']; ?>"> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"/></a></div>
      <?php endforeach; endif; ?>
    </div>
  <div class="swiper-button-prev swiper-button-white"><span class="slide-page-box"></span></div>
      <div class="swiper-button-next swiper-button-white"><span class="slide-page-box"></span></div>
      <div class="slider_swiper_control">
        <div class="swiper-pagination swiper-pagination-white"></div>
      </div>
  </div>
    <!-- index_company_intr -->
    <section class="index_company_intr">
      <header class="index_hd">
        <div class="layout">
            <h2 class="hd_title">ABOUT US</h2>
            <p class="hd_desc">Breakthrough</p>
        </div>
      </header>
      <div class="index_bd">
        <div class="layout flex_row">
          <div class="company_intr_img wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
            <div class="company_intr_slider">
               <ul class="swiper-wrapper">
                <?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
                <li class="swiper-slide"><a href="<?php echo $image['alt']; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>"></a></li> 
                <?php endforeach; endif; ?>
              </ul>
              <div class="swiper-control">
                <div class="swiper-buttons">
                  <div class="swiper-button-prev"><span class="slide-page-box"></span></div>
                  <div class="swiper-button-next"><span class="slide-page-box"></span></div>
                </div>             
              </div>
            </div>
          </div>
          <div class="company_intr_cont wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
            <div class="company_intr_title">
              <h4>yilong</h4>
              <h2>INTRODUCTION</h2>
            </div>
            <div class="company_intr_desc"><?php get_the_field('about_text'); ?></div>
            <div class="learn_more">
              <a href="<?php echo home_url("/"); ?>about-us" class="sys_btn"><i class="sys_btn_circle"></i>Learn more</a> 
            </div>
          </div>
        </div>
      </div>
      <div class="layer_bg_r"></div>
    </section>
     <!-- index_advantage -->
    <section class="index_advantage" style="background-image: url(http://cms.goodao.cn/style/global/img/demo/advantage_bg.jpg)">
      <div class="index_bd">
        <div class="layout">
          <ul class="advantage_list flex_row">
            <li class="advantage_item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
              <div class="item_value"><span class="counter-title counter-item" data-to="1995" data-speed="60">-</span></div>
              <div class="item_desc">Founded in 1995</div>
            </li>
            <li class="advantage_item wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
              <div class="item_value"><span class="counter-title counter-item" data-to="24" data-speed="50">-</span></div>
              <div class="item_desc">24 years experience</div>
            </li>
            <li class="advantage_item wow fadeInUpA" data-wow-delay=".3s" data-wow-duration=".8s">
              <div class="item_value"><span class="counter-title counter-item" data-to="18" data-speed="50">-</span>+</div>
              <div class="item_desc">More than 18 products</div>
            </li>
            <li class="advantage_item wow fadeInUpA" data-wow-delay=".4s" data-wow-duration=".8s">
              <div class="item_value"><span class="counter-title counter-item" data-to="20" data-speed="50">-</span>$</div>
              <div class="item_desc">More than 2 billion</div>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- index_cates -->
    <section class="index_cates">
      <header class="index_hd">
        <div class="layout">
            <h2 class="hd_title">products</h2>
            <p class="hd_desc">Innovation</p>
        </div>
      </header>
      <div class="index_bd">
        <div class="layout">
        <ul class="cate_items flex_row">
            <?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
          <li class="cate_item wow fadeInLeftA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
            <figure class="item_inner">
              <div class="item_img"><a href="<?php echo $image['alt']; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>"></a></div>
              <div class="item_info">
                <h3 class="item_name">
                  <a href="<?php echo $image['alt']; ?>"><?php echo $image['title']; ?></a>
                </h3>
              </div>
            </figure>
          </li>
          <?php $i++;  endforeach; endif; ?> 
        </ul>
        </div>
      </div>
      <div class="layer_bg_left"></div>
    </section>
    <!-- index_product -->
    <section class="index_product">
      <div class="product_tabs">
        <div class="layout">
          <ul>
            <li class="tab_item active"><a href="javascript:">Laser<br>marking</a></li>
            <li class="tab_item"><a href="javascript:">Nonmetallic<br>processing</a></li>
            <li class="tab_item"><a href="javascript:">Metal<br>processing</a></li>
          </ul>
        </div>
      </div>
      <div class="index_bd wow fadeInA" data-wow-delay=".1s">
        <div class="layout">

          <!-- tab_panel #01 -->
          <div class="tab_panel panel_active">
            <div class="product_slider">
              <ul class="swiper-wrapper product_items">
                <?php $args = array('showposts' => 5, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));

$the_query = new WP_Query( $args );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
                <li class="swiper-slide product_item">
                    <figure> 
                      <span class="item_img">
                         <img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"/>
                        <a href="product.html"></a>
                      </span>
                      <figcaption>
                        <h3 class="item_title"><a href="product.html"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 25,"..."); ?></a></h3>
                        <p class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 500,"..."); ?></p>
                        <div class="item_more">
                          <a href="<?php echo $image['alt']; ?>" class="sys_btn">view  product</a>
                        </div>
                      </figcaption>
                    </figure>              
                </li>
                   <?php $i++; endwhile; endif;  wp_reset_query(); ?> 
              </ul>
              <div class="index_swiper_control">
                  <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>

          <!-- tab_panel #02 -->
          <div class="tab_panel hide">
            <div class="product_slider">
              <ul class="swiper-wrapper product_items">
                 <?php $args = array('showposts' => 5, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));

$the_query = new WP_Query( $args );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
                <li class="swiper-slide product_item">
                    <figure> 
                      <span class="item_img">
                         <img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"/>
                        <a href="product.html"></a>
                      </span>
                      <figcaption>
                        <h3 class="item_title"><a href="product.html"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 25,"..."); ?></a></h3>
                        <p class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 50,"..."); ?></p>
                        <div class="item_more">
                          <a href="<?php echo $image['alt']; ?>" class="sys_btn">view  product</a>
                        </div>
                      </figcaption>
                    </figure>              
                </li>
                   <?php $i++; endwhile; endif;  wp_reset_query(); ?> 
              </ul>
              <div class="index_swiper_control">
                  <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>

          <!-- tab_panel #03 -->
          <div class="tab_panel hide">
            <div class="product_slider">
              <ul class="swiper-wrapper product_items">
                <?php $args = array('showposts' => 5, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));

$the_query = new WP_Query( $args );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
                <li class="swiper-slide product_item">
                    <figure> 
                      <span class="item_img">
                         <img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"/>
                        <a href="product.html"></a>
                      </span>
                      <figcaption>
                        <h3 class="item_title"><a href="product.html"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 25,"..."); ?></a></h3>
                        <p class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 50,"..."); ?></p>
                        <div class="item_more">
                          <a href="<?php echo $image['alt']; ?>" class="sys_btn">view  product</a>
                        </div>
                      </figcaption>
                    </figure>              
                </li>
                   <?php $i++; endwhile; endif;  wp_reset_query(); ?> 
              </ul>
              <div class="index_swiper_control">
                  <div class="swiper-pagination"></div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>
    <!-- index_news -->
    <section class="index_news">
      <header class="index_hd">
        <div class="layout">
            <h2 class="hd_title">NEWS</h2>
            <p class="hd_desc">Service First</p>
        </div>
      </header>
      <div class="index_bd">
        <div class="layout">
        <ul class="news_items flex_row">
        <?php query_posts(array( 'post_type' => 'news','showposts' => 2,'orderby' => 'post_date','order'=> 'DESC') );  while (have_posts()) : the_post();?>
          <li class="news_item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
          
            <figure class="item_inner">
              <div class="item_img">
                <?php $image = get_field('news_img');if( !empty($image) ): ?>
				<a href="<?php the_permalink() ?>"><img src="<?php echo $image['url']; ?>" ></a>
				<?php endif; ?>
              </div>
              <figcaption class="item_info">
                <h4 class="news_tit"><a href="<?php echo $get_lang?home_url('/')  .$get_lang.'/news/' . $post->post_name:home_url('/') .'news/' . $post->post_name ; ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?></a></h4>
                <p class="news_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 300,"..."); ?></p>
                <div class="item_more"><a href="<?php the_permalink() ?>"></a></div>
              </figcaption>
            </figure>
          </li>
          <?php endwhile; wp_reset_query(); ?>
        </ul>
        </div>
      </div>      
    </section>
 </section>
 <?php get_footer();?>