team almost done

css/main.css

@@ -3794,11 +3794,11 @@ address i {
 }
 
 /* / End Alerts */
-#portfolio {
+/* #portfolio {
   background: #F6F6F6;
   padding: 60px 0;
   width: 100%;
-}
+} */
 
 #portfolio .mix {
   padding: 0;

functions.php

@@ -328,8 +328,14 @@ function mitarbeiter_position(){
 
 
 
+add_action('save_post', 'save_details');
 
 
+function save_details(){
+  global $post;
+  update_post_meta($post->ID, "mitarbeiter_position", $_POST["mitarbeiter_position"]);
+  update_post_meta($post->ID, "mitarbeiter_email", $_POST["mitarbeiter_email"]);
+}
 
 
 

index.php

@@ -45,12 +45,13 @@
 		      <div class="container">
 		        <div class="row">
 		          <div class="col-md-12">
-		            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Portfolio</h2>
+		            <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">
 		            <!-- Portfolio Controller/Buttons -->
+								<!--
 		            <div class="controls text-center wow fadeInUpQuick" data-wow-delay=".6s">
 		              <a class="filter active btn btn-common" data-filter="all">
 		                All
@@ -67,7 +68,8 @@
 		              <a class="filter btn btn-common" data-filter=".research">
 		                Research
 		              </a>
-		            </div>
+		            </div> -->
+
 		            <!-- Portfolio Controller/Buttons Ends-->
 		          </div>
 
@@ -224,78 +226,79 @@
 		      <div class="container">
 		        <div class="row">
 		          <div class="col-md-12">
-		            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Our Team</h2>
+		            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Das Team</h2>
 		          </div>
 		        </div>
-		        <div class="row">
-		          <div class="col-lg-4 col-md-6 col-xs-12">
-		            <!-- Team Item Starts -->
-		            <figure>
-		              <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-05.jpg" alt="">
-		              <div class="image-overlay">
-		                <div class="overlay-text text-center">
-		                  <div class="info-text">
-		                    <strong>Melody Clark</strong>
-		                    <span>UX Specialist</span>
-		                  </div>
-		                  <hr class="small-divider">
-		                  <ul class="social-icons">
-		                    <li><a href="#"><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>
-		            <!-- Team Item Ends -->
-		          </div>
-		          <div class="col-lg-4 col-md-6 col-xs-12">
-		            <!-- Team Item Starts -->
-		            <figure>
-		              <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-06.jpg" alt="">
-		              <div class="image-overlay">
-		                <div class="overlay-text text-center">
-		                  <div class="info-text">
-		                    <strong>Danny Burton</strong>
-		                    <span>Senior Designer</span>
-		                  </div>
-		                  <hr class="small-divider">
-		                  <ul class="social-icons">
-		                    <li><a href="#"><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>
-		            <!-- Team Item Ends -->
-		          </div>
 
-		          <div class="col-lg-4 col-md-6 col-xs-12">
-		            <!-- Team Item Starts -->
-		            <figure>
-		              <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-07.jpg" alt="">
-		              <div class="image-overlay">
-		                <div class="overlay-text text-center">
-		                  <div class="info-text">
-		                    <strong>Elizabeth Jones</strong>
-		                    <span>Art Director</span>
-		                  </div>
-		                  <hr class="small-divider">
-		                  <ul class="social-icons">
-		                    <li><a href="#"><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>
-		            <!-- Team Item Ends -->
-		          </div>
-		        </div>
-		      </div>
-		    </div>
-		    <!-- Team Section End -->
+
+
+
+
+
+							<div class="row">
+
+							<?php
+
+								$args = array(
+										'post_type' => 'mitarbeiter',
+										'post_status' => 'publish',
+										'posts_per_page' => 10
+								);
+								$posts = new WP_Query( $args );
+								$counter = 0;
+
+								while ( $posts -> have_posts() ) {
+									$posts->the_post();
+
+									// echo	get_the_title(  $posts->post->ID  );
+									// the_content();
+
+									?>
+									
+										<!-- Team Item Starts -->
+										<div class="col-lg-3 col-md-6 col-xs-12">
+	                  <figure>
+	                    <img src="<?php echo get_template_directory_uri(); ?>/img/team/team-05.jpg" alt="">
+	                    <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="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();
+								// wp_reset_query();
+
+								?>
+
+              </div>
+
+
+
+