team members

<div class="row">
    <div class="col-sm-4 col-sm-offset-2">
        <div class="team-member">
            <img src="img/team/{{ site.people[0].pic }}.jpg" class="img-responsive img-circle" alt="">
            <h4>{{ site.people[0].name }}</h4>
            <p class="text-muted">{{ site.people[0].position }}</p>
            <ul class="list-inline social-buttons">
                
                {% for network in site.people[0].social %}
                <li><a href="{{ network.url }}"><i class="fa fa-{{ network.title }}"></i></a>
                {% endfor %}
                

            </ul>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="team-member">
            <img src="img/team/{{ site.people[1].pic }}.jpg" class="img-responsive img-circle" alt="">
            <h4>{{ site.people[1].name }}</h4>
            <p class="text-muted">{{ site.people[1].position }}</p>
            <ul class="list-inline social-buttons">
                
                {% for network in site.people[1].social %}
                <li><a href="{{ network.url }}"><i class="fa fa-{{ network.title }}"></i></a>
                {% endfor %}
                

            </ul>
        </div>
    </div>
</div>