Estrutura de Pacote com TAGS
TAGS: FLOT RECOMENDA GURU INDICA MELHOR PREÇO Novidade GUIA PORTUGUÊS
<!-- TAG: FLOT RECOMENDA -->
<div class="row mx-auto">
<div class="col-12 col-md-9 col-xl-10 infos-left">
<p class="card-title">Título do Pacote</p>
<p class="card-text"><span class="badge badge-recommended">FLOT RECOMENDA</span> Destinos do Pacote</p>
<p class="card-days">x noites - Jul a Set 2020</p>
</div>
<div class="col col-md-3 col-xl-2 text-center infos-right">
<div class="cta-primary">
<a href="/cole_o_link" class="btn-default btn-color" tabindex="-1"> Saiba Mais</a>
</div>
</div>
</div>
<!-- TAG: GURU INDICA -->
<div class="row mx-auto">
<div class="col-12 col-md-9 col-xl-10 infos-left">
<p class="card-title">Título do Pacote</p>
<p class="card-text"><span class="badge badge-guru">GURU INDICA</span> Destinos do Pacote</p>
<p class="card-days">x noites - Jul a Set 2020</p>
</div>
<div class="col col-md-3 col-xl-2 text-center infos-right">
<div class="cta-primary">
<a href="/cole_o_link" class="btn-default btn-color" tabindex="-1"> Saiba Mais</a>
</div>
</div>
</div>
<!-- TAG: MELHOR PREÇO -->
<div class="row mx-auto">
<div class="col-12 col-md-9 col-xl-10 infos-left">
<p class="card-title">Título do Pacote</p>
<p class="card-text"><span class="badge badge-bestPrice">MELHOR PREÇO</span> Destinos do Pacote</p>
<p class="card-days">x noites - Jul a Set 2020</p>
</div>
<div class="col col-md-3 col-xl-2 text-center infos-right">
<div class="cta-primary">
<a href="/cole_o_link" class="btn-default btn-color" tabindex="-1"> Saiba Mais</a>
</div>
</div>
</div>
<!-- TAG: NOVIDADE ou NOVO -->
<div class="row mx-auto">
<div class="col-12 col-md-9 col-xl-10 infos-left">
<p class="card-title">Título do Pacote</p>
<p class="card-text"><span class="badge badge-info">Novidade</span> Destinos do Pacote</p>
<p class="card-days">x noites - Jul a Set 2020</p>
</div>
<div class="col col-md-3 col-xl-2 text-center infos-right">
<div class="cta-primary">
<a href="/cole_o_link" class="btn-default btn-color" tabindex="-1"> Saiba Mais</a>
</div>
</div>
</div>
<!-- TAG: GUIA EM PORTUGUÊS -->
<div class="row mx-auto">
<div class="col-12 col-md-9 col-xl-10 infos-left">
<p class="card-title">Título do Pacote</p>
<p class="card-text"><span class="badge badge-guiaPT">GUIA PORTUGUÊS</span> Destinos do Pacote</p>
<p class="card-days">x noites - Jul a Set 2020</p>
</div>
<div class="col col-md-3 col-xl-2 text-center infos-right">
<div class="cta-primary">
<a href="/cole_o_link" class="btn-default btn-color" tabindex="-1"> Saiba Mais</a>
</div>
</div>
</div>