How to add a team item?


Here is the markup for a team item

<div class="column large-4 medium-4 small-12">
    <div class="wrapper al">
        <div class="teammember dib">
            <div class="wrapper pr ovh mb40">
                <div class="wrapper pa fullwidth fullheight ovh p10">
                    <div class="wrapper">
                        <div class="hover-top hover-el"></div>
                        <div class="hover-bottom hover-el"></div>
                    </div>
                    <div class="wrapper fullwidth fullheight details">
                        <div class="wrapper pa bottom fullwidth pt10 pb10">
                            <!-- social list -->
                            <ul class="list inline ac sgutter">
                                <li>
                                    <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26">
                                        <i class="fa fa-dribbble"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26">
                                        <i class="fa fa-behance"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="/index.php?action=artikel&lang=en&cat=24&id=121&artlang=en#" class="text fz3 ctm lh26">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- member image -->
                <img src="img/theme/team/1.jpg" alt="" class="image">
            </div>
            <h3 class="text fz4 fw3 ac lsm ttu mb5">Member name</h3>
            <p class="text fz1 fsi fw3 ac lsm c2">Member post</p>
        </div>
    </div>
</div>

Add custom icond from Font Awesome icons pack.

Tags: change, edit, team

Last update:
2015-01-09 09:11
Author:
Daniel Verejan
Revision:
1.0
Average rating:0 (0 Votes)