@extends('main')

@section('fullcontent')

        
        <!-- Services -->
        <!--<div class="services-container">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="service wow fadeInUp">
                            <div class="service-icon"><i class="fa fa-eye"></i></div>
                            <h3>Beautiful Websites</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et...</p>
                            <a class="big-link-1" href="services.html">Read more</a>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="service wow fadeInDown">
                            <div class="service-icon"><i class="fa fa-table"></i></div>
                            <h3>Responsive Layout</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et...</p>
                            <a class="big-link-1" href="services.html">Read more</a>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="service wow fadeInUp">
                            <div class="service-icon"><i class="fa fa-magic"></i></div>
                            <h3>Awesome Logos</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et...</p>
                            <a class="big-link-1" href="services.html">Read more</a>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="service wow fadeInDown">
                            <div class="service-icon"><i class="fa fa-print"></i></div>
                            <h3>High Res Prints</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et...</p>
                            <a class="big-link-1" href="services.html">Read more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->

        <!-- Latest work -->
        <div class="work-container">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 work-title wow fadeIn">
                        <h2>Serviços</h2>
                    </div>
                </div>
                <div class="row">
                    


                   

                    @foreach(Artigo::where("destacado","=","1")->get() as $art)
                    <div class="col-sm-3">
                        <div class="work wow fadeInUp">
                            <img src="{{ $art->imagem }}" alt=" {{$art->titulo}} " data-at2x="{{ $art->imagem }}">
                            <h3>{{$art->titulo}}</h3>
                            <p>{{ $art->shortText }}</p>
                            <div class="work-bottom">
                                <a class="big-link-2 view-work" href="assets/img/portfolio/work1.jpg"><i class="fa fa-search"></i></a>
                                <a class="big-link-2" href="portfolio.html"><i class="fa fa-link"></i></a>
                            </div>
                        </div>
                    </div>
                    @endforeach

                    <div class="col-sm-3">
                        <div class="work wow fadeInDown">
                            <img src="assets/img/portfolio/work2.jpg" alt="Ipsum Logo" data-at2x="assets/img/portfolio/work2.jpg">
                            <h3>Ipsum Logo</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                            <div class="work-bottom">
                                <a class="big-link-2 view-work" href="assets/img/portfolio/work2.jpg"><i class="fa fa-search"></i></a>
                                <a class="big-link-2" href="portfolio.html"><i class="fa fa-link"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="work wow fadeInUp">
                            <img src="assets/img/portfolio/work3.jpg" alt="Dolor Prints" data-at2x="assets/img/portfolio/work3.jpg">
                            <h3>Dolor Prints</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                            <div class="work-bottom">
                                <a class="big-link-2 view-work" href="assets/img/portfolio/work3.jpg"><i class="fa fa-search"></i></a>
                                <a class="big-link-2" href="portfolio.html"><i class="fa fa-link"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="work wow fadeInDown">
                            <img src="assets/img/portfolio/work4.jpg" alt="Sit Amet Website" data-at2x="assets/img/portfolio/work4.jpg">
                            <h3>Sit Amet Website</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...</p>
                            <div class="work-bottom">
                                <a class="big-link-2 view-work" href="assets/img/portfolio/work4.jpg"><i class="fa fa-search"></i></a>
                                <a class="big-link-2" href="portfolio.html"><i class="fa fa-link"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Testimonials -->
        <!--<div class="testimonials-container">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 testimonials-title wow fadeIn">
                        <h2>Testimonials</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 testimonial-list">
                        <div role="tabpanel">
                            < ! - - Tab panes - ->
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane fade in active" id="tab1">
                                    <div class="testimonial-image">
                                        <img src="assets/img/testimonials/1.jpg" alt="" data-at2x="assets/img/testimonials/1.jpg">
                                    </div>
                                    <div class="testimonial-text">
                                        <p>
                                            "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. 
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. 
                                            Lorem ipsum dolor sit amet, consectetur..."<br>
                                            <a href="#">Lorem Ipsum, dolor.co.uk</a>
                                        </p>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade" id="tab2">
                                    <div class="testimonial-image">
                                        <img src="assets/img/testimonials/2.jpg" alt="" data-at2x="assets/img/testimonials/2.jpg">
                                    </div>
                                    <div class="testimonial-text">
                                        <p>
                                            "Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip 
                                            ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit 
                                            lobortis nisl ut aliquip ex ea commodo consequat..."<br>
                                            <a href="#">Minim Veniam, nostrud.com</a>
                                        </p>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade" id="tab3">
                                    <div class="testimonial-image">
                                        <img src="assets/img/testimonials/3.jpg" alt="" data-at2x="assets/img/testimonials/3.jpg">
                                    </div>
                                    <div class="testimonial-text">
                                        <p>
                                            "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. 
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. 
                                            Lorem ipsum dolor sit amet, consectetur..."<br>
                                            <a href="#">Lorem Ipsum, dolor.co.uk</a>
                                        </p>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane fade" id="tab4">
                                    <div class="testimonial-image">
                                        <img src="assets/img/testimonials/1.jpg" alt="" data-at2x="assets/img/testimonials/1.jpg">
                                    </div>
                                    <div class="testimonial-text">
                                        <p>
                                            "Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip 
                                            ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit 
                                            lobortis nisl ut aliquip ex ea commodo consequat..."<br>
                                            <a href="#">Minim Veniam, nostrud.com</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Nav tabs - - >
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab"></a>
                                </li>
                                <li role="presentation">
                                    <a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab"></a>
                                </li>
                                <li role="presentation">
                                    <a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab"></a>
                                </li>
                                <li role="presentation">
                                    <a href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab"></a>
                                </li>
                            </ul>-->












        <!-- Marketing Icons Section -->
        <!--<div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    {{Conf::first()->slogan_site}}
                </h1>
            </div>-->
            
            
            @foreach(Artigo::where("destacado","=","1")->get() as $art)
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4><i class="fa fa-fw fa-check"></i> {{$art->titulo}}</h4>
                    </div>
                    <div class="panel-body">
                        <p>{{ $art->shortText }}</p>
                        {{ link_to_action('ArtigosController@visit', 'Ver Mais', $art->id, ' class="btn btn-default"') }}
                    </div>
                </div>
            </div>
            @endforeach

        </div>
        <!-- /.row -->
        
        @if(Artigo::where("portfolio","=","1")->count()>0)
        <!-- Portfolio Section -->
        <div class="row">
            <div class="col-lg-12">
                <h2 class="page-header">O que Fazemos</h2>
            </div>
            @foreach(Artigo::where("portfolio","=","1")->get() as $art)
                <div class="col-md-4 col-sm-6">
                    <a href="{{ URL::to($art->id)}}">
                        <img class="img-responsive img-portfolio img-hover" src="{{ asset($art->imagem) }}" alt="">
                    </a>
                </div>
            @endforeach
            
        </div>
        <!-- /.row -->
        @endif

        
        {{-- @if(Artigo::where("imgDireita","=","1")->count()>0)--}}
            <!-- Features Section -->
            @foreach(Artigo::where("imgDireita","=","1")->get() as $art) --}}
            <!--<div class="row">
                <div class="col-lg-12">
                    <h2 class="page-header">{{--$art->titulo--}}</h2>
                </div>
                <div class="col-md-6">
                    <p>{{-- $art->shortText --}}</p>
                </div>
                <div class="col-md-6">
                    <img class="img-responsive" src="{{asset($art->imagem)}}" alt="">
                </div>
            </div>-->
            {--@endforeach--}
            <!-- /.row -->
        {{--@endif --}
        
        

        <hr>

        <!-- Call to Action Section - - >
        <div class="well">
            <div class="row">
                <div class="col-md-8">
                    <p>Tens duvidas ? Queres saber mais informação sobre o que pretendes? Deixa-nos uma mensagem e nós ligamos!</p>
                </div>
                <div class="col-md-4">
                    <a class="btn btn-lg btn-default btn-block" href="{{URL::to('item/6')}}">Entra em contacto connosco</a>
                </div>
            </div>
        </div>-->

@stop