@extends('layouts.default-home') 
@section('content')

    <!-- intro section
    ================================================== -->

    <div class="banner-page">
        <img src="/images/como-funciona/como-funciona.jpg">             
    </div>             


    <div class="">
    	<ul id="circle-como-funciona">
            <li class="circle">
            	<p class="text-center texto-como-funciona">1º Passo <br> CADASTRO </p>    
                <img src="/images/como-funciona/linha-vertical.png" class="linha-vertical">
            	<a href="/consulta"><img class="img-responsive icone-como-funciona" src="/images/como-funciona/cadastro.png"></a>
            </li> 
            <li class="linha"><img src="/images/como-funciona/linha-maior.png"></li> 
            <li class="circle">
            	<p class="text-center texto-como-funciona">2º Passo <br> CONSULTA  <br> <span>Conte-nos o seu problema</span></p>
                <img src="/images/como-funciona/linha-vertical.png" class="linha-vertical">
            	<a href="/consulta"><img class="img-responsive icone-como-funciona" src="/images/como-funciona/consulta.png"></a>
            </li> 
            <li class="linha"><img src="/images/como-funciona/linha-maior.png"></li> 
            <li class="circle">
            	<p class="text-center texto-como-funciona">3° Passo <br> ADVOGADO ANALISA  <br> <span>Estaremos prontos para te atender</span></p>  
                <img src="/images/como-funciona/linha-vertical.png" class="linha-vertical">
            	<a href="/consulta"><img  class="img-responsive icone-como-funciona" src="/images/como-funciona/advogado-analisa.png"></a> 
            </li> 
        </ul>
    </div> 
    <ul id="circle-como-funciona2">
        <li class="circle " style="max-width: 186px;">
            <p class="text-center texto-como-funciona-baixo">4º Passo<br>CONTRATAÇÃO DE SERVIÇO <br> <span>Serviços personalizados conforme sua<br>  necessidade e realidade</span></b></p>              
            <img src="/images/como-funciona/linha-vertical.png" class="linha-vertical">
            <a href="/consulta"><img class="img-responsive icone-como-funciona como-funciona-abaixo img-como-funciona" src="/images/como-funciona/contratacao-servico.png"></a>
        </li> 
        <li class="linha"><img src="/images/como-funciona/linha-maior-ainda.png"></li> 
        <li class="circle" style="max-width: 186px;">  
            <p class="text-center texto-como-funciona-baixo">5º Passo <br> RESPOSTA COM A SOLUÇÃO <br> <span>Apresentamos as melhores soluções: <br>orientação jurídica, informações para o processo, <br> acompanhamento processual, serviços extrajudiciais <br> e meios alternativos para resolver seus conflitos</span></p>          
            <img src="/images/como-funciona/linha-vertical.png" class="linha-vertical">
            <a href="/consulta"><img class="img-responsive icone-como-funciona como-funciona-abaixo img-como-funciona" src="/images/como-funciona/resposta-solucao.png"></a>
        </li>        
    </ul>



    @stop