<?php
$this->layout("_theme");
?>
<section id="slider"
class="slider-element slider-parallax swiper_wrapper min-vh-50 min-vh-md-75 min-vh-lg-100 include-header"
data-effect="fade" data-autoplay="7000" data-speed="650" data-loop="true" data-progress="true">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark">
<div class="container banner-click hover" data-url="https://cursoavancado.paliar.com.br/" data-open="_blank">
<div class="slider-caption slider-caption-center">
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner-1.jpg"
) ?>');"></div>
</div>
<div class="swiper-slide dark">
<div class="container banner-click hover" data-url="<?= url("/cursos")?>" data-open="">
<div class="slider-caption slider-caption-center">
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner-2.jpg"
) ?>');"></div>
</div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
</div>
</section>
<section id="content">
<div class="content-wrap py-0">
<!-- <pre>-->
<!-- --><?php
//
// $filter = new \Framework\Session\Session();
// $filter->setMulti([
//// "Modalidade"=>["Pós Graduação", "Extensão"]
// ]
// );
//
//var_dump($filter->has("Extensão"));
//?>
<!-- </pre>-->
<div class="section bg-gray-light my-0 px-lg-0 px-4">
<div class="container py-0 py-lg-4">
<div class="row align-items-center justify-content-center">
<div class="col-lg-5 parallax center" data-bottom-top="margin-top:-50px"
data-top-bottom="margin-top:50px">
<small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-light-gray">MODALIDADES</small>
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Conheça nossas
<span
class="text-fill-effect gradient-primary-animated">modalidades de cursos</span>
</h2>
</div>
<div class="col-lg-10 mt-6">
<div class="row">
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-icon position-relative mb-2">
<a href="#">
<img src="<?= url("images/skill.svg") ?>"
class="rounded-0 bg-transparent text-start" alt="Image"
style="max-width: 50px">
</a>
</div>
<div class="fbox-content">
<h3 class="fw-bolder fs-4 text-transform-none">
Aperfeiçoamento</h3>
<p class="text-muted fw-medium">Formação completa e aprofundada
em cuidados paliativos primários </p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= url("images/parallax3.jpg") ?>')">
<div class="overlay-black-medium"></div>
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-smaller lh-sm">Para profissionais que atuam com
pacientes portadores de doenças graves e necessitam estar aptos para
paliar o sofrimento grave relacionado à saúde.
</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 gradient-border text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-icon position-relative mb-3">
<a href="#">
<img src="<?= url("images/graduation.svg") ?>"
class="rounded-0 bg-transparent text-start" alt="Image"
style="max-width: 45px">
</a>
</div>
<div class="fbox-content">
<h3 class="fw-bolder fs-4 text-transform-none">Pós
Graduação</h3>
<p class="text-muted fw-medium">Formação extensa e aprofundada
abrangendo toda a prática de cuidado paliativo primário e
secundário.
</p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= url("images/parallax3.jpg") ?>')">
<div class="overlay-black-medium"></div>
<div class="flip-card-inner mt-2">
<h4 class="mb-4 text-smaller lh-sm">Ideal para formação de lideranças e
gestão de serviços e para profissionais que irão trabalhar em
núcleos especializados de cuidados paliativos.
</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 gradient-border text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-icon position-relative mb-2">
<a href="#">
<img src="<?= url("images/extension.svg") ?>"
class="rounded-0 bg-transparent text-start" alt="Image"
style="max-width: 45px">
</a>
</div>
<div class="fbox-content">
<h3 class="fw-bolder fs-4 text-transform-none">Extensão</h3>
<p class="text-muted fw-medium">Cursos e capacitações sobre
temas específicos e aprofundados no universo dos cuidados
paliativos
</p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= url("images/parallax3.jpg") ?>')">
<div class="overlay-black-medium"></div>
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-smaller lh-sm">Excelente para o profissional que
deseja reciclar e aprofundar assuntos específicos com a excelência
Paliar.
</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 gradient-border text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-primary my-0 px-lg-0 px-4 dark">
<div class="w-100 h-100 d-none d-lg-block"
style="position: absolute; top: -50px; background: url('<?= url(
"images/logo-parallax.png"
) ?>') no-repeat top right ;"></div>
<div class="w-100 h-100 d-none d-lg-block"
style="position: absolute; top: -50px; background: url('<?= url(
"images/logo-parallax-esq.png"
) ?>') no-repeat top left ;"></div>
<div class="container py-0 py-lg-4">
<div class="row align-items-center justify-content-between">
<div class="col-lg-4 col-md-12" data-bottom-top="margin-top:-50px"
data-top-bottom="margin-top:50px">
<small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-primary">jornada
profissional</small>
<h2 class="lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Encontre o curso ideal pra você
</h2>
<p class="fw-lighter op-08">
No Instituto Paliar, entendemos que a carreira é uma trajetória dinâmica, cheia de
desafios e oportunidades únicas em cada etapa. Por isso, desenvolvemos cursos que
atendem às suas necessidades em qualquer momento da sua jornada profissional, seja você
um iniciante, um profissional em crescimento, alguém consolidado no mercado ou em busca
de maturidade e excelência.
</p>
</div>
<div class="col-lg-7 mt-6">
<div class="row">
<div class="col-md-6 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card2 gradient-border center">
<div class="flip-card-front2 no-after bg-primary">
<div class="overlay-black-light bg-dark"></div>
<div class="flip-card-inner2">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<div>
<img src="<?= url("images/start.svg") ?>" alt="Image"
style="max-width: 45px;">
</div>
<h3 class="fw-bolder fs-4 text-transform-none mt-2">
Iniciante</h3>
<p class="text-muted fw-medium" style="line-height: 1.3em">"Ainda
sou uma <i class="green-text">semente</i> em
desenvolvimento, mas espero amadurecer
meus conhecimentos em Cuidados Paliativos com toda equipe do
Paliar"
</p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back2 gradient-primary">
<div class="flip-card-inner2 mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">se você está iniciando sua carreira
em um núcleo especializado de cuidados paliativos, ou se você
trabalha com pacientes portadores de doenças graves e percebe que
existe sofrimento necessitando de cuidado, aqui é o seu lugar!
</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card2 gradient-border center">
<div class="flip-card-front2 no-after bg-primary">
<div class="overlay-black-light bg-dark"></div>
<div class="flip-card-inner2">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<div>
<img src="<?= url("images/growth.svg") ?>" alt="Image"
style="max-width: 55px;">
</div>
<h3 class="fw-bolder fs-4 text-transform-none mt-2">
Crescimento</h3>
<p class="text-muted fw-medium" style="line-height: 1.3em">"Já
possuo <i class="green-text">raízes</i>, mas ainda tenho uma
longa jornada de
conhecimento pela frente, espero contar com a ajuda do
Paliar."</p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back2 gradient-primary">
<div class="flip-card-inner2 mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Se você já atua com cuidados
paliativos em nível primário ou secundário e compreende que uma
formação técnica, aprofundada e de excelência é o que falta em sua
carreira, venha com a gente!
</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
<div class=" col-md-6 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card2 gradient-border center">
<div class="flip-card-front2 no-after bg-primary">
<div class="overlay-black-light bg-dark"></div>
<div class="flip-card-inner2">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<div>
<img src="<?= url("images/success.svg") ?>" alt="Image"
style="max-width: 60px;">
</div>
<h3 class="fw-bolder fs-4 text-transform-none mt-2">
Consolidado</h3>
<p class="text-muted fw-medium" style="line-height: 1.3em">
"Cheguei no <i class="green-text">tronco</i> e já possuo
formação em cuidados paliativos, atuo com o cuidado do
sofrimento humano.”</p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back2 gradient-primary">
<div class="flip-card-inner2 mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Para você que já é especialista mas
precisa se atualizar, o Instituto Paliar é a escola de cuidados
paliativos que você procura. confira nossas grades
curriculares!</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
<div class=" col-md-6 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card2 gradient-border center">
<div class="flip-card-front2 no-after bg-primary">
<div class="overlay-black-light bg-dark"></div>
<div class="flip-card-inner2">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<div>
<img src="<?= url("images/experient.svg") ?>" alt="Image"
style="max-width: 70px;">
</div>
<h3 class="fw-bolder fs-4 text-transform-none mt-2">
Maturidade</h3>
<p class="text-muted fw-medium" style="line-height: 1.3em">"Atuo
com Cuidados Paliativos e possuo conhecimento necessário
para ser reconhecido no mercado. No entanto, me atualizo com
temáticas relevantes, sempre em busca de manter bons
frutos.”</p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back2 gradient-primary">
<div class="flip-card-inner2 mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">O Instituto Paliar possui uma agenda
acadêmica com formações de extensão voltadas para o você,
paliativista que se aperfeiçoa continuamente. Venha conferir!</h4>
<a href="<?= url("/cursos")?>"
class="button button-reveal button-small button-change overflow-hidden rounded text-transform-none fw-light m-0 text-end">
<i class="uil uil-angle-right-b"></i><span
class="font-secondary ls-2">Saiba Mais</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-gray-light my-0 px-lg-0 px-4">
<div class="container py-0 py-lg-4">
<div class="row align-items-center justify-content-center">
<div class="col-lg-4 parallax center" data-bottom-top="margin-top:-50px"
data-top-bottom="margin-top:50px">
<small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-light-gray">FORMATOS</small>
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Escolha o melhor <span
class="text-fill-effect gradient-primary-animated">formato de aulas</span>
</h2>
</div>
<div class="row justify-content-between align-items-center text-left mt-6">
<div class="col-md-5">
<ul class="swiper-links-container list-unstyled">
<li class="swiper-tab-link active">
<h3 class="swiper-tab-title">Aulas predominantemente presenciais</h3>
<p class="swiper-tab-content fw-lighter small font-body"
style="font-weight: lighter !important;">Encontros presenciais agendados, com
a possibilidade de aulas remotas complementares. Os alunos participam de
atividades em sala de aula, promovendo interação direta com professores e
colegas.
<br>
<br>
<a href="<?= url("/cursos")?>" class="text-secondary ">Saiba Mais <i
class="uil-arrow-right text-secondary"></i></a>
</p>
<div class="swiper-pagination-progress">
<span class="swiper-pagination-bar"></span><span
class="swiper-pagination-bar-active"></span>
</div>
</li>
<li class="swiper-tab-link ">
<h3 class="swiper-tab-title">Aulas predominantemente online e ao vivo</h3>
<p class="swiper-tab-content fw-lighter small font-body"
style="font-weight: lighter !important;">Encontros presenciais e aulas ao
vivo, permitindo interação em tempo real. Os alunos assistem às aulas
online, participando de discussões e atividades.
<br>
<br>
<a href="<?= url("/cursos")?>" class="text-secondary ">Saiba Mais <i
class="uil-arrow-right text-secondary"></i></a>
</p>
<div class="swiper-pagination-progress">
<span class="swiper-pagination-bar"></span><span
class="swiper-pagination-bar-active"></span>
</div>
</li>
<li class="swiper-tab-link ">
<h3 class="swiper-tab-title">On line e ao vivo / EAD</h3>
<p class="swiper-tab-content fw-lighter small font-body"
style="font-weight: lighter !important;">Ensino a distância que inclui aulas
gravadas. Os alunos estudam online, mas têm a oportunidade de consumir os
conteúdos onde e quando quiserem e acessar as gravações para revisão
posterior com parte da grade horária online a ao vivo para maior interação.
<br>
<br>
<a href="<?= url("/cursos")?>" class="text-secondary ">Saiba Mais <i
class="uil-arrow-right text-secondary"></i></a>
</p>
<div class="swiper-pagination-progress">
<span class="swiper-pagination-bar"></span><span
class="swiper-pagination-bar-active"></span>
</div>
</li>
</ul>
<!-- <div class="swiper-pagination swiper-tab-pagination"></div> -->
</div>
<div class="col-md-6">
<div id="swiper-tab" class="swiper_wrapper h-auto">
<div class="swiper-container swiper-tab-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="<?= url("/cursos")?>">
<img src="<?= url("images/aula2.jpg") ?>" alt=".."
class="rounded-xxl"></a>
</div>
<div class="swiper-slide">
<a href="<?= url("/cursos")?>">
<img src="<?= url("images/aula1.jpg") ?>" alt=".."
class="rounded-xxl"></a>
</div>
<div class="swiper-slide">
<a href="<?= url("/cursos")?>">
<img src="<?= url("images/aula3.jpg") ?>" alt=".."
class="rounded-xxl"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-white my-0 px-lg-0 px-4">
<div class="container py-0 py-lg-4">
<div class="row align-items-center justify-content-center">
<div class="col-lg-5 parallax center" data-bottom-top="margin-top:-50px"
data-top-bottom="margin-top:50px">
<small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-white">DIFERENCIAIS</small>
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Por que escolher o <span
class="text-fill-effect gradient-primary-animated">Paliar?</span>
</h2>
<p class="fw-lighter op-08">
Novos desafios merecem a melhor formação </p>
</div>
<div class="col-lg-10 mt-4">
<div class="row">
<div class="col-sm-6 col-lg-4 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light" style="min-height: 320px">
<div class="flip-card-inner center">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<i class="bi-star gradient-primary-animated text-fill-effect fs-1 mb-2"></i>
<h3 class="fw-bolder fs-4 text-transform-none">Professores que
atuam na linha de frene de cuidados paliativos</h3>
<p class="text-muted fw-medium"></p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back gradient-primary-animated dark center"
style="min-height: 320px">
<div class="flip-card-inner mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Comprove os benefícios pedagógicos
evidentes, usufruídos na metodologia ativa aplicada sob o capricho
de quem pratica o Cuidado Paliativo de verdade!</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light" style="min-height: 320px">
<div class="flip-card-inner center">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<i class="bi-star gradient-primary-animated text-fill-effect fs-1 mb-2"></i>
<h3 class="fw-bolder fs-4 text-transform-none">Apoio e
orientação a sua carreira</h3>
<p class="text-muted fw-medium"></p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back gradient-primary-animated dark center"
style="min-height: 320px">
<div class="flip-card-inner mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Te apoiamos durante sua inserção no
mercado de trabalho e na sua jornada profissional, contribuindo para
que faça parte dessa comunidade de profissionais parceiros e
profundamente competentes!
</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light" style="min-height: 320px">
<div class="flip-card-inner center">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<i class="bi-star gradient-primary-animated text-fill-effect fs-1 mb-2"></i>
<h3 class="fw-bolder fs-4 text-transform-none">Imersões e
aprendizagem vivencial</h3>
<p class="text-muted fw-medium"></p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back gradient-primary-animated dark center"
style="min-height: 320px">
<div class="flip-card-inner mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Nossos cursos são comprometidos com
a aplicabilidade prática e a aprendizagem em ambiente simulado e
realístico. Com estratégias pedagógicas específicas, te aproximamos
da realidade clínica com maestria para garantir que a sua formação
seja segura e completa!
</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light" style="min-height: 320px">
<div class="flip-card-inner center">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<i class="bi-star gradient-primary-animated text-fill-effect fs-1 mb-2"></i>
<h3 class="fw-bolder fs-4 text-transform-none">Prática
simulada</h3>
<p class="text-muted fw-medium"></p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back gradient-primary-animated dark center"
style="min-height: 320px">
<div class="flip-card-inner mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Possuímos o compromisso com a
produção acadêmica científica nacional e por isso desenvolvemos um
CEP próprio que avalia inúmeros trabalhos em diferentes níveis de
pesquisa.
</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light" style="min-height: 320px">
<div class="flip-card-inner center">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<i class="bi-star gradient-primary-animated text-fill-effect fs-1 mb-2"></i>
<h3 class="fw-bolder fs-4 text-transform-none">Inovação em
metodologias de ensino e aprendizagem</h3>
<p class="text-muted fw-medium"></p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back gradient-primary-animated dark center"
style="min-height: 320px">
<div class="flip-card-inner mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Nosso currículo e conteúdo
programático contempla os assuntos das mais inovadoras diretrizes
mundiais de cuidados paliativos, respeitando as matrizes de
competências consagradas internacionalmente para que você se torne
de fato um paliativista por excelência sem fronteiras!
</h4>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 mt-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-gray-light" style="min-height: 320px">
<div class="flip-card-inner center">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<i class="bi-star gradient-primary-animated text-fill-effect fs-1 mb-2"></i>
<h3 class="fw-bolder fs-4 text-transform-none">Intercâmbio
profisional e networking</h3>
<p class="text-muted fw-medium"></p>
<i class="bi-arrow-right text-fill-effect gradient-primary"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back gradient-primary-animated dark center"
style="min-height: 320px">
<div class="flip-card-inner mt-3">
<h4 class="mb-4 font-xxsmall lh-sm">Oferecemos um ambiente de
aprendizado dinâmico e colaborativo. Em nossos cursos e eventos
especializados, profissionais trocam experiências e ampliam suas
redes de contato, fortalecendo suas práticas e enriquecendo o
atendimento ao paciente.
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section parallax scroll-detect m-0 border-0 d-flex mt-0 px-lg-0 bg-primary mb-0"
data-parallax-direction="horizontal">
<img src="<?= url("images/parallax.png") ?>" class="parallax-bg">
<div class="vertical-middle">
<div class="container dark">
<div class="row justify-content-center">
<div class="col-10 col-md-7 text-center mb-3">
<small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-primary">FEEDBACKS</small>
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Depoimentos de quem já
passou por aqui
<span class="text-fill-effect gradient-primary-animated">passou por aqui</span>
</h2>
<img src="<?= url("images/arrasta.png") ?>">
</div>
</div>
</div>
<div class="owl-carousel owl-carousel-full image-carousel carousel-widget mt-4 charity-card"
data-stage-padding="20" data-margin="5" data-center="true" data-loop="true"
data-autoplay="500000" data-speed="400" data-items-xs="1" data-items-sm="3" data-items-md="3"
data-items-lg="3" data-items-xl="4">
<div class="oc-item text-start">
<img src="<?= url("images/dep1.jpg") ?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller">Depoimento</span>
<small class=" fw-bolder ls-1 mb-0 d-block fs-2 font-secondary" style="line-height: 1">Dra.
Taís Moreti</small>
<h3 class="mb-5 gradient-primary text-fill-effect">Ex-Aluna Paliar</h3>
<a href="https://www.youtube.com/watch?v=eCEsF5mmU5w" data-lightbox="iframe"
class="button text-transform-none fw-light m-0 gradient-primary-animated font-primary">
Assistir Depoimento <i class="px-2 bi-youtube "></i> </a>
</div>
</div>
<div class="oc-item text-start">
<img src="<?= url("images/dep2.jpg") ?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller">Depoimento</span>
<small class=" fw-bolder ls-1 mb-0 d-block fs-2 font-secondary" style="line-height: 1">
Dr. Tomaz de Aquino</small>
<h3 class="mb-5 gradient-primary text-fill-effect">Ex-Aluno Paliar</h3>
<a href="https://www.youtube.com/watch?v=Wa8QWiN8qS0" data-lightbox="iframe"
class="button text-transform-none fw-light m-0 gradient-primary-animated font-primary">
Assistir Depoimento <i class="px-2 bi-youtube "></i> </a>
</div>
</div>
<div class="oc-item text-start">
<img src="<?= url("images/dep3.jpg") ?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller">Depoimento</span>
<small class=" fw-bolder ls-1 mb-0 d-block fs-2 font-secondary" style="line-height: 1">
OSCE</small>
<h3 class="mb-5 gradient-primary text-fill-effect">Diversos Alunos</h3>
<a href="https://www.youtube.com/watch?v=Nve4iUeEq_Y" data-lightbox="iframe"
class="button text-transform-none fw-light m-0 gradient-primary-animated font-primary">
Assistir Depoimento <i class="px-2 bi-youtube "></i> </a>
</div>
</div>
<div class="oc-item text-start">
<img src="<?= url("images/dep4.jpg") ?>" alt="Image 1" class="rounded">
<div class="oc-desc d-flex flex-column justify-content-center shadow-lg">
<span class="small text-smaller">Depoimento</span>
<small class=" fw-bolder ls-1 mb-0 d-block fs-2 font-secondary" style="line-height: 1">Helena
e Marcelo</small>
<h3 class="mb-5 gradient-primary text-fill-effect">Alunos Paliar</h3>
<a href="https://www.youtube.com/watch?v=x7QANEPjbmo" data-lightbox="iframe"
class="button text-transform-none fw-light m-0 gradient-primary-animated font-primary">
Assistir Depoimento <i class="px-2 bi-youtube "></i> </a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="section bg-white px-lg-0 m-0">-->
<!---->
<!-- <div class="container">-->
<!---->
<!-- <div class="row align-items-md-center justify-content-center mb-5">-->
<!-- <div class="col-md-12 col-lg-4 pe-5 mb-6 mb-lg-0">-->
<!-- <small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-white">ENCONTROS</small>-->
<!-- <h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Participe dos nossos-->
<!-- encontros e-->
<!-- conecte-se com uma <span class="text-fill-effect gradient-primary-animated">comunidade-->
<!-- de transformadores inusitados</span>-->
<!-- </h2>-->
<!-- <p class="fw-light text-black">Confira nossos Encontros e as próximas datas</p>-->
<!-- <a href="--><?php //= url("blog") ?><!--"-->
<!-- class="button bg-white gradient-border text-dark h-text-light m-0 px-4 py-2">Ver-->
<!-- Agenda</a>-->
<!-- </div>-->
<!---->
<!-- <div class="col-lg-4 ">-->
<!---->
<!-- <div class="p-4">-->
<!-- <img src="--><?php //= url("images/cont1.jpg") ?><!--" alt="Image" data-animate="zoomIn faster"-->
<!-- data-delay="150" class="shadow-lg rounded-3">-->
<!-- </div>-->
<!---->
<!-- <div class="p-4">-->
<!-- <img src="--><?php //= url("images/cont2.jpg") ?><!--" alt="Image" data-animate="zoomIn faster"-->
<!-- data-delay="250" class="shadow-lg rounded-3">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 ps-sm-3 mt-3 mt-sm-0">-->
<!-- <div class="p-4">-->
<!-- <img src="--><?php //= url("images/cont3.jpg") ?><!--" alt="Image" data-animate="zoomIn faster"-->
<!-- data-delay="350" class="shadow-lg rounded-3">-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!---->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- </div>-->
<?php
if ($posts): ?>
<div class="section bg-gray-light my-0 py-0 py-lg-5 mb-0 px-lg-0 px-4 ">
<div class="container mt-6">
<div class="row justify-content-between col-mb-50">
<div class="col-lg-3">
<small class="p-1 text-uppercase font-secondary ls-2 mb-1 gradient-border bg-gray-light">BLOGPOST</small>
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Confira os assuntos em
alta
no
<span class="text-fill-effect gradient-primary-animated">Paliar</span>
</h2>
<p class="fw-light text-black">Novidades e atualizações em Medicina & Cuidados
Paliativos</p>
<a href="<?= url("blog") ?>"
class="button bg-gray-light gradient-border text-dark h-text-light m-0 px-4 py-2">Ver
todos Posts</a>
</div>
<div class="col-lg-8">
<div class="dotted-bg"
style="--cnvs-dotted-opacity: .5; --cnvs-dotted-top: -10px; --cnvs-dotted-size: 150px; "></div>
<div class="row align-content-center justify-content-center">
<?php
foreach ($posts as $post): ?>
<div class="col-sm-6 col-md-4 entry">
<div class="entry-image">
<img src="<?= image($post->cover, 600, 400) ?>"
alt="<?= $post->title ?>">
</div>
<div class="entry-meta mb-2 fw-normal">
<ul>
<li><a href="#" class="font-secondary"><?= date_fmt(
$post->created_at,
"d/m/Y"
) ?></a></li>
</ul>
</div>
<div class="entry-title title-sm mb-3">
<h3 class="text-transform-none ls-0 fw-bolder text-fill-effect gradient-primary-animated font-body">
<a href="<?= url("blog/{$post->uri}") ?>"><?= $post->title ?></a>
</h3>
</div>
<a href="<?= url("blog/{$post->uri}") ?>"
class="read-more stretched-link h-text-secondary text-dark h-op-08 small">Leia
mais <i class="bi-arrow-up-right transform-ts"></i></a>
</div>
<?php
endforeach; ?>
</div>
</div>
</div>
</div>
</div>
<?php
endif ?>
<?php
$this->insert("views/newsletter-widget2"); ?>
</div>
</section><!-- #content end -->
<?php
$this->start("scripts"); ?>
<script type="text/javascript">
$(".banner-click").on("click", function () {
var url = $(this).data("url");
var open = $(this).data("open");
if (url != "") {
if (open == "") {
$(location).attr('href', url);
} else {
window.open(url);
}
}
});
$(".banner-click.hover").hover(function () {
$(this).css('cursor', 'pointer');
});
</script>
<script type="text/javascript">
$(".feature-hover").hover(function () {
$(".fbox-hover").fadeOut("fast");
});
var SwiperTabsContainer = new Swiper('.swiper-tab-container', {
loop: true,
slidesPerView: 1,
autoHeight: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
autoplayDisableOnInteraction: false
},
effect: 'fade',
fadeEffect: {
crossFade: true
},
longSwipes: true,
autoplayDisableOnInteraction: true,
on: {
activeIndexChange: function (swiper) {
var index = swiper.realIndex;
jQuery('.swiper-tab-link').removeClass('active');
jQuery('.swiper-tab-link').eq(index).addClass('active');
}
}
});
jQuery('.swiper-tab-link').on('click', function () {
var index = jQuery(this).index();
SwiperTabsContainer.slideToLoop(index);
jQuery('.swiper-tab-link').removeClass('active');
jQuery(this).addClass('active');
});
</script>
<?php
$this->end(); ?>