|
|
@@ -72,7 +72,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
- <div id="portfolio" class="row wow fadeInUpQuick" data-wow-delay="0.8s">
|
|
|
+ <div id="portfolio-content" class="row wow fadeInUpQuick" data-wow-delay="0.8s">
|
|
|
|
|
|
<?php
|
|
|
|
|
|
@@ -198,21 +198,33 @@
|
|
|
</section>
|
|
|
|
|
|
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
<!-- Services Section Start -->
|
|
|
- <section id="services" class="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">Unsere Baugrupen</h2>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
+ <!-- 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">
|
|
|
+
|
|
|
+<!-- ********************************************** -->
|
|
|
|
|
|
-<div class="row">
|
|
|
<?php
|
|
|
|
|
|
$args = array(
|
|
|
@@ -221,49 +233,71 @@
|
|
|
'posts_per_page' => 10
|
|
|
);
|
|
|
$posts = new WP_Query($args);
|
|
|
- $counter = 1;
|
|
|
+ $counter = 2;
|
|
|
|
|
|
- while ($posts -> have_posts()) {
|
|
|
- $posts->the_post(); ?>
|
|
|
- <!-- Team Item Starts -->
|
|
|
|
|
|
- <div class="col-lg-3 col-md-6 col-xs-12 text-center">
|
|
|
- <i class="fact-icon fa fa-user"></i>
|
|
|
- <h3 class="timer" id="websites" data-to="560" data-speed="1000"><?php the_title(); ?></h3>
|
|
|
- <h5 class="fact-title">Happy Clients</h5>
|
|
|
- </div>
|
|
|
+ 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>
|
|
|
|
|
|
- <!-- Team Item Ends -->
|
|
|
|
|
|
<?php if ($counter && $counter % 4 == 0): ?>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
+ </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();
|
|
|
+ wp_reset_postdata();
|
|
|
|
|
|
|
|
|
- ?>
|
|
|
+ ?>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-</section>
|
|
|
+
|
|
|
+ <!-- ****************************************************** -->
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-****************************************************** -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- <!-- Feature Section Start -->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- Clients Section Start -->
|
|
|
<div id="feature" class="section-padding background-gray">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
@@ -271,97 +305,65 @@
|
|
|
<h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Unsere Kunden</h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <!-- Start featured -->
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="featured-box-item">
|
|
|
- <div class="featured-icon">
|
|
|
- <i class="fa fa-bolt"></i>
|
|
|
- </div>
|
|
|
- <div class="featured-content">
|
|
|
- <h4>Bootstrap 4</h4>
|
|
|
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- End featured -->
|
|
|
|
|
|
- <!-- Start featured -->
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="featured-box-item">
|
|
|
- <div class="featured-icon">
|
|
|
- <i class="fa fa-diamond"></i>
|
|
|
- </div>
|
|
|
- <div class="featured-content">
|
|
|
- <h4>Clean Design</h4>
|
|
|
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- End featured -->
|
|
|
|
|
|
- <!-- Start featured -->
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="featured-box-item">
|
|
|
- <div class="featured-icon">
|
|
|
- <i class="fa fa-cubes"></i>
|
|
|
- </div>
|
|
|
- <div class="featured-content">
|
|
|
- <h4>100+ Components</h4>
|
|
|
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- End featured -->
|
|
|
+ <ul class="row portfolio list-unstyled" id="grid">
|
|
|
|
|
|
- <!-- Start featured -->
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="featured-box-item">
|
|
|
- <div class="featured-icon">
|
|
|
- <i class="fa fa-cogs"></i>
|
|
|
- </div>
|
|
|
- <div class="featured-content">
|
|
|
- <h4>Easy to Customize</h4>
|
|
|
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- End featured -->
|
|
|
|
|
|
- <!-- Start featured -->
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="featured-box-item">
|
|
|
- <div class="featured-icon">
|
|
|
- <i class="fa fa-check"></i>
|
|
|
- </div>
|
|
|
- <div class="featured-content">
|
|
|
- <h4>Pixel Perfect</h4>
|
|
|
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- End featured -->
|
|
|
+ <?php
|
|
|
|
|
|
- <!-- Start featured -->
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="featured-box-item">
|
|
|
- <div class="featured-icon">
|
|
|
- <i class="fa fa-cloud"></i>
|
|
|
- </div>
|
|
|
- <div class="featured-content">
|
|
|
- <h4>Cloud Backup</h4>
|
|
|
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et magna aliqua.</p>
|
|
|
+ $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>
|
|
|
- </div>
|
|
|
- <!-- End featured -->
|
|
|
- </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>
|
|
|
- <!-- Feature Section End -->
|
|
|
+ <!-- Clients Section End -->
|
|
|
|
|
|
<!-- facts Section Start -->
|
|
|
- <div id="counter">
|
|
|
+ <!-- <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">
|
|
|
@@ -393,94 +395,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<!-- facts Section End -->
|
|
|
|
|
|
- <!-- Pricing section Start -->
|
|
|
- <section id="pricing" class="section-padding">
|
|
|
+
|
|
|
+ <!-- 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">Pricing Table</h2>
|
|
|
+ <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Was andere über uns sagen</h2>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="pricing-table-item">
|
|
|
- <div class="plan-name">
|
|
|
- <h3>Basic</h3>
|
|
|
- </div>
|
|
|
- <div class="plan-price">
|
|
|
- <div class="price-value">$ 10</div>
|
|
|
- <div class="interval">per month</div>
|
|
|
- </div>
|
|
|
- <div class="plan-list">
|
|
|
- <ul>
|
|
|
- <li><i class="fa fa-check"></i>2GB Disk Space</li>
|
|
|
- <li><i class="fa fa-check"></i>3 Sub Domains</li>
|
|
|
- <li><i class="fa fa-check"></i>12 Database</li>
|
|
|
- <li><i class="fa fa-check"></i>Unlimited Users</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="plan-signup">
|
|
|
- <a href="#" class="btn btn-common">Get Started</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="pricing-table-item table-active">
|
|
|
- <div class="plan-name">
|
|
|
- <h3>Premium</h3>
|
|
|
- </div>
|
|
|
- <div class="plan-price">
|
|
|
- <div class="price-value">$ 69 </div>
|
|
|
- <div class="interval">per month</div>
|
|
|
- </div>
|
|
|
- <div class="plan-list">
|
|
|
- <ul>
|
|
|
- <li><i class="fa fa-check"></i>10GB Disk Space</li>
|
|
|
- <li><i class="fa fa-check"></i>5 Sub Domains</li>
|
|
|
- <li><i class="fa fa-check"></i>12 Database</li>
|
|
|
- <li><i class="fa fa-check"></i>Unlimited Users</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="plan-signup">
|
|
|
- <a href="#" class="btn btn-common">Get Started</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="col-lg-4 col-md-6 col-xs-12">
|
|
|
- <div class="pricing-table-item">
|
|
|
- <div class="plan-name">
|
|
|
- <h3>Unltimate</h3>
|
|
|
- </div>
|
|
|
- <div class="plan-price">
|
|
|
- <div class="price-value">$ 79 </div>
|
|
|
- <div class="interval">per month</div>
|
|
|
- </div>
|
|
|
- <div class="plan-list">
|
|
|
- <ul>
|
|
|
- <li><i class="fa fa-check"></i>50GB Disk Space</li>
|
|
|
- <li><i class="fa fa-check"></i>20 Sub Domains</li>
|
|
|
- <li><i class="fa fa-check"></i>36 Database</li>
|
|
|
- <li><i class="fa fa-check"></i>Unlimited Users</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="plan-signup">
|
|
|
- <a href="#" class="btn btn-common">Get Started</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- Pricing Table Section End -->
|
|
|
|
|
|
- <!-- Single testimonial Start -->
|
|
|
- <div class="single-testimonial-area">
|
|
|
- <div class="container">
|
|
|
<div id="single-testimonial-item" class="owl-carousel">
|
|
|
<!-- Single testimonial Item -->
|
|
|
<div class="item">
|
|
|
@@ -491,7 +420,7 @@
|
|
|
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="img/testimonial/img1.jpg" alt="">
|
|
|
+ <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
|
|
|
@@ -511,7 +440,7 @@
|
|
|
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="img/testimonial/img2.jpg" alt="">
|
|
|
+ <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
|
|
|
@@ -531,7 +460,7 @@
|
|
|
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="img/testimonial/img3.jpg" alt="">
|
|
|
+ <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>
|
Juan Carlos