Loja Integrada - depoimentos

depoimentos-loja-integrada.html

<!--
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>