rl-theme/index.php

<?php get_header(); ?>

    <!-- About Section Start -->
    <div id="about" class="section-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 col-md-6 col-xs-12">
            <div class="about block text-center">
              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img1.png" alt="">
              <h5><a href="#">About Title</a></h5>
              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-xs-12">
            <div class="about block text-center">
              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img2.png" alt="">
              <h5><a href="#">About Title</a></h5>
              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-xs-12">
            <div class="about block text-center">
              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img3.png" alt="">
              <h5><a href="#">About Title</a></h5>
              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-xs-12">
            <div class="about block text-center">
              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img4.png" alt="">
              <h5><a href="#">About Title</a></h5>
              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- About Section End -->



    <!-- Portfolio Section -->
    <section id="portfolio" class="section-padding">
      <!-- Container Starts -->
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Ausgewählte Projekte</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12 col-md-12">


            <div class="controls text-center wow fadeInUpQuick" data-wow-delay=".6s">
              <!-- <a class="filter active btn btn-common" data-filter="all">
                All
              </a>
              <a class="filter btn btn-common" data-filter=".branding">
                Branding
              </a>
              <a class="filter btn btn-common" data-filter=".marketing">
                Marketing
              </a>
              <a class="filter btn btn-common" data-filter=".planning">
                Planning
              </a>
              <a class="filter btn btn-common" data-filter=".research">
                Research
              </a> -->
            </div>



        <div id="portfolio-content" class="row wow fadeInUpQuick" data-wow-delay="0.8s">

        <?php

          $args = array(
              'post_type' => 'projekte',
              'post_status' => 'publish',
              'posts_per_page' => 10
          );
          $posts = new WP_Query($args);
          $counter = 1;

          while ($posts -> have_posts()) {
              $posts->the_post(); ?>

              <!-- projekt Item Starts -->
              <div class="col-lg-4 col-md-6 col-xs-12 mix marketing planning">
                <div class="portfolio-item">
                  <div class="portfolio-img">
                    <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'projekt_thumb'); ?>" alt="<?php the_title(); ?>">
                  </div>
                  <div class="portfoli-content">
                    <div class="sup-desc-wrap">
                      <div class="sup-desc-inner">
                        <div class="sup-link">
                          <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'projekt_link', true); ?>"><i class="fa fa-link"></i></a>
                          <!-- <a class="right-link" href=""><i class="fa fa-heart"></i></a>  -->
                        </div>
                        <div class="sup-meta-wrap">
                          <a class="sup-title" href="#">
                            <h4><?php the_title(); ?></h4>
                          </a>
                          <p class="sup-description"><?php echo get_post_meta($posts->post->ID, 'projekt_beschreibung', true); ?></p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- projekt Item ends -->


            <?php
          } //  while ( $posts -> have_posts() )
            wp_reset_postdata();
            // wp_reset_query();
            ?>
          </div> <!--  <div id="portfolio" class="row wow fadeInUpQuick" data-wow-delay="0.8s"> -->
          </div>
        </div>
      </div>
      <!-- Container Ends -->
    </section>
    <!-- Portfolio Section Ends -->





		    <!-- Team Section Start -->
        <section id="team-section" class="section-padding">
		    <div id="team" class="team-members-tow section-padding background-gray">
		      <div class="container">
		        <div class="row">
		          <div class="col-md-12">
		            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Das Team</h2>
		          </div>
		        </div>
            <div class="row">
            <?php

              $args = array(
                  'post_type' => 'mitarbeiter',
                  'post_status' => 'publish',
                  'posts_per_page' => 10
              );
              $posts = new WP_Query($args);
              $counter = 1;

              while ($posts -> have_posts()) {
                  $posts->the_post(); ?>
                  <!-- Team Item Starts -->
                  <div class="col-lg-3 col-md-6 col-xs-12">
                  <figure>
                  <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
                    <div class="image-overlay">
                      <div class="overlay-text text-center">
                        <div class="info-text">
                          <strong><?php the_title(); ?></strong>
                          <span><?php echo get_post_meta($posts->post->ID, 'mitarbeiter_position', true); ?></span>
                        </div>
                        <hr class="small-divider border-white">
                        <ul class="social-icons">
                        <li><a href="mailto:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_email', true); ?>"><i class="" aria-hidden="true"></i>
                        <?php echo get_post_meta($posts->post->ID, 'mitarbeiter_email', true); ?>
                        </a></li>
                         <!-- <li><a href="mailto:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_email', true); ?>"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                          <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                          <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> -->
                        </ul>
                      </div>
                    </div>
                  </figure>
                  </div>
                  <!-- Team Item Ends -->

								<?php if ($counter && $counter % 4 == 0): ?>

									</div>
									<div class="row">

								<?php endif;

                  $counter++;
              } //  while ( $posts -> have_posts() )
                                wp_reset_postdata();


                                ?>

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





    <!-- Services Section Start -->

    <!-- Services Section Start -->

    <!-- Services Section Start -->


    <section id="baugruppen">
            <div class="container">

              <div class="row">
  		          <div class="col-md-12">
  		            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Unsere Baugrupen</h2>
  		          </div>
                <!-- <div class="sub-title">
                  <span>Unsere Baugrupen</span>
                </div> -->
  		        </div>


              <ul class="row portfolio list-unstyled justify-content-center" id="grid">

