<?php global $base_url; ?>
<div class="container">
    <div class="row">
        <div class="col-md-4 m-bottom5">
            <div>
                <!-- Nav tabs -->
                <ul role="tablist" class="nav nav-tabs tabs-style1">
                    <li class="active" role="presentation"><a data-toggle="tab" role="tab" aria-controls="home" href="#home">Color Options</a></li>
                    <li role="presentation"><a data-toggle="tab" role="tab" aria-controls="profile" href="#profile">Responsive</a></li>
                    <li role="presentation"><a data-toggle="tab" role="tab" aria-controls="messages" href="#messages">Support</a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content tab-style2">
                    <div id="home" class="tab-pane active" role="tabpanel">
                        <p>Excepteur sint occaecat cupidatat non proident, sunt culpa only officia deserunt mollit borum amit. Nam a massa in dui pellentesque auctor assumenda shoreditch et. </p>
                        <p>Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa. Sed posuere, purus non accumsan facilisis, ex ante imperdiet nibh, sit amet pharetra felis.</p>
                    </div>
                    <div id="profile" class="tab-pane" role="tabpanel">
                        <p>Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa. Sed posuere, is purus accumsan facilisis, ex ante imperdiet nibh, sit amet pharetra felis. Quisque sed libero commodo, ultricies elit consequat.</p>
                        <p>Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa. Sed posuere, is purus accumsan facilisis, ex ante imperdiet nibh, sit amet pharetra felis.</p>
                    </div>
                    <div id="messages" class="tab-pane" role="tabpanel">
                        <p>Officia deserunt mollit borum amit. Nam a massa in dui pellentesque auctor. Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa. Sed posuere, purus non.</p>
                        <p>Officia deserunt mollit borum amit. Nam a massa in dui pellentesque auctor. Quisque vitae urna non sapien tincidunt sollicitudin nec nec massa.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 m-bottom5">
            <div data-ride="carousel" class="carousel slide" id="carousel-example-generic1">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li class="" data-slide-to="0" data-target="#carousel-example-generic1"></li>
                    <li data-slide-to="1" data-target="#carousel-example-generic1" class=""></li>
                    <li data-slide-to="2" data-target="#carousel-example-generic1" class="active"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div role="listbox" class="carousel-inner">
                    <div class="item"><img alt="a" src="<?php print $base_url.'/'.drupal_get_path('theme', 'probes'); ?>/images/site-img-38.jpg"></div>
                    <div class="item"><img alt="b" src="<?php print $base_url.'/'.drupal_get_path('theme', 'probes'); ?>/images/site-img-37.jpg"></div>
                    <div class="item active"><img alt="b" src="<?php print $base_url.'/'.drupal_get_path('theme', 'probes'); ?>/images/site-img-39.jpg"></div>
                </div>
            </div>
        </div>
        <div class="col-md-4 m-bottom5 ser-panel">
            <div aria-multiselectable="true" role="tablist" id="accordion" class="panel-group">
                <div class="panel panel-default">
                    <div id="headingOne" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseOne" aria-expanded="true" href="#collapseOne" data-parent="#accordion" data-toggle="collapse" role="button"> Awesome Client Support </a> </h4>
                    </div>
                    <div aria-labelledby="headingOne" role="tabpanel" class="panel-collapse collapse in" id="collapseOne">
                        <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et coffee nulla assumenda. </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div id="headingTwo" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseTwo" aria-expanded="false" href="#collapseTwo" data-parent="#accordion" data-toggle="collapse" role="button" class="collapsed"> Responsive Designs </a> </h4>
                    </div>
                    <div aria-labelledby="headingTwo" role="tabpanel" class="panel-collapse collapse" id="collapseTwo">
                        <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et coffee nulla assumenda. </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div id="headingThree" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseThree" aria-expanded="false" href="#collapseThree" data-parent="#accordion" data-toggle="collapse" role="button" class="collapsed"> FREE Updates </a> </h4>
                    </div>
                    <div aria-labelledby="headingThree" role="tabpanel" class="panel-collapse collapse" id="collapseThree">
                        <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et coffee nulla assumenda. </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
