index.php 12.4 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 --> 

  <section 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="index-swiper-buttons">
        <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>
      <div class="slider_swiper_control">
        <div class="swiper-pagination swiper-pagination-white"></div>
      </div>
    </section>
	
  <!-- index_promote -->
    
 <section class="index_promote">
      <div class="index_hd">
        <div class="layout">
          <h2 class="hd_title"><em>Application</em><i>Application</i></h2>
        </div>
      </div>
      <div class="index_bd">
        <div class="layout">
          <ul class="promote_list flex_row">
            <?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?> 
            <figure class="promote_item">
              <a href="<?php echo $image['alt']; ?>">
                <span class="item_img"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" /></span>
                <figcaption class="item_info">
                  <h3 class="item_title"><?php echo $image['title']; ?></h3>
                  <p class="item_desc"><?php echo $image['description']; ?></p>
                </figcaption>
              </a>
            </figure>
			<?php $i++;  endforeach; endif; ?>
          </ul>
        </div>
      </div>      
    </section>

    <!-- index_company_intr -->
    <section class="index_company_intr">
      <div class="index_bd">
        <div class="layout flex_row">
          <div class="company_intr_cont">
            <div class="index_hd">
              <h2 class="hd_title"><em>about us</em><i>about us</i></h2>
            </div>
            <div class="company_intr_desc">
              <?php get_the_field('about_text'); ?> 
            </div>
            <div class="company_intr_ft">
              <img src="http://cms.goodao.cn/style/global/img/demo/company_intr_ico.png" alt="">
            </div>
          </div>
		    <?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
          <div class="company_intr_img wow fadeInRightA" data-wow-delay=".2s" data-wow-duration=".8s">
            <div class="company_img_box">
              <a href="">
                <i class="icon_player"></i>
                 <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>">
              </a>
            </div>
          </div>
		   <?php endforeach; endif; ?>
        </div>  
      </div>
    </section>
    <!-- index_product -->
   <section class="index_product">
      <div class="index_hd">
        <div class="layout">
          <h2 class="hd_title"><em>Featured products</em><i>Featured products</i></h2>
        </div>
      </div>

      <div class="index_bd">
        <div class="layout">
          <div class="product_slider">
            <ul class="swiper-wrapper product_items">    
 <?php $args = array('showposts' => 12, '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  wow fadeInUpA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>" data-wow-duration=".8s">
              <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="<?php the_permalink() ?>"></a>
                </span>
                <figcaption class="item_info">
                  <h3 class="item_title"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
                </figcaption>
              </figure>
            </li>
			 <?php $i++; endwhile; endif;  wp_reset_query(); ?> 
             </ul>
            <div class="index_swiper_control">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination"></div>
            </div>
          </div>
        </div>
      </div>
    </section>

  

  
 <!-- index_news -->
    <section class="index_news">
      <div class="index_hd">
        <div class="layout">
          <h2 class="hd_title"><em>latest news</em><i>latest news</i></h2>
        </div>
      </div>
      <div class="index_bd">
        <div class="layout">
          <div class="news_cont">
            <div class="news_thumbs">
              <ul class="thumbs_items swiper-wrapper">
                <li class="thumbs_item swiper-slide"><a class="item_img" href=""><img src="http://cms.goodao.cn/style/global/img/demo/news01.jpg" alt=""></a></li>
                <li class="thumbs_item swiper-slide"><a class="item_img" href=""><img src="http://cms.goodao.cn/style/global/img/demo/news02.jpg" alt=""></a></li>
                <li class="thumbs_item swiper-slide"><a class="item_img" href=""><img src="http://cms.goodao.cn/style/global/img/demo/news03.jpg" alt=""></a></li>
                <li class="thumbs_item swiper-slide"><a class="item_img" href=""><img src="http://cms.goodao.cn/style/global/img/demo/news02.jpg" alt=""></a></li>
                <li class="thumbs_item swiper-slide"><a class="item_img" href=""><img src="http://cms.goodao.cn/style/global/img/demo/news03.jpg" alt=""></a></li>
              </ul>
              <div class="slider_swiper_buttons">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
              </div>
            </div>
            <div class="news_slider">
              <ul class="news_items swiper-wrapper">
                  <li class="news_item swiper-slide">
                      <figure class="item_inner">
                        <h3 class="item_title"><a href="#">01 CARGADOR ÓPTIMO RÁPIDO</a></h3>
                        <p class="item_desc">Para optimizar la vida de la batería, el Cargador Óptimo Rápido Makita® se comunica con el chip integrado en la batería a través del proceso de carga para optimizar la vida de la batería y controla activamente corriente, voltaje y temperatura. Un ventilador integrado circula aire a través de la batería durante el proceso de carga para enfriar la batería para un tiempo de carga más rápida. Para optimizar la vida de la batería, el Cargador Óptimo Rápido Makita® se comunica con el chip integrado en la batería a través del proceso de carga para optimizar la vida de la batería y controla activamente corriente, voltaje y temperatura. Un ventilador integrado circula aire a través de la batería durante el proceso de carga para enfriar la batería para un tiempo de carga más rápida. </p>
                      </figure>
                  </li>
                  <li class="news_item swiper-slide">
                      <figure class="item_inner">
                        <h3 class="item_title"><a href="#">02 MOTOR BL™ SIN ESCOBILLAS</a></h3>
                        <p class="item_desc">Los Motores Makita eliminan las escobillas de carbono, permitiendo que el motor funcione en frio más eficientemente para mayor duración. El motor Sin Escobillas controlado-electrónicamente utiliza la energía eficientemente para igualar la torsión y RPM para las cambiantes demandas de la aplicación. Esto provee a las herramientas de potencia inalámbricas hasta 50% más tiempo de duración e incrementada potencia y velocidad que herramientas con motor con escobillas. .Los Motores Makita eliminan las escobillas de carbono, permitiendo que el motor funcione en frio más eficientemente para mayor duración. El motor Sin Escobillas controlado-electrónicamente utiliza la energía eficientemente para igualar la torsión y RPM para las cambiantes demandas de la aplicación. Esto provee a las herramientas de potencia inalámbricas hasta 50% más tiempo de duración e incrementada potencia y velocidad que herramientas con motor con escobillas. .</p>
                      </figure>
                  </li>
                  <li class="news_item swiper-slide">
                      <figure class="item_inner">
                        <h3 class="item_title"><a href="#">03 STAR PROTECTION COMPUTER CONTROLS™</a></h3>
                        <p class="item_desc">Makita creo STAR Protection Computer Controls™, una tecnología de comunicación que le permite a la herramienta y batería monitorear condiciones e intercambiar información en tiempo real para proteger contra sobrecarga, sobredescarga y sobrecalentamiento. STAR está diseñada para proteger su inversión inalámbrica.Makita creo STAR Protection Computer Controls™, una tecnología de comunicación que le permite a la herramienta y batería monitorear condiciones e intercambiar información en tiempo real para proteger contra sobrecarga, sobredescarga y sobrecalentamiento. STAR está diseñada para proteger su inversión inalámbrica. </p>
                      </figure>
                  </li>
                  <li class="news_item swiper-slide">
                      <figure class="item_inner">
                        <h3 class="item_title"><a href="#">04 CARGADOR ÓPTIMO RÁPIDO</a></h3>
                        <p class="item_desc">Para optimizar la vida de la batería, el Cargador Óptimo Rápido Makita® se comunica con el chip integrado en la batería a través del proceso de carga para optimizar la vida de la batería y controla activamente corriente, voltaje y temperatura. Un ventilador integrado circula aire a través de la batería durante el proceso de carga para enfriar la batería para un tiempo de carga más rápida. Para optimizar la vida de la batería, el Cargador Óptimo Rápido Makita® se comunica con el chip integrado en la batería a través del proceso de carga para optimizar la vida de la batería y controla activamente corriente, voltaje y temperatura. Un ventilador integrado circula aire a través de la batería durante el proceso de carga para enfriar la batería para un tiempo de carga más rápida. </p>
                      </figure>
                  </li>
                  <li class="news_item swiper-slide">
                      <figure class="item_inner">
                        <h3 class="item_title"><a href="#">05 MOTOR BL™ SIN ESCOBILLAS</a></h3>
                        <p class="item_desc">Los Motores Makita eliminan las escobillas de carbono, permitiendo que el motor funcione en frio más eficientemente para mayor duración. El motor Sin Escobillas controlado-electrónicamente utiliza la energía eficientemente para igualar la torsión y RPM para las cambiantes demandas de la aplicación. Esto provee a las herramientas de potencia inalámbricas hasta 50% más tiempo de duración e incrementada potencia y velocidad que herramientas con motor con escobillas. Los Motores Makita eliminan las escobillas de carbono, permitiendo que el motor funcione en frio más eficientemente para mayor duración. El motor Sin Escobillas controlado-electrónicamente utiliza la energía eficientemente para igualar la torsión y RPM para las cambiantes demandas de la aplicación. Esto provee a las herramientas de potencia inalámbricas hasta 50% más tiempo de duración e incrementada potencia y velocidad que herramientas con motor con escobillas. </p>
                      </figure>
                  </li>
              </ul>
            </div>

              <div class="slider_swiper_control">
                <div class="swiper-pagination"></div>
              </div>

            
          </div>
        </div>
      </div>
    </section>


  
 </section>

 <?php get_footer();?>