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, array( "width" => 255, "height" => 255 )); ?>" 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, array( "width" => 255, "height" => 255 )); ?>" 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, array( "width" => 255, "height" => 255 )); ?>" 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 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">
          <!-- 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>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsam, non ut molestiae rerum praesentium repellat debitis iure reiciendis, eius culpa beatae commodi facere ad numquam. Quisquam dignissimos similique sunt iure fugit, omnis vel cupiditate repellendus magni nihil molestiae quam, delectus
                  </blockquote>
                  <div class="testimonial-images">
                    <img class="img-circle text-md-center" src="<?php echo get_template_directory_uri(); ?>/img/testimonial/img1.jpg" alt="">
                  </div>
                  <div class="testimonial-footer">
                    <i class="fa fa-user"></i> Arman
                    <a href="#"> UIdeck</a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- 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>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsam, non ut molestiae rerum praesentium repellat debitis iure reiciendis, eius culpa beatae commodi facere ad numquam. Quisquam dignissimos similique sunt iure fugit, omnis vel cupiditate repellendus magni nihil molestiae quam, delectus
                  </blockquote>
                  <div class="testimonial-images">
                    <img class="img-circle text-md-center" src="<?php echo get_template_directory_uri(); ?>/img/testimonial/img2.jpg" alt="">
                  </div>
                  <div class="testimonial-footer">
                    <i class="fa fa-user"></i> Jeniffer
                    <a href="#"> GrayGrids</a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- 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>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsam, non ut molestiae rerum praesentium repellat debitis iure reiciendis, eius culpa beatae commodi facere ad numquam. Quisquam dignissimos similique sunt iure fugit, omnis vel cupiditate repellendus magni nihil molestiae quam, delectus
                  </blockquote>
                  <div class="testimonial-images">
                    <img class="img-circle text-md-center" src="<?php echo get_template_directory_uri(); ?>/img/testimonial/img3.jpg" alt="">
                  </div>
                  <div class="testimonial-footer">
                    <i class="fa fa-user"></i> Elon Musk<a href="#"> Tesla</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </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(); ?>