function services_init($atts) { ?>

  <div class="services">
    <ul class="items <?php if ( !is_front_page() ) { echo 'animation-service'; } ?>">
      <?php
        global $post;
        extract( shortcode_atts( array(
          'cat'         => '',
          'num'         => '',
          'order'       => '',
          'orderby'     => '',
        ), $atts ) );
        $args = array (
          'category_name'          => $cat,
          'posts_per_page'         => $num,
          'order'                  => $order,
          'orderby'                => $orderby,
        );
        $loop_services = new WP_Query($args);
        $item = 1;

        while ( $loop_services->have_posts() ) : $loop_services->the_post();
        $count_posts = wp_count_posts();
        $arr = array(0,3,4,5);
        for( $i = 0; $i < $num; ++$i ) :
      ?>
      <li class="item-<?php echo $item++;  ?> scale-text">
        <div class="translate time-<?php echo $arr[ ((( $i - 2 + abs( $i - 2 ) )/ 2 - 1) % 3 ) + 1 ].PHP_EOL; ?>">
          <?php if ( has_post_thumbnail() ) : ?>
            <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" class="image">
            <?php the_post_thumbnail('services-thumb'); ?>
            </a>
          <?php endif; ?>
          <h3>
            <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
              <?php the_title(); ?>
            </a>
          </h3>
          <div class="description"><?php the_excerpt(); ?></div>
        </div>
      </li>
    <?php endfor; ?>
    <?php endwhile; ?>
      <?php wp_reset_postdata(); ?>

    </ul>
  </div>

  <?php return ob_get_clean();
}