<!-- ********************************************** -->

<?php

  $args = array(
      'post_type' => 'baugruppen',
      'post_status' => 'publish',
      'posts_per_page' => 10
  );
  $posts = new WP_Query($args);
  $counter = 2;


  while ($posts -> have_posts()) {
      $posts->the_post();

      if ( $counter % 2 == 0 ){
        $divmargin = "margin-top: 30px;";
      } else {
        $divmargin = "margin-bottom: 30px;";
      }

      ?>

      <li class="col-md-3 col-sm-6 project">
        <figure>
          <div class="hovereffect round-pic" style="<?php echo $divmargin ?>">
            <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
            <div class="overlay">
              <div class="iocns">
                <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'baugruppe_link', true); ?>"><i class="fa fa-link"></i></a>
              </div>
            </div>
          </div>
        </figure>
      </li>


    <?php if ($counter && $counter % 4 == 0): ?>

      </ul>
      <ul class="row portfolio list-unstyled justify-content-center" id="grid">

    <?php endif;

    if ( $counter % 8 == 0 ){
      $counter++;
    }

    $counter++;

  } //  while ( $posts -> have_posts() )
  wp_reset_postdata();


  ?>


                    <!-- ******************************************************  -->

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











     <!-- Clients Section Start -->
    <div id="clients" class="section-padding background-gray">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Unsere Kunden</h2>
          </div>
        </div>


                  <ul class="row portfolio list-unstyled" id="grid">


  <?php

    $args = array(
        'post_type' => 'clients',
        'post_status' => 'publish',
        'posts_per_page' => 100
    );
    $posts = new WP_Query($args);
    $counter = 1;


    while ($posts -> have_posts()) {
        $posts->the_post();

        ?>

        <li class="col-md-2 col-sm-6 project">
          <figure>
            <div class="hovereffect round-pic">
              <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
              <div class="overlay">
                <div class="iocns">
                  <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'client_link', true); ?>"><i class="fa fa-link"></i></a>
                </div>
              </div>
            </div>
          </figure>
        </li>

      <?php if ($counter && $counter % 6 == 0): ?>

        </ul>
        <ul class="row portfolio list-unstyled justify-content-center" id="grid-clients">

      <?php endif;

      $counter++;

    } //  while ( $posts -> have_posts() )
    wp_reset_postdata();


    ?>



              </ul>

      </div>
    </div>
    <!-- Clients Section End -->

    <!-- facts Section Start -->
    <!-- <div id="counter">
      <div class="container">
        <div class="row count-to-sec">
          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
            <span class="icon"><i class="fa fa-download"> </i></span>
            <h3 class="timer count-value" data-to="561" data-speed="1000">561</h3>
            <hr class="width25-divider">
            <small class="count-title">Downloads</small>
          </div>

          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
            <span class="icon"><i class="fa fa-user"> </i></span>
            <h3 class="timer count-value" data-to="950" data-speed="1000">950</h3>
            <hr class="width25-divider">
            <small class="count-title">Developers</small>
          </div>

          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
            <span class="icon"><i class="fa fa-desktop"> </i></span>
            <h3 class="timer count-value" data-to="978" data-speed="1000">978</h3>
            <hr class="width25-divider">
            <small class="count-title">Lines of code written</small>
          </div>

          <div class="col-lg-3 col-md-6 col-xs-12 count-one">
            <span class="icon"><i class="fa fa-coffee"> </i></span>
            <h3 class="timer count-value" data-to="1700" data-speed="1000">1700</h3>
            <hr class="width25-divider">
            <small class="count-title">Cups of coffee consumed</small>
          </div>
        </div>
      </div>
    </div> -->
    <!-- facts Section End -->


    <!-- Single testimonial Start -->
    <div  id="testimonials" class="single-testimonial-area">
      <div class="container">

        <div class="row">
          <div class="col-md-12">
            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Was andere über uns sagen</h2>
          </div>
        </div>

        <div id="single-testimonial-item" class="owl-carousel">


        <?php

          $args = array(
              'post_type' => 'testimonials',
              'post_status' => 'publish',
              'posts_per_page' => 100
          );
          $posts = new WP_Query($args);


          while ($posts -> have_posts()) {
              $posts->the_post();

              ?>


                <!-- Single testimonial Item -->
                <div class="item">
                  <div class="row justify-content-md-center">
                    <div class="col-lg-8 col-md-12 col-xs-12 col-md-auto">
                      <div class="testimonial-inner text-md-center">
                        <blockquote>
                          <?php echo get_post_meta($posts->post->ID, 'testimonial_text', true); ?>
                        </blockquote>
                        <div class="testimonial-images">
                          <img class="img-circle text-md-center" src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="">
                        </div>
                        <div class="testimonial-footer">
                          <i class="fa fa-user"></i>
                          <a href="<?php echo get_post_meta($posts->post->ID, 'testimonial_link', true); ?>"> <?php echo get_post_meta($posts->post->ID, 'testimonial_autor', true); ?></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>


          <?php
          } //  while ( $posts -> have_posts() )
          wp_reset_postdata();


          ?>


        </div>
      </div>
    </div>
    <!-- end -->

    <!-- Contact Form Section Start -->
    <section id="contact" class="contact-form section-padding">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Contact Us</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-8 col-md-6 col-xs-12">
            <h3 class="title-head text-left">Get in touch</h3>
            <form class="contact-form" data-toggle="validator">
              <div class="row">
                <div class="col-lg-4 col-md-12 col-xs-12">
                  <div class="form-group">
                    <i class="contact-icon fa fa-user"></i>
                    <input type="text" class="form-control" id="name" placeholder="Full Name" required data-error="Please enter your name">
                    <div class="help-block with-errors"></div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-12 col-xs-12">
                  <div class="form-group">
                    <i class="contact-icon fa fa-envelope-o"></i>
                    <input type="email" class="form-control" id="email" placeholder="Email" required data-error="Please enter your email">
                    <div class="help-block with-errors"></div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-12 col-xs-12">
                  <div class="form-group">
                    <i class="contact-icon fa fa-pencil-square-o"></i>
                    <input type="text" class="form-control" id="subject" placeholder="Subject" required data-error="Please enter your Subject">
                    <div class="help-block with-errors"></div>
                  </div>
                </div>
                <div class="col-lg-12 col-md-12 col-xs-12">
                  <textarea class="form-control" id="message" rows="4" placeholder="Message" required data-error="Please enter your message"></textarea>
                  <div class="help-block with-errors"></div>
                  <button type="submit" id="form-submit" class="btn btn-common btn-form-submit">Send Message</button>
                  <div id="msgSubmit" class="h3 text-center hidden"></div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </form>
          </div>

          <div class="col-lg-4 col-md-6 col-xs-12">
            <h4 class="contact-info-title text-left">Contact Information</h4>
            <div class="contact-info">
              <address>
              <i class="lni-map-marker icons cyan-color contact-info-icon"></i>
              Level 13, 2 Elizabeth St, Melbourne,
            </address>
              <div class="tel-info">
                <a href="tel:1800452308"><i class="lni-mobile icons cyan-color contact-info-icon"></i>1800 452 308</a>
                <a href="tel:+61(8)82343555"><i class="lni-phone icons cyan-color contact-info-icon"></i>+61 (8) 8234 3555</a>
              </div>
              <a href="mailto:hello@spiritapp.com"><i class="lni-envelope icons cyan-color contact-info-icon"></i>admin@uideck.com</a>
              <a href="#"><i class="lni-tab icons cyan-color contact-info-icon"></i>www.uideck.com</a>
              <ul class="social-links">
                <li>
                  <a href="#" class="fa fa-facebook"></a>
                </li>
                <li>
                  <a href="#" class="fa fa-twitter"></a>
                </li>
                <li>
                  <a href="#" class="fa fa-instagram"></a>
                </li>
                <li>
                  <a href="#" class="fa fa-linkedin"></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Contact Form Section End -->

<?php get_footer(); ?>