title = "About"
url = "/about"
layout = "master"
is_hidden = 0

[builderList]
modelClass = "Akami\Shift\Models\Content"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
sortColumn = "id"
sortDirection = "desc"
==
{% partial 'bread' page="about.title"|_ %}

{% set records = builderList.records %}

    

<section id="main-container" class="main-container">
    <div class="container">
       {% for record in records if record.page == 'about' %}
           <div class="row">
                <div class="col-md-6">
                    {% for content in record.contents %}
                    <h3 class="border-title border-left">{{content.header}}</h3>
                    {{ content.text|raw }}
                    {% endfor %}
                </div><!-- Col end -->
    
                <div class="col-md-6">
    
                    <div id="page-slider" class="owl-carousel owl-theme page-slider small-bg">
                    
                        {% for img in record.imgs %}
                        <div class="item" style="background-image:url({{img.img|media}})">
                            <div class="container">
                                <div class="box-slider-content">
                                    <div class="box-slider-text">
                                        <h2 class="box-slide-title">{{img.image_title}}</h2>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Item 1 end -->
                        {% endfor %}
                        
                    </div><!-- Page slider end-->
    
    
                </div><!-- Col end -->
            </div><!-- Content row end -->
       {% endfor %}
    </div><!-- Container end -->
</section><!-- Main container end -->


<section class="content solid-bg">
    <div class="container">
        <div class="row text-center">
            <h2 class="border-title">{{'about.service'|_}}</h2>
            <p class="border-sub-title">
                {{'about.service.txt'|_}}
            </p>
        </div><!--/ Title row end -->
        
        {% for record in records if record.page == 'aboutService' %}
        <div class="row">
            
            {% for content in record.contents %}
            <div class="col-md-4">
                <div class="ts-service-box">
                    <span class="ts-service-icon icon-squre">
                        <i class="fa {{content.icon}}"></i>
                    </span>
                    <div class="ts-service-box-content">
                        <h3 class="service-box-title">{{content.header}}</h3>
                        <p>{{content.text|raw}}</p>
                    </div>
                </div><!-- Service 1 end -->
            </div><!-- col end -->
            {% endfor %}
        </div><!-- Content row 1 end -->
        {% endfor %}
        

    </div><!-- Container end -->
</section><!-- Content end -->