Preciso de uma ajuda para fazer meu slider passar a imagem e junto com a imagem passar o texto referente a ela.
Seguem os códigos:
<div class="page-section gallery-single-page">
<div class="gallery-single-warp">
<div class="row">
<div class="col-xl-6 p-0">
<div class="gallery-single-slider owl-carousel">
<img src="img/gallery-single/01.jpg">
<img src="img/gallery-single/02.jpg">
<img src="img/gallery-single/03.jpg">
<img src="img/gallery-single/04.jpg">
<img src="img/gallery-single/05.jpg">
<img src="img/gallery-single/06.jpg">
</div>
</div>
<div class="col-xl-6 p-0">
<div class="gallery-single-text">
<span> Teste de título</span>
<h2>Tratamento clínico</h2>
<ul>
<li><span>Cliente:</span>Nome de teste</li>
<li><span>Data:</span>18 de Agosto de 2022</li>
<li><span>Categoria:</span>Clínico</li>
<li><span>Produtos:</span>Creme de hidratação profunda (Oil²Be)</li>
</ul>
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesua-da fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. Curabitur et mattis ex, a ultrices. Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. Curabitur et mattis ex, a ultrices.</p>
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesua-da fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. Curabitur et mattis ex, a ultrices.</p>
</div>
</div>
</div>
</div>
Pergunta
gustavowierzyc
Boa noite gente!
Preciso de uma ajuda para fazer meu slider passar a imagem e junto com a imagem passar o texto referente a ela.
Seguem os códigos:
<div class="page-section gallery-single-page">
<div class="gallery-single-warp">
<div class="row">
<div class="col-xl-6 p-0">
<div class="gallery-single-slider owl-carousel">
<img src="img/gallery-single/01.jpg">
<img src="img/gallery-single/02.jpg">
<img src="img/gallery-single/03.jpg">
<img src="img/gallery-single/04.jpg">
<img src="img/gallery-single/05.jpg">
<img src="img/gallery-single/06.jpg">
</div>
</div>
<div class="col-xl-6 p-0">
<div class="gallery-single-text">
<span> Teste de título</span>
<h2>Tratamento clínico</h2>
<ul>
<li><span>Cliente:</span>Nome de teste</li>
<li><span>Data:</span>18 de Agosto de 2022</li>
<li><span>Categoria:</span>Clínico</li>
<li><span>Produtos:</span>Creme de hidratação profunda (Oil²Be)</li>
</ul>
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesua-da fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. Curabitur et mattis ex, a ultrices. Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. Curabitur et mattis ex, a ultrices.</p>
<p>Ut pellentesque auctor lorem, at maximus lacus faucibus nec. Interdum et malesua-da fames ac ante ipsum primis in faucibus. Mauris auctor nunc non nulla euismod consequat. Pellentesque non mattis nulla. Fusce quis tempor risus, non elemen tum dui. Curabitur et mattis ex, a ultrices.</p>
</div>
</div>
</div>
</div>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.