Skip to content

Instantly share code, notes, and snippets.

@luizfaias
Created March 9, 2017 03:24
Show Gist options
  • Save luizfaias/f0ba9286b8cfcdee61a3e5a3c105b0cb to your computer and use it in GitHub Desktop.
Save luizfaias/f0ba9286b8cfcdee61a3e5a3c105b0cb to your computer and use it in GitHub Desktop.
Loja Integrada - depoimentos
<!--
1. Crie um novo código HTML (https://app.lojaintegrada.com.br/painel/configuracao/html/criar)
2. Descrição: Depoimentos
3. Local de publicação: Rodapé
4. Página: home
5. Tipo: HTML
6. Conteúdo: cole todo o código abaixo
7. Divirta-se
-->
<div id="depoimentos">
<div class="conteiner">
<div class="row-fluid">
<h4>Depoimentos</h4>
<div class="span8 offset2">
<div class="flexslider">
<ul class="slides">
<li>
<img class="avatar" src="https://instagram.fcpq4-1.fna.fbcdn.net/t51.2885-19/s150x150/14733352_1693934057601947_5708220546672492544_a.jpg">
<blockquote class="text-center">
<p>Adoro os produtos de vocês!</p>
<cite>Cristiano Ronaldo, <a target="_blank" href="https://instagram.com/cristiano">@cristiano</a></cite>
</blockquote>
</li>
<li>
<img class="avatar" src="https://instagram.fcpq4-1.fna.fbcdn.net/t51.2885-19/s150x150/16110162_236405696802697_6722489378704195584_n.jpg">
<blockquote class="text-center">
<p>A-do-ro!</p>
<cite>Anitta, <a target="_blank" href="https://instagram.com/anitta">@anitta</a></cite>
</blockquote>
</li>
<li>
<img class="avatar" src="https://instagram.fcpq4-1.fna.fbcdn.net/t51.2885-19/s150x150/16464919_657546871036654_5563932799695585280_a.jpg">
<blockquote class="text-center">
<p>Sem palavras pra descrever como eu amo essa marca.</p>
<cite>Neymar Jr, <a target="_blank" href="https://instagram.com/neymarjr">@neymarjr</a></cite>
</blockquote>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#depoimentos').appendTo('#corpo .secao-secundaria');
$('#depoimentos .flexslider').flexslider({
randomize: true
});
});
</script>
<style>
#depoimentos .conteiner {
padding: 0;
background: transparent;
box-shadow: none;
max-width: 1180px;
margin: 50px auto 15px;
}
#depoimentos .flexslider {
margin-top: 40px;
}
#depoimentos .avatar {
width: 100px;
overflow: hidden;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#depoimentos blockquote {
border-left: none;
}
#depoimentos blockquote p {
margin-bottom: 20px;
}
#depoimentos blockquote cite::before {
content: '\2014 \0020';
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment