template/page/service-providers.tpl.php

<?php //Variable declarations for region templates
  $head_title = '<title>The Apache OFBiz&reg; Project - Service Providers</title>';
?>
  <!-- content -->
  <section id="content" class="portfolio">
    <header class="headerPage">
      <div class="container clearfix">
        <div class="row">
          <h1 class="span8">Service Providers</h1>
          <div class="span4" id="navTrail"> <a href="index.html" class="homeLink"> home</a><span>/</span><a href="portfolio-2columns.html">community</a><span>/</span><span class="current">Service Providers</span> </div>
        </div>
      </div>
    </header>
    <div class="container clearfix">
      <div class="row">
        <nav id="filter" class="eight columns">
          <ul>
            <li class="filterTitle">
              <h3>Categories:</h3>
            </li>
            <li><a href="" class="current btn btn-3d btnSmall" data-filter="*">All</a></li>
            <li><a href="" class="btn btn-3d btnSmall"  data-filter=".global">Global</a></li>
      <li><a href="" class="btn btn-3d btnSmall"  data-filter=".europe">Europe</a></li>
      <li><a href="" class="btn btn-3d btnSmall"  data-filter=".africa">Africa</a></li>
      <li><a href="" class="btn btn-3d btnSmall"  data-filter=".asia">Asia</a></li>
      <li><a href="" class="btn btn-3d btnSmall"  data-filter=".america">America</a></li>
      <li><a href="" class="btn btn-3d btnSmall"  data-filter=".australasia">Australasia</a></li>
          </ul>
        </nav>
      </div>
    </div>
    <div class="slice clearfix">
      <div class="container" id="fourColumns">
        <div class="row">
          <div class="portfolio-items isotopeWrapper clearfix da-thumbs" id="4">
            <article class="span3 isotopeItem europe masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/ecomify.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-video.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/solveda-logo.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/isu_logo.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  women masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/Hotwax-Systems.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem women masoneryBloc"> <a class="sizer" href="">
              <section class="imgWrapper"> <img src="images/portfolio/logo_ilscipio.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper"> Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a> </p>
              </section>
            </article>
            <article class="span3 isotopeItem  women masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/Ant-Logo.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/les-arts-informatiques.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/pyt_rgb.jpg" alt=""/></section>
                <div class="mask"> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-fullwidth-carousel.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/provolve_logo.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem women masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/Nereide-Logo-Complet-Verticale.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper"> Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a> </p>
              </section>
            </article>
            <article class="span3 isotopeItem women masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign9.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-fullwidth-carousel.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  women masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign2.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-fullwidth-carousel.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign3.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-video.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  men masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign4.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-fullwidth-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  men masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign5.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-image.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  women masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign6.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-fullwidth-video.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
            <article class="span3 isotopeItem  cats masoneryBloc"> <a class="sizer" href="">
                <section class="imgWrapper"> <img src="images/portfolio/vign7.jpg" alt=""/></section>
                <div> <span class="iconWrapper iconLink"><i class="icon-plus"></i></span> </div>
              </a>
              <section class="hiddenInfo">
                <h3>Lorem ipsum dolor sit amet</h3>
                <p class="boxTextWrapper">Lorem ipsum dolorsit amet, consectetur adipiscing elit. Morbi vulputate nunc ut tellus sollicitudin placerat. Sed ac consectetur leo. Pellentesque habitant morbi tristique senectus et netus... <a href="portfolio-project-carousel.html" class="moreLink">&rarr; read more</a></p>
              </section>
            </article>
          </div>
        </div>
      </div>
    </div>
  </section>
  
</div>