@extends('site.template.template')

@section('conteudo')

    <!-- NOSSOS SERVIÇOS -->
    <section class="container tm-home-section-1" id="more">

        <div class="tm-section-header" style="margin-bottom: 30px; margin-top: 30px;">
            <div class="col-lg-3 col-md-3 col-sm-3"><hr></div>
            <div class="col-lg-6 col-md-6 col-sm-6"><h2 class="tm-section-title">Nossos Serviços</h2></div>
            <div class="col-lg-3 col-md-3 col-sm-3"><hr></div>	
        </div>
        <div class="row">
        
            <div class="flexslider effect2 effect2-contact tm-contact-box-1">
                <ul class="slides">
                    <li style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">
                        <div class="row">
                            <div class="flex-caption credenciamento">
                                <img src="{{ asset('img/icons/password.png') }}" class="icon-home icone-mobile"/>
                                <h2 class="slider-title">Credenciamento</h2>
                                <p class="slider-description">{{$elemento->credenciamento}}</p>
                                <br /><br />
                            </div>	
                            <div class="flex-caption">
                                <img src="{{ asset('img/icons/icon.png') }}" class="icon-home icone-mobile-mao"/>
                                <h2 class="slider-title">Controle de Acesso</h2>
                                <p class="slider-description">{{$elemento->controle_de_acesso}}</p>
                                <br /><br />
                            </div>
                            <div class="flex-caption" style="text-align: center">
                                <img src="{{ asset('img/icons/ticket.png') }}" class="icon-home icone-mobile"/>
                                <h2 class="slider-title">Bilheteria</h2>
                                <p class="slider-description">{{$elemento->bilheteria}}</a>
                                <br /><br />
                            </div>
                        </div>	
                    </li>
                </ul>
            </div>

        </div>
    </section>

    <!-- FOTOS DA EMPRESA -->	
    <section class="container tm-home-section-1" id="more"  style="margin-bottom: 10px;">
        <div class="row">
        
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="tm-home-box-1-2 tm-home-box-1-center">
                    <img src="{{ asset('img/index-01.jpg') }}" alt="image" class="img-responsive center-block" style="width: 346px; height: 300px; margin-bottom: 10px;">		
                </div>				
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="tm-home-box-1-2 tm-home-box-1-center">
                    <img src="{{ asset('img/index-02.jpg') }}" alt="image" class="img-responsive center-block" style="width: 346px; height: 300px; margin-bottom: 10px;">		
                </div>				
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="tm-home-box-1-2 tm-home-box-1-center">
                    <img src="{{ asset('img/index-03.png') }}" alt="image" class="img-responsive center-block" style="width: 346px; height: 300px; margin-bottom: 10px;">		
                </div>				
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="tm-home-box-1-2 tm-home-box-1-center">
                    <img src="{{ asset('img/index-04.jpg') }}" alt="image" class="img-responsive center-block" style="width: 346px; height: 300px; margin-bottom: 10px;">		
                </div>				
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="tm-home-box-1-2 tm-home-box-1-center">
                    <img src="{{ asset('img/index-05.jpg') }}" alt="image" class="img-responsive center-block" style="width: 346px; height: 300px; margin-bottom: 10px;">		
                </div>				
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6">
                <div class="tm-home-box-1-2 tm-home-box-1-center">
                    <img src="{{ asset('img/index-06.jpg') }}" alt="image" class="img-responsive center-block" style="width: 346px; height: 300px; margin-bottom: 10px;">		
                </div>				
            </div>
            
        </div>
    </section>	

@endsection