<h4 class="uppercase">Visual Designer</h4>
<br/>
<div class="tab-navbar-main-style-6 tabstyle-6">
    <ul class="responsive-tabs">
        <li><a href="#example-6-tab-1" target="_self">
            <div class="tab-navicon"></div>
        Requirements</a></li>
        <li><a href="#example-6-tab-2" target="_self">
            <div class="tab-navicon"></div>
        Desired Skills </a></li>
        <li><a href="#example-6-tab-3" target="_self">
            <div class="tab-navicon"></div>
        Required</a></li>
    </ul>
</div>
<div class="clearfix"></div>
<div class="tab-content-style-6">
    <div class="responsive-tabs-content">
        <div id="example-6-tab-1" class="responsive-tabs-panel">
            <div class="responsive-tab-title ttitle"></div>
            <h5 class="uppercase">Requirements</h5>
            <p>Development dolor sit amet, consectetur adipiscing elit. Phasellus ac fringilla nulla, sit amet consequat eros. Pellentesque pharetra blandit commyolk. Phasellus massa nisl, feugiat ac bibendum et, dictum id ipsum. Quisque sit amet accumsan tortor It has survived not only five centuries, but also the leap into electronic typesetting, remaining.</p>
            <br/>
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Ut vulputate metus quis urna feugiat sed porta arcu tincidunt.</div>
            </div>
            <!--end item-->
            
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Integer vitae nibh vitae augue congue tristique. </div>
            </div>
            <!--end item-->
            
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Praesent sed mauris sed ligula laoreet condimentum. </div>
            </div>
            <!--end item-->
            
        </div>
        <!--end panel 1-->
        <div class="clearfix"></div>
        <br/>
        <div id="example-6-tab-2" class="responsive-tabs-panel">
            <div class="responsive-tab-title ttitle"></div>
            <h5 class="uppercase">Desired Skills</h5>
            <p>Development dolor sit amet, consectetur adipiscing elit. Phasellus ac fringilla nulla, sit amet consequat eros. Pellentesque pharetra blandit commyolk. Phasellus massa nisl, feugiat ac bibendum et, dictum id ipsum. Quisque sit amet accumsan tortor It has survived not only five centuries, but also the leap into electronic typesetting, remaining.</p>
            <br/>
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Ut vulputate metus quis urna feugiat sed porta arcu tincidunt.</div>
            </div>
            <!--end item-->
            
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Integer vitae nibh vitae augue congue tristique. </div>
            </div>
            <!--end item-->
            
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Praesent sed mauris sed ligula laoreet condimentum. </div>
            </div>
            <!--end item-->
            
        </div>
        <!--end panel 2-->
        
        <div class="clearfix"></div>
        <br/>
        
        <div id="example-6-tab-3" class="responsive-tabs-panel">
            <div class="responsive-tab-title ttitle"></div>
            <h5 class="uppercase">Required</h5>
            <p>Development dolor sit amet, consectetur adipiscing elit. Phasellus ac fringilla nulla, sit amet consequat eros. Pellentesque pharetra blandit commyolk. Phasellus massa nisl, feugiat ac bibendum et, dictum id ipsum. Quisque sit amet accumsan tortor It has survived not only five centuries, but also the leap into electronic typesetting, remaining.</p>
            <br/>
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Ut vulputate metus quis urna feugiat sed porta arcu tincidunt.</div>
            </div>
            <!--end item-->
            
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Integer vitae nibh vitae augue congue tristique. </div>
            </div>
            <!--end item-->
            
            <div class="iconlist-2">
                <div class="icon dark"><i class="fa fa-long-arrow-right"></i></div>
                <div class="text">Praesent sed mauris sed ligula laoreet condimentum. </div>
            </div>
            <!--end item-->
            
        </div>
        <!--end panel 3-->
        
    </div>
</div>
<!--end column-->
<!--end item-->
<!--end tabs-->

<div class="clearfix"></div>
<br/>

<div class="col-md-12">
    <a class="btn btn-dark-3 btn-round" href="#">Read more</a>
</div>

