portfolio updated

css/main.css

@@ -1732,8 +1732,10 @@ nav#menu span.fa.fa-bars:hover {
 }
 
 .team-item figure figcaption .details {
+  text-align: center;
   position: absolute;
   top: 30%;
+  width: 100%;
 }
 
 .team-item figure figcaption .content-white {

index.php

@@ -48,31 +48,7 @@
             <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">
+        <ul class="row portfolio list-unstyled" id="grid">
 
         <?php
 
@@ -87,31 +63,30 @@
           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 -->
+
+                          <!-- project -->
+                          <li class="col-md-3 col-sm-6 project">
+                            <figure>
+                              <div class="hovereffect">
+                                <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'projekt_thumb'); ?>" alt="<?php the_title(); ?>">
+                                <div class="overlay">
+                                  <div class="icons-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>
+                              </div>
+                            </figure>
+                            <div class="portfolio block">
+                              <h5><?php the_title(); ?></h5>
+                              <p class="project-description"><?php echo get_post_meta($posts->post->ID, 'projekt_beschreibung', true); ?></p>
+                            </div>
+                          </li>
+                          <!-- project -->
+
+
 
 
             <?php
@@ -119,9 +94,7 @@
             wp_reset_postdata();
             // wp_reset_query();
             ?>
-          </div> <!--  <div id="portfolio" class="row wow fadeInUpQuick" data-wow-delay="0.8s"> -->
-          </div>
-        </div>
+          </ul>
       </div>
       <!-- Container Ends -->
     </section>
@@ -166,7 +139,7 @@
                             <hr class="small-divider border-white">
                             <div class="social">
                               <a href="mailto:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_email', true); ?>"><i class="fa fa-envelope" aria-hidden="true"></i></a>
-                              <a href="tel:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_tel', true); ?>"><i class="fa fa-phone-square-alt" aria-hidden="true"></i></a>
+                              <a href="tel:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_tel', true); ?>"><?php echo get_post_meta($posts->post->ID, 'mitarbeiter_tel', true); ?></a>
                               <!--
                               <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
                               <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>