Faro - HEADER MODERNO

<style type="text/css">
body {
  /*background: #EEE;*/
}
</style>

<div class="bg-title">
  <div class="bg-title-int">
    <div class="container">
      <div class="row">

<div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 lado1">
<h1>Faro</h1>
</div>

<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 breadcrumb-cat">
    <h2>Você está aqui:</h2>
    <ul class="breadcrumb">
        <li><a href="https://abclivro.com.br/">Home</a></li>
    <li><span>.</span></li>
        <li><a href="https://abclivro.com.br/marcas">Editoras</a></li>
    <li><span>.</span></li>
        <li><a href="https://abclivro.com.br/faro">Faro</a></li>
    <li><span>.</span></li>
      </ul>

<div class="results visible-xs visible-sm">Encontrado <span>2</span> resultados</div>
</div>

<div class="col-xs-12 col-sm-4 col-md-3 col-lg-4 hidden-xs hidden-sm">
  <div class="results">Encontrado <span>2</span> resultados</div>
</div>

  </div>
    </div>
      </div>
        </div>


<div id="product-manufacturer" class="container">
  <div class="row">

<aside id="column-left" class="col-sm-3 col-lg-2 hidden-xs">     

</aside>

                <div id="content" class="col-sm-12 col-lg-12 page-search">
      <!-- <h2>Faro</h2> -->
      
      <div class="row">
        <div class="col-md-2 col-sm-6 hidden">
          <div class="btn-group btn-group-sm">
            <button type="button" id="list-view" class="btn btn-default" data-toggle="tooltip" title="Lista"><i class="fa fa-th-list"></i></button>
            <button type="button" id="grid-view" class="btn btn-default" data-toggle="tooltip" title="Grade"><i class="fa fa-th"></i></button>
          </div>
        </div>
        <div class="col-md-3 col-sm-6 hidden">
          <div class="form-group"><a href="https://abclivro.com.br/comparar-produtos" id="compare-total" class="btn btn-link">Produtos para comparar (0)</a></div>
        </div>
        <div class="col-md-4 col-xs-6 pull-right">
          <div class="form-group input-group input-group-sm">
            <label class="input-group-addon" for="input-sort">Organizar por:</label>
            <select id="input-sort" class="form-control" onchange="location = this.value;">
                                          <option value="https://abclivro.com.br/faro?sort=p.sort_order&amp;order=ASC" selected="selected">Padrão</option>
                                                        <option value="https://abclivro.com.br/faro?sort=pd.name&amp;order=ASC">Nome (A - Z)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=pd.name&amp;order=DESC">Nome (Z - A)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=p.price&amp;order=ASC">Preço (menor &gt; maior)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=p.price&amp;order=DESC">Preço (maior &gt; menor)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=rating&amp;order=DESC">Avaliação (maior)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=rating&amp;order=ASC">Avaliação (menor)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=p.model&amp;order=ASC">Modelo (A - Z)</option>
                                                        <option value="https://abclivro.com.br/faro?sort=p.model&amp;order=DESC">Modelo (Z - A)</option>
                                        </select>
          </div>
        </div>
        <div class="col-md-3 col-xs-6 pull-right">
          <div class="form-group input-group input-group-sm">
            <label class="input-group-addon" for="input-limit">Exibir:</label>
            <select id="input-limit" class="form-control" onchange="location = this.value;">
                                          <option value="https://abclivro.com.br/faro?limit=24" selected="selected">24</option>
                                                        <option value="https://abclivro.com.br/faro?limit=25">25</option>
                                                        <option value="https://abclivro.com.br/faro?limit=50">50</option>
                                                        <option value="https://abclivro.com.br/faro?limit=75">75</option>
                                                        <option value="https://abclivro.com.br/faro?limit=100">100</option>
                                        </select>
          </div>
        </div>
      </div>


      <div class="row nthchild"> 
              <div class="product-layout product-grid col-lg-3 col-md-4 col-sm-6 col-xs-6 gridnew">
          
          <div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/faro/crushes-mega-desastrosos-de-lottie-brook-296314" class="hvr-pop1"><img src="image/catalog/livros/9786559578795.jpg" data-thumb="image/catalog/livros/9786559578795.jpg" data-thumb2="" alt="Crushes Mega Desastrosos De Lottie Brooks – Vol. 3, Os" title="Crushes Mega Desastrosos De Lottie Brooks – Vol. 3, Os" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
 

                <h4><a href="https://abclivro.com.br/faro/crushes-mega-desastrosos-de-lottie-brook-296314">Crushes Mega Desastrosos De Lottie Brooks – Vol. 3, Os</a></h4>
                <p class="description">Crushes Mega Desastrosos De Lottie Brooks – Vol. 3, Os | Kirby, Katie

O livro Crushes Mega Desastro..</p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('296314');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 67,80</span> no PIX<br />
</span>


          <span class="price-normal">R$ 69,90</span>
            

<span class="content_parcelamento_produto">
 <b>1x</b> de <b>R$ 69,90</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>  

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('296314', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/faro/crushes-mega-desastrosos-de-lottie-brook-296314';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->
        </div>
                <div class="product-layout product-grid col-lg-3 col-md-4 col-sm-6 col-xs-6 gridnew">
          
          <div class="product-thumb">

            <div class="image"><a href="https://abclivro.com.br/faro/ultimos-quadrinhos-da-terra-–-vol-1-os-296288" class="hvr-pop1"><img src="image/catalog/livros/9786559578139.jpg" data-thumb="image/catalog/livros/9786559578139.jpg" data-thumb2="" alt="Ultimos Quadrinhos Da Terra – Vol.1,Os" title="Ultimos Quadrinhos Da Terra – Vol.1,Os" class="img-responsive" /></a></div>


              <div class="caption">


                
                <div class="rating"> 
               
                </div>
                
 

                <h4><a href="https://abclivro.com.br/faro/ultimos-quadrinhos-da-terra-–-vol-1-os-296288">Ultimos Quadrinhos Da Terra – Vol.1,Os</a></h4>
                <p class="description">Ultimos Quadrinhos Da Terra – Vol.1,Os | Pruett, Joshua

O livro Ultimos Quadrinhos Da Terra – Vol.1..</p>


<div class="product-badges">

    <span class="infos-prod pronta-entrega">Pronta-Entrega</span>






</div>


                                <p class="price">


<a class="wishlist-icon hvr-pop" data-toggle="tooltip" title="Adicionar aos Favoritos" onclick="wishlist.add('296288');"><i class="icofont-ui-love"></i></a>


<span class="avista-modules">
<span class="valor-desconto">R$ 67,80</span> no PIX<br />
</span>


          <span class="price-normal">R$ 69,90</span>
            

<span class="content_parcelamento_produto">
 <b>1x</b> de <b>R$ 69,90</b> <span class="hidden-xs">nos cartões de crédito</span>
</span>  

    </p>
    
                </div><!--caption-->



  <div class="buttons-action">

<button type="button" onclick="cart.add('296288', '1');" class="bt hvr-pop">Adicionar ao Carrinho <img src="catalog/view/theme/default/image/icon-cart-buy.png" alt="Adicionar"></button>
<button onclick="location.href='https://abclivro.com.br/faro/ultimos-quadrinhos-da-terra-–-vol-1-os-296288';" class="bt btt hvr-pop"><i class="icofont-eye-alt"></i> Espiar</button>


  </div>
  


          </div><!--product-thumb-->
        </div>
         
          </div><!--row products-->

      <div class="row">
        <div class="col-sm-6 text-left"></div>
        <div class="col-sm-6 text-right">Exibindo de 1 a 2 do total de 2 (1 páginas)</div>
      </div>
            </div>
    </div>
</div>
FOOTER MODERNO