Código comum da lateral
<div class="span4"> <aside class="sidebar"> <section class="sideBox"> <div class="boxSidebarTitle"><i class="ico-user-star"></i></div> <h1 class="titSide">Dados da Conta</h1> <div class="innerSideBox boxWhite"> <h6>Identificador</h6> <p><strong>1234567890</strong></p> <hr> <h6>Nome</h6> <p><strong>Lojinha do Régis</strong></p> <a class="edit-account-name lnkArrow" data-toggle="modal" data-target="#modalEditarNome" href="/accounts/1/edit_name">Editar Nome</a> <hr> <h6>Plano</h6> <p><strong>Nome do plano</strong></p> <p><small>observação qualquer</small></p> <hr> <p>Usadas <strong>300</strong> de <strong>42</strong> transações</p> <a href="#" class="lnkArrow">Aumentar limite</a> </div> </section> <section class="sideBox"> <div class="boxSidebarTitle"><i class="ico-user"></i></div> <h1 class="titSide">Meios de Pagamento</h1> <div class="innerSideBox active-settings"> <img alt="Cartao" src="/img/cartaoCielo.png"> <img alt="Cartao" src="/img/cartaoRedecard.png"> <img alt="Cartao" src="/img/cartaoShopline.png"> <img alt="Cartao" src="/img/cartaoBoleto.png"> <img alt="Cartao" src="/img/cartaoBoletoBradesco.png"> <a href="/settings" class="lnkArrow">Ir para meios de pagamentos</a> </div> </section> <section class="sideBox"> <div class="boxSidebarTitle"><i class="cmicon-help">?</i></div> <h1 class="titSide">Ajuda e Suporte</h1> <div class="innerSideBox"> <ul class="listWhite"> <li><a href="#">Documentação de implementação</a></li> <li><a href="#" rel="external">Wiki do Gateway de pagamentos</a></li> <li><a href="#">Suporte 24h</a></li> </ul> </div> </section> </aside> </div>