@extends('main')
@section('content')

@include('includes.menu')


<div class="hidden-xs master-slider ms-skin-default ms-autowidht-template" id="masterslider">
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-02.jpg" alt="Slide1 background">    
        <a href="/corpo"></a>  
    </div>
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-01.jpg" alt="Slide1 background">   
        <a href="/sobre"></a>   
    </div>
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-03.jpg" alt="Slide1 background">   
    </div>
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-04.jpg" alt="Slide1 background">   
        <a href="/tratamentos/novas"></a> 
    </div>
</div>
<div class="visible-xs master-slider ms-skin-default ms-autowidht-template" id="masterslider2">
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-01-xs.jpg" alt="Slide1 background">    
        <a href="/corpo"></a>  
    </div>
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-02-xs.jpg" alt="Slide1 background">  
        <a href="/sobre"></a>  
    </div>
    <div class="ms-slide slide-1" data-delay="14">
        <img src="/tratamentos/mastologia/mastologia" data-src="img/banner-03-xs.jpg" alt="Slide1 background">   
    </div>
    <div class="ms-slide slide-1" data-delay="14">
        <img src="" data-src="img/banner-04-xs.jpg" alt="Slide1 background">   
        <a href="/tratamentos/novas"></a> 
    </div>
</div>

<div class="sobre">
    <div class="container">
        <div class="row ">
            <div class="col-sm-offset-1 col-sm-10 col-md-offset-2 col-md-8">
                <h1 data-aos="fade-right" data-aos-easing="ease" data-aos-delay="100" data-aos-duration="2000">&nbsp&nbsp&nbsp&nbsp&nbsp&nbspA CLÍNICA<br><div class="linha-kore"></div> KÓRE</h1>
                <p data-aos="fade-left" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000">
                    Da amizade e identificação mútua entre as médicas Andréa Severa e Luciana Miele, nasce a Clínica Kóre, que abraça especialidades médicas e abordagens avançadas para a saúde, com tratamentos nas áreas de dermatologia, ginecologia e mastologia, além da estética facial e corporal.
                </p>
                <a data-aos="fade-up" data-aos-easing="ease" data-aos-delay="000" data-aos-duration="2000" href="/sobre" class="btn btn-ler-mais">SAIBA<br>MAIS</a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row corpo-clinico res">
        <div class="col-sm-offset-1 col-sm-10 col-md-offset-2 col-md-8">
            <h1 data-aos="fade-right" data-aos-easing="ease" data-aos-delay="100" data-aos-duration="2000">CORPO CLÍNICO</h1>
            <p data-aos="fade-left" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000">
                A Clínica Kóre inova ao trazer a expertise de uma dermatologista aliada à de uma ginecologista, combinando saúde e autoestima com tecnologia avançada.
            </p>
            <a data-aos="fade-up-right" data-aos-easing="ease" data-aos-delay="000" data-aos-duration="2000" href="/corpo" class="btn btn-ler-mais">CONHEÇA</a>
            <div class="row">
                <a href="/corpo">
                    <div data-aos="fade-right" data-aos-easing="ease" data-aos-delay="600" data-aos-duration="2000"  class="col-sm-6 col-xs-6 zoom hidden-xs">
                        <img class="img-responsive" src="/img/andrea-severa.jpg">
                        <h3>DRA. ANDRÉA SEVERA</h3>
                    </div>
                    <div data-aos="fade-left" data-aos-easing="ease" data-aos-delay="600" data-aos-duration="2000"  class="col-sm-6 col-xs-6 zoom hidden-xs">
                        <img class="img-responsive" src="/img/luciana-miele.jpg">
                        <h3>DRA. LUCIANA MIELE</h3>
                    </div>
                    <div data-aos="fade-right" data-aos-easing="ease" data-aos-delay="600" data-aos-duration="2000"  class="col-sm-6 col-xs-6 zoom visible-xs">
                        <img class="img-responsive" src="/img/andrea-severa-xs.jpg">
                        <h3>DRA. ANDRÉA SEVERA</h3>
                    </div>
                    <div data-aos="fade-left" data-aos-easing="ease" data-aos-delay="600" data-aos-duration="2000"  class="col-sm-6 col-xs-6 zoom visible-xs">
                        <img class="img-responsive" src="/img/luciana-miele-xs.jpg">
                        <h3>DRA. LUCIANA MIELE</h3>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<!-- template -->
<div class="ms-partialview-template galeria-tratamentos" id="partial-view-1">
    <!-- masterslider -->
    <div class="master-slider ms-skin-default" id="masterslider3">
        <div class="ms-slide">
            <img src="vendor/masterslider/style/blank.gif" data-src="img/Home_tratamentos/dermatologia-avancada.jpg" alt="lorem ipsum dolor sit"/> 
            <div class="ms-info">
                <h3>DERMATOLOGIA AVANÇADA</h3>
                <p>Dermatologia Clínica, Cirúrgica, Laser e Cosmiatria </p>
            </div>  
        <a href="/tratamentos/dermatologia">
            </a>
        </div>
        <div class="ms-slide">
            <img src="vendor/masterslider/style/blank.gif" data-src="img/Home_tratamentos/ginecologia-avancada.jpg" alt="lorem ipsum dolor sit"/> 
            <div class="ms-info">
                <h3>GINECOLOGIA AVANÇADA</h3>
                <p>Saúde da mulher, Implantes Hormonais, DIU, Harmonização íntima e feminina, Laser íntimo,<br /> Reabilitação uroginecológica e Terapias hormonais</p>
            </div> 

        <a href="/tratamentos/ginecologia">  
            </a>
        </div>
        <div class="ms-slide">
            <img src="vendor/masterslider/style/blank.gif" data-src="img/Home_tratamentos/mastologia.jpg" alt="lorem ipsum dolor sit"/> 
            <div class="ms-info">
                <h3>MASTOLOGIA</h3>
                <p>Dedicada à saúde das mamas</p>
            </div>  
        <a href="/tratamentos/mastologia/mastologia"> 
            </a>
        </div>
        <div class="ms-slide">
            <img src="vendor/masterslider/style/blank.gif" data-src="img/Home_tratamentos/kore-spa.jpg" alt="lorem ipsum dolor sit"/> 
            <div class="ms-info">
                <h3>KÓRE SPA</h3>
                <p>Tratamentos faciais, corporais, capilares, reabilitação e Bronze da GG</p>
            </div>   
        <a href="/tratamentos/kore">
            </a>
        </div>
    </div>
    <!-- end of masterslider -->
</div>
<!-- end of template -->  

<div class="titulo-tratamentos">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="linha-titulo" data-aos="fade-down" data-aos-easing="ease" data-aos-delay="100" data-aos-duration="2000" ></div>
                <h1 data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000" >
                    TRATAMENTOS<br>
                    EM ALTA
                </h1>
            </div>
        </div>
    </div>
</div>
<div class="fundo-inicial">
    <div class="tratamentos-em-alta">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xs-6 trata-1">
                    <a href="/tratamentos/cosmiatria/md-codes" class="zoom">
                        <img data-aos="fade-right" data-aos-easing="ease" data-aos-delay="600" data-aos-duration="2000" class="img-responsive" src="/img/md-codes.jpg">
                        <h3 data-aos="fade-right" data-aos-easing="ease" data-aos-delay="300" data-aos-duration="2000">MD Codes ®</h3>
                        <h4 data-aos="fade-right" data-aos-easing="ease" data-aos-delay="300" data-aos-duration="2000">Cosmiatria</h4>
                    </a>
                </div>
                <div class="col-sm-6 col-xs-6 trata-2">
                    <a href="/tratamentos/ginecologia/laser-intimo" class="zoom">
                        <img data-aos="fade-left" data-aos-easing="ease" data-aos-delay="600" data-aos-duration="2000" class="img-responsive" src="/img/laser-intimo.jpg"> 
                        <h3 data-aos="fade-left" data-aos-easing="ease" data-aos-delay="300" data-aos-duration="2000">Laser íntimo</h3>
                        <h4 data-aos="fade-left" data-aos-easing="ease" data-aos-delay="300" data-aos-duration="2000">Ginecologia Avançada</h4>  
                    </a>
                </div>
                
                <!--
                  Nota: O formulário de Newsletter antigo foi removido em 06/11/2020 por estar gerando erros na captura dos dados e por trocar a 
                  a ferramenta de captura de dados, para o RDStation.
                  
                -->
                <div class="col-xs-12 campo-form-news">
                  <div class="form-group">
                   <!-- <label class="col-md-6 control-label" for="name" data-aos="fade-right" data-aos-easing="ease" data-aos-delay="800" data-aos-duration="2000">INSCREVA-SE PARA <br>RECEBER NOSSA NEWSLETTER</label> -->
                    <div data-aos="fade-right" data-aos-easing="ease" data-aos-delay="800" data-aos-duration="2000" class="col-xs-12" role="main" id="form-newsletter-a47c7c8704f53c94b79e"></div>
                  </div>
                </div>
                
            </div>
        </div>
    </div>
    <div class="blog blog-inicial">
        <div class="container">
            <div class="row ">
                <div class="col-xs-12">
                    <div class="linha-titulo" data-aos="fade-down" data-aos-easing="ease" data-aos-delay="200" data-aos-duration="2000" ></div>
                    <h1 data-aos="fade-up" data-aos-easing="ease" data-aos-delay="100" data-aos-duration="2000" >
                        BLOG
                    </h1>
                    <p data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000" >
                        Fique por dentro das novidades da clínica acessando nosso blog.
                    </p>
                </div>
                <div class="col-sm-4 col-xs-6">
                    <a href="/post1" class="link-a zoom">
                        <img data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000"  class="img-responsive" src="/img/post1/post1-principal.jpg"> 
                        <h3 data-aos="fade-up-right" data-aos-easing="ease" data-aos-delay="450" data-aos-duration="2000" >Clínica Kóre: conheça nossa estrutura</h3> 
                    </a>
                </div>
                <div class="col-sm-4 col-xs-6">
                    <a href="/post2" class="link-a zoom">
                        <img  data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000" class="img-responsive" src="/img/post2/post2-principal.jpg"> 
                        <h3 data-aos="fade-up-right" data-aos-easing="ease" data-aos-delay="450" data-aos-duration="2000" >Como manter um corpo saudável e ativo?</h3> 
                    </a>
                </div>
                <div class="col-sm-4 hidden-xs">
                    <a href="/post3" class="link-a zoom">
                        <img data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400" data-aos-duration="2000" class="img-responsive" src="/img/post3/post3-principal.jpg"> 
                        <h3 data-aos="fade-up-right" data-aos-easing="ease" data-aos-delay="450" data-aos-duration="2000" >Bronze o ano todo, conheça o Bronze da GG</h3>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

@include('includes.rodape')



@endsection

@push('js')
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rdstation-forms/stable/rdstation-forms.min.js
"></script>
<script type="text/javascript"> new RDStationForms('form-newsletter-a47c7c8704f53c94b79e', 'UA-131836127-1').createForm();</script>
<script src="https://static.jsbin.com/js/render/edit.js?4.1.3"></script>
<script type="text/javascript">

 var slider = new MasterSlider();

    // adds Arrows navigation control to the slider.
    slider.control('arrows');
    slider.control('bullets');

    slider.setup('masterslider' , {
         width:1400,    // slider standard width
        height: 700,   // slider standard height
        space:1,
        layout:'fullwidht',
        fillMode:'fit',
        loop:true,
        preload:0,
        autoplay:true
    });

</script>
<script type="text/javascript">

 var slider = new MasterSlider();

    // adds Arrows navigation control to the slider.
    slider.control('arrows');
    slider.control('bullets');

    slider.setup('masterslider2' , {
        width:760,
        height:760,
        space:5,
        loop:true,
        view:'basic',
        layout:'fullwidth',
        autoplay:true,
        fullscreenMargin:57,
        speed:20

    });

</script>
<script type="text/javascript">      

    var slider = new MasterSlider();

    slider.control('arrows');  
    slider.control('slideinfo',{insertTo:"#partial-view-1" , autohide:false, align:'bottom', size:160});
    slider.control('circletimer' , {color:"#FFFFFF" , stroke:9});

    slider.setup('masterslider3' , {
        width:760,
        height:400,
        space:10,
        loop:true,
        view:'fadeWave',
        layout:'partialview'
    });

</script>
@endpush