@extends('frontend.home')

@section('content')

<style>

    #exTab1 .tab-content {
        color : white;
        padding : 5px 15px;
    }

    #exTab2 h3 {
        color : white;
        padding : 5px 15px;
    }

    /* remove border radius for the tab */

    #exTab1 .nav-pills > li > a {
        border-radius: 0;
    }

    /* change border radius for the tab , apply corners on top*/

    #exTab3 .nav-pills > li > a {
        border-radius: 4px 4px 0 0 ;
    }

    #exTab3 .tab-content {
        color : white;
        padding : 5px 15px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "Comfortaa";
        font-weight: 300;
    }
    h1 {
        font-size: 46px;
    }
    h2 {
        font-size: 44px;
    }
    h3 {
        font-size: 32px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        color: black;
        font-size: 22px;
        line-height: 30px;
    }
    h6 {
        font-size: 20px;
    }
    .section {
        color: #5c6166;
    }
    .hr.invisible_hr {
        height: 0;
        padding: 0;
    }
    .hr.big_size_hr {
        margin: 30px 0;
    }
    .hr {
        clear: both;
        display: block;
        font-size: 0;
        height: 24px;
        margin: 20px 0;
        overflow: hidden;
        padding: 2px 0;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .highlight_secondary {
        color: #F24046;
    }
    .team-role {
        color: #A4A7AA;
    }
</style>

<div id="team" style="margin-top: 130px;">
    <div class="container">
        <div class="section--title">
            <div class="row">
                <div class="col-md-6">
                    <h2>Meet the <span>Team</span></h2>
                </div>
                <div class="col-md-6">
                </div>
            </div>
        </div>
        <div class="text-center section">
        <h2><span class="highlight_secondary">Our</span> Team</h2>

        <h5>
            Our people are our greatest asset and biggest differentiator.<br>They also believe in having a lot of fun along the way.
        </h5>

        <div class="hr big_size_hr invisible_hr">
            <i class="fa fa-"></i>
        </div>

        <div class="row">
            <div class="col-md-4 col-sm-12">
                <div class="team">
                    <div class="team-image">
                        <a href="#">
                            <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                        </a>
                        <div class="team-links">
                            <div class="team-links-list">
                                <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                            </div><!-- /.team-links-list -->
                        </div><!-- /.team-links -->
                    </div><!-- /.team-image -->
                    <div class="team-content">
                        <div class="team-name"><a href="#"><h5>Tul Hari</h5></a></div>
                        <div class="team-role">Co-founder</div>
                        <div class="team-description"></div>
                    </div><!-- /.team-content -->
                </div><!-- /.team -->
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="team">
                    <div class="team-image">
                        <a href="#">
                            <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                        </a>
                        <div class="team-links">
                            <div class="team-links-list">
                                <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                            </div><!-- /.team-links-list -->
                        </div><!-- /.team-links -->
                    </div><!-- /.team-image -->
                    <div class="team-content">
                        <div class="team-name"><a href="#"><h5>Mary Ramos</h5></a></div>
                        <div class="team-role">Co-founder</div>
                        <div class="team-description"></div>
                    </div><!-- /.team-content -->
                </div><!-- /.team -->
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="team">
                    <div class="team-image">
                        <a href="#">
                            <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                        </a>
                        <div class="team-links">
                            <div class="team-links-list">
                                <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                            </div><!-- /.team-links-list -->
                        </div><!-- /.team-links -->
                    </div><!-- /.team-image -->
                    <div class="team-content">
                        <div class="team-name"><a href="#"><h5>Michael Alexander</h5></a></div>
                        <div class="team-role">Co-founder</div>
                        <div class="team-description"></div>
                    </div><!-- /.team-content -->
                </div><!-- /.team -->
            </div>
        </div>

        <div class="hr invisible_hr">
            <i class="fa fa-"></i>
        </div>

        <div class="container"></div>
        <div id="exTab3" class="container">
            <ul  class="nav nav-pills">
                <li class="active" style="width: 350px">
                    <a  href="#1b" data-toggle="tab" style="color: black">Development</a>
                </li>
                <li style="width: 320px;"><a href="#2b" data-toggle="tab" style="color: black">Sales</a>
                </li>
                <li style="width: 320px;"><a href="#3b" data-toggle="tab" style="color: black">System</a>
                </li>
                <li style="width: 350px;"><a href="#4a" data-toggle="tab" style="color: black">NOC</a>
                </li>
            </ul>

            <div class="tab-content clearfix">
                <div class="tab-pane active"  style="margin-top: 50px;" id="1b">
                    <div class="row">
                        <div class="col-md-2 col-sm-4 col-xs-6"><!-- add col-md-offset-1 for 5 members -->
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Kripal Shrestha</h5></div>
                                    <div class="team-role">Software Developer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Shalabh Adhikari</h5></div>
                                    <div class="team-role">Senior Assistant Develooper</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Donald Speth</h5></div>
                                    <div class="team-role">Account manager</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Frank McGuire</h5></div>
                                    <div class="team-role">Programmer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Natasha Miley</h5></div>
                                    <div class="team-role">Journalist</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Lavona Smith</h5></div>
                                    <div class="team-role">Photographer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                    </div>

                </div>
                <div class="tab-pane" id="2b" style="margin-top: 50px;">
                    <div class="row">
                        <div class="col-md-2 col-sm-4 col-xs-6"><!-- add col-md-offset-1 for 5 members -->
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Herman Mach</h5></div>
                                    <div class="team-role">Software Developer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Joyce Wagner</h5></div>
                                    <div class="team-role">Designer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Donald Speth</h5></div>
                                    <div class="team-role">Account manager</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Frank McGuire</h5></div>
                                    <div class="team-role">Programmer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Natasha Miley</h5></div>
                                    <div class="team-role">Journalist</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Lavona Smith</h5></div>
                                    <div class="team-role">Photographer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="3b" style="margin-top: 50px;">
                    <div class="row">
                        <div class="col-md-2 col-sm-4 col-xs-6"><!-- add col-md-offset-1 for 5 members -->
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Herman Mach</h5></div>
                                    <div class="team-role">Software Developer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Joyce Wagner</h5></div>
                                    <div class="team-role">Designer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Donald Speth</h5></div>
                                    <div class="team-role">Account manager</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Frank McGuire</h5></div>
                                    <div class="team-role">Programmer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Natasha Miley</h5></div>
                                    <div class="team-role">Journalist</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Lavona Smith</h5></div>
                                    <div class="team-role">Photographer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="4b" style="margin-top: 50px;">
                    <div class="row">
                        <div class="col-md-2 col-sm-4 col-xs-6"><!-- add col-md-offset-1 for 5 members -->
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Herman Mach</h5></div>
                                    <div class="team-role">Software Developer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Joyce Wagner</h5></div>
                                    <div class="team-role">Designer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Donald Speth</h5></div>
                                    <div class="team-role">Account manager</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Frank McGuire</h5></div>
                                    <div class="team-role">Programmer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Natasha Miley</h5></div>
                                    <div class="team-role">Journalist</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="team">
                                <div class="team-image">
                                    <a href="#">
                                        <img src="http://dummyimage.com/450x450/d9dadc/1c1f24.png&text=+" class="img-circle img-responsive">
                                    </a>
                                    <div class="team-links">
                                        <div class="team-links-list">
                                            <a href="#" target="_blank"><i class="fa fa-envelope"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-linked"></i></a>
                                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        </div><!-- /.team-links-list -->
                                    </div><!-- /.team-links -->
                                </div><!-- /.team-image -->
                                <div class="team-content">
                                    <div class="team-name"><h5>Lavona Smith</h5></div>
                                    <div class="team-role">Photographer</div>
                                    <div class="team-description"></div>
                                </div><!-- /.team-content -->
                            </div><!-- /.team -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="hr big_size_hr invisible_hr">
            <i class="fa fa-"></i>
        </div>

    </div><!-- /.container -->
</div>
</div>
@endsection