<?php global $base_url; ?>
<div class="container">
    <div class="row">
        <div class="col-md-6 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="active"></li>
                    <li data-slide-to="2" data-target="#carousel-example-generic1" class=""></li>
                </ol>
                <!-- Wrapper for slides -->
                <div role="listbox" class="carousel-inner">
                    <div class="item"><img class="img-responsive" alt="a" src="<?php print $base_url; ?>/sites/default/files/demo-images/site-img-83.jpg"></div>
                    <div class="item active"><img class="img-responsive" alt="a" src="<?php print $base_url; ?>/sites/default/files/demo-images/site-img-84.jpg"></div>
                    <div class="item"><img class="img-responsive" alt="a" src="<?php print $base_url; ?>/sites/default/files/demo-images/site-img-85.jpg"></div>
                </div>
            </div>
        </div>
        <div class="col-md-6 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"> Fully Responsive and Well Structured </a> </h4>
                    </div>
                    <div aria-labelledby="headingOne" role="tabpanel" class="panel-collapse collapse in" id="collapseOne">
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                        </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"> Awesome Slideshows </a> </h4>
                    </div>
                    <div aria-labelledby="headingTwo" role="tabpanel" class="panel-collapse collapse" id="collapseTwo">
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                        </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"> Tons of Features </a> </h4>
                    </div>
                    <div aria-labelledby="headingThree" role="tabpanel" class="panel-collapse collapse" id="collapseThree">
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div id="headingFour" role="tab" class="panel-heading">
                        <h4 class="panel-title"> <a aria-controls="collapseFour" aria-expanded="false" href="#collapseFour" data-parent="#accordion" data-toggle="collapse" role="button" class="collapsed"> Modern &amp; Beautiful Design </a> </h4>
                    </div>
                    <div aria-labelledby="headingFour" role="tabpanel" class="panel-collapse collapse" id="collapseFour">
                        <div class="panel-body">
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing eil sed deiusmod tempor incididunt labore dolore magna aliqua. Sed ipsum consectetur adipisicing elit sed do eiusmod tempor incididunt posuere masa um socis.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
