Como por embaixo do social horario de funcionamento email endereco e telefone para contato

Layout
2

@clau1 segue o código abaixo. Coloca esse código em Incluir HTML >> Descrição: Central de Atendimento >> Local Publicação: Rodapé >> Pagina da Publicação: Todas as Páginas >> Tipo: HTML.

<script src="https://use.fontawesome.com/f2e10c5fef.js"></script>

<div class="span4 atendimento">
    <span class="titulo cor-secundaria">Atendimento</span>
    <ul>
        <li><i class="fa fa-clock-o" aria-hidden="true"></i><p class="cor-secundaria">Segunda a Sexta das 9h as 17h</p></li>
        <li><i class="fa fa-whatsapp" aria-hidden="true"></i><p class="cor-secundaria">(00) 0000-0000</p></li>
        <li><i class="fa fa-phone" aria-hidden="true"></i><p class="cor-secundaria">(00) 0000-0000</p></li>
        <li><i class="fa fa-envelope-o" aria-hidden="true"></i><a class="cor-secundaria" href="mailto:email@servidor.com.br">email@servidor.com.br</a></li>
        <li><i class="fa fa-map-marker" aria-hidden="true"></i><p class="cor-secundaria">Nome da Rua, 000 - Bairo - Cidade-UF - 00000-000</p></li>
    </ul>
</div>

<script>
    $(function(){$(".span4.atendimento").insertAfter(".pagamento-selos .span4.selos");})
</script>

<style>
    @media only screen and (min-width: 768px) {
        #rodape .redes-sociais {
            position:relative
        }
    }

    .pagamento-selos .span4.atendimento > ul {
        margin:0
    }

    .pagamento-selos .span4.atendimento > ul > li {
        position:relative;
        line-height:25px;
        margin-bottom:3px
    }

    .pagamento-selos .span4.atendimento > ul > li i {
        width:20px;
        text-align:center;
        height:20px;
        line-height:20px;
        position:absolute;
        top:0;
        left:0
    }

    .pagamento-selos .span4.atendimento > ul > li a,.pagamento-selos .span4.atendimento > ul > li p {
        margin:0;
        display:inline-block;
        line-height:20px;
        text-indent:25px;
        vertical-align:top
    }

    body.pagina-carrinho .span4.atendimento,
    body.pagina-carrinho.carrinho-checkout .span4.atendimento,
    body.pagina-pedido-finalizado .span4.atendimento {
        display: none
    }
</style>
7 curtidas