How to Create a Meet the Team Page

March 4, 2015| Shekhar Bhandari

With sleekly pro comes features that enables you to create a testimonials page for your visitors, with an inbuilt custom post type you just need insert the details and use the benefits of showing testimonials on your website.

  1. How to create a meet the team page

    The whole page should be build with the help of custom html so to create a meember in meet the team page just copy the following code and paste in in the page editor.

    <div class="col-md-4">
    	<div class="sleeky_teams">
    		<div class="sleeky_images">
    			<img class="" src="http://demo.styledthemes.com/demos/flat-responsive/wp-content/uploads/sites/5/2015/01/team1.jpg" alt="..." />
    		</div>
    		
    		<div class="sleeky_team_content">
    			
    			<h3 class="sleeky_team_member">Styled Themes</h3>
    			
    			<div class="sleeky_team_position">Wordpress Developer</div>
    			
    			<div class="sleeky_team_social">
    				<ul class="sleeky_team_social">
    					<li ><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a>
    					</li>
    					<li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-twitter"></i></a></li>
    					<li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-linkedin"></i></a></li>
    					<li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-skype"></i></a></li>
    					<li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-google-plus"></i></a></li>
    					<li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-envelope"></i></a></li>
    				</ul>
    			</div>
    		</div>
    	</div>
    </div>

    Please copy the above code and copy and paste it where you want the team page, this code will only generate 1 team member so you can use bootstrap column grid and copy and paste it as per your need.

Categories: Setup Tutorials for Sleeky Pro

Leave a Reply