<div class="clearfix"></div>
<div class="col-divider-margin-6"></div>
<br/>
<div class="col-md-12">
    <h4 class="uppercase">Graphic Designer</h4>
    <div class="title_small_line"></div>
    <div class="accordion_holder">
        <div class="accordion_example1">
            
            <!-- Section 1 -->
            <div class="accordion_in acc_active">
                <div class="acc_head">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                <div class="acc_content">
                    <p>Development dolor sit amet, consectetur adipiscing elit. Phasellus ac fringilla nulla, sit amet consequat eros. Pellentesque pharetra blandit commyolk. Phasellus massa nisl, feugiat ac bibendum et, dictum id ipsum. Quisque sit amet accumsan tortor It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged many web sites.</p>
                    <br/>
                    <ul class="iconlist">
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Etiam enim Suspendisse imperdiet cursus nisi Maecenas </li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Sed massa tellus aliquam rhoncus venenatis quis.</li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Praesent odio tellus posuere sed dictum sed fermentum </li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Vitae, hendrerit condimentum dapibus ac nulla.</li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Magna, eget scelerisque metus massa in neque</li>
                    </ul>
                </div>
            </div>
            
            <!-- Section 2 -->
            <div class="accordion_in">
                <div class="acc_head">Integer posuere tellus vitae maximus dapibus.</div>
                <div class="acc_content">Nullam turpis. Cras dapibus, orci rutrum adipiscing luctus, nisl magna tempus urna, id porttitor nunc arcu et mauris. Suspendisse id justo id nisi suscipit porttitor. Pellentesque aliquet, leo id vestibulum eleifend, magna sem iaculis risus, quis volutpat turpis quam in tortor. Morbi euismod nulla aliquet felis. Sed nisi neque, fermentum sit amet, vestibulum et, pretium sit amet, tortor. Nulla egestas pede. Phasellus ac enim. Vivamus risus. Aliquam lacinia ante quis nibh. Curabitur velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </div>
            </div>
            
            <!-- Section 3 -->
            <div class="accordion_in">
                <div class="acc_head">Donec ornare mi id enim fermentum efficitur.</div>
                <div class="acc_content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci. Cras laoreet ligula. Etiam sit amet dolor. </div>
            </div>
            <br/>
            <br/>
            <a class="btn btn-dark-3 btn-round" href="#">Read more</a>
        </div>
    </div>
    <!-- Accordion end -->
</div>


<div class="clearfix"></div>
<div class="col-divider-margin-6"></div>
<br/>


<div class="col-md-12">
    <h4 class="uppercase">Web Developer</h4>
    <div class="title_small_line"></div>
    <div class="accordion_holder">
        <div class="accordion_example1">
            
            <!-- Section 1 -->
            <div class="accordion_in acc_active">
                <div class="acc_head">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                <div class="acc_content">
                    <p>Development dolor sit amet, consectetur adipiscing elit. Phasellus ac fringilla nulla, sit amet consequat eros. Pellentesque pharetra blandit commyolk. Phasellus massa nisl, feugiat ac bibendum et, dictum id ipsum. Quisque sit amet accumsan tortor It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged many web sites.</p>
                    <br/>
                    <ul class="iconlist">
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Etiam enim Suspendisse imperdiet cursus nisi Maecenas </li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Sed massa tellus aliquam rhoncus venenatis quis.</li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Praesent odio tellus posuere sed dictum sed fermentum </li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Vitae, hendrerit condimentum dapibus ac nulla.</li>
                        <li><i class="fa fa-long-arrow-right text-primary"></i> &nbsp; Magna, eget scelerisque metus massa in neque</li>
                    </ul>
                </div>
            </div>
            
            <!-- Section 2 -->
            <div class="accordion_in">
                <div class="acc_head">Integer posuere tellus vitae maximus dapibus.</div>
                <div class="acc_content">Nullam turpis. Cras dapibus, orci rutrum adipiscing luctus, nisl magna tempus urna, id porttitor nunc arcu et mauris. Suspendisse id justo id nisi suscipit porttitor. Pellentesque aliquet, leo id vestibulum eleifend, magna sem iaculis risus, quis volutpat turpis quam in tortor. Morbi euismod nulla aliquet felis. Sed nisi neque, fermentum sit amet, vestibulum et, pretium sit amet, tortor. Nulla egestas pede. Phasellus ac enim. Vivamus risus. Aliquam lacinia ante quis nibh. Curabitur velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </div>
            </div>
            
            <!-- Section 3 -->
            <div class="accordion_in">
                <div class="acc_head">Donec ornare mi id enim fermentum efficitur.</div>
                <div class="acc_content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse et justo. Praesent mattis commodo augue. Aliquam ornare hendrerit augue. Cras tellus. In pulvinar lectus a est. Curabitur eget orci. Cras laoreet ligula. Etiam sit amet dolor. </div>
            </div>
            <br/>
            <br/>
            <a class="btn btn-dark-3 btn-round" href="#">Read more</a>
        </div>
    </div>
    <!-- Accordion end -->
</div>