[viewBag]

[builderList]
modelClass = "Akami\Shift\Models\Accardion"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
sortColumn = "id"
sortDirection = "desc"
==
{% set records = builderList.records %}
{% set displayColumn = builderList.displayColumn %}
{% set noRecordsMessage = builderList.noRecordsMessage %}
{% set detailsPage = builderList.detailsPage %}
{% set detailsKeyColumn = builderList.detailsKeyColumn %}
{% set detailsUrlParameter = builderList.detailsUrlParameter %}


<section id="ts-features" class="ts-features">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <div class="intro-feature">
                   {% content 'home/about' %}
                    <p><a class="intro-link" href="#"><i class="fa fa-caret-right"> </i> {{'home.about.more'|_}}</a></p>
                    <div class="img-box">
                        <div class="img-box-small">{{'home.about.img.header'|_}}</div>
                        <figure><img class="img-responsive" src="{{'home/about/1.jpeg'|media}}" alt="" style="height: 180px;object-fit: cover;">
                        </figure>
                        <figure><img class="img-responsive" src="{{'home/about/2.jpeg'|media}}" alt="" style="height: 180px;object-fit: cover;">
                        </figure>
                        <figure><img class="img-responsive" src="{{'home/about/3.jpeg'|media}}" alt="" style="height: 180px;object-fit: cover;">
                        </figure>
                    </div>
                </div><!-- Intro box end -->
            </div><!-- Col end -->

        <!--     <div class="col-md-6">
        
            <h3>{{'home.about.accardion.header'|_}}</h3>
        
            <div class="panel-group" id="accordion">
        
             {% for index, record in records %}
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" {{index != 0 ? 'class="collapsed"' : ''}}  href="#collapse_{{index}}">{{record.title}}</a>
                        </h4>
                    </div>
                    <div id="collapse_{{index}}" class="panel-collapse collapse {{index == 0 ? 'in' : ''}}">
                        <div class="panel-body">
                            <p>{{record.content|raw}}</p>
                        </div>
                    </div>
                </div>/ Panel 1 end
            {% endfor %}
        
        
        
            </div>/ Accordion end
        
        </div> -->
            <!-- Col end -->
        </div><!-- Row end -->
    </div><!-- Container end -->
</section><!-- Feature are end -->