Carousel Portfolio

<div class="portfolio">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 portfolio-carousel">
        <div class="gallery portfolio-grid portfolio-animation-std portfolio-carousel-itself">
          <div class="gallery-cell  col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2015-08-14" data-title="Sketch Mock Up" data-groups='["sketch"]'>
            <figure class="gallery-item">
              <a href="/img/portfolio/1.jpg" >
                <img src="/img/portfolio/small/1.jpg" alt="Portfolio Item 1">
                
                
                
              </a>
              <div class="figcaption gallery-item-icons">
                <div class="gallery-item-icons-cell">
                  <div class="gallery-icon trigger-image">
                    <a href="#"><i class="fa fa-plus"></i></a>
                  </div>
                  <div class="gallery-icon">
                    <a href="#"><i class="fa fa-ellipsis-h"></i></a>
                  </div>
                </div>
              </div>
            </figure>
            <div class="outer-block">
              <h4 class="gallery-item-title">Sketch Mock Up</h4>
              <span>Duane Carpenter</span>
            </div>
          </div>
          
          <div class="gallery-cell gallery-cell-slider col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2014-10-05" data-title="Vintage Camera" data-groups='["design"]'>
            <figure class="gallery-item">
              <a href="/img/portfolio/camera.jpg" >
                <img src="/img/portfolio/small/camera.jpg" alt="Portfolio Item 2">
                <img src='/img/portfolio/small/camera2.jpg' alt='Portfolio Item 2 2'>
                <img src='/img/portfolio/small/15.jpg' alt='Portfolio Item 2 3'>
                
              </a>
              <div class="figcaption gallery-item-icons">
                <div class="gallery-item-icons-cell">
                  <div class="gallery-icon trigger-image">
                    <a href="#"><i class="fa fa-angle-double-right"></i></a>
                  </div>
                  <div class="gallery-icon">
                    <a href="#"><i class="fa fa-heart-o"></i></a>
                  </div>
                </div>
              </div>
            </figure>
            <div class="outer-block">
              <h4 class="gallery-item-title">Vintage Camera</h4>
              <span>Arlene Ward</span>
            </div>
          </div>
          
          <div class="gallery-cell  col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2016-05-07" data-title="Hand Drawn Chart" data-groups='["sketch"]'>
            <figure class="gallery-item">
              <a href="/img/portfolio/3.jpg" >
                <img src="/img/portfolio/small/3.jpg" alt="Portfolio Item 3">
                
                
                
              </a>
              <div class="figcaption gallery-item-icons">
                <div class="gallery-item-icons-cell">
                  <div class="gallery-icon trigger-image">
                    <a href="#"><i class="fa fa-plus"></i></a>
                  </div>
                  <div class="gallery-icon">
                    <a href="#"><i class="fa fa-ellipsis-h"></i></a>
                  </div>
                </div>
              </div>
            </figure>
            <div class="outer-block">
              <h4 class="gallery-item-title">Hand Drawn Chart</h4>
              <span>Marcus Hoffman</span>
            </div>
          </div>
          
          <div class="gallery-cell  col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2014-07-12" data-title="Funny Mustache" data-groups='["landing"]'>
            <figure class="gallery-item">
              <a href="/img/portfolio/4.jpg" >
                <img src="/img/portfolio/small/4.jpg" alt="Portfolio Item 4">
                
                
                
              </a>
              <div class="figcaption gallery-item-icons">
                <div class="gallery-item-icons-cell">
                  <div class="gallery-icon trigger-image">
                    <a href="#"><i class="fa fa-plus"></i></a>
                  </div>
                  <div class="gallery-icon">
                    <a href="#"><i class="fa fa-ellipsis-h"></i></a>
                  </div>
                </div>
              </div>
            </figure>
            <div class="outer-block">
              <h4 class="gallery-item-title">Funny Mustache</h4>
              <span>Emily Medina</span>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</div>

<div class="portfolio">
  <div class="row">
    <div class="col-xs-12 portfolio-carousel portfolio-no-padding">
      <div class="gallery portfolio-grid portfolio-animation-std portfolio-carousel-itself">
        <div class="gallery-cell  col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2015-08-14" data-title="Sketch Mock Up" data-groups='["sketch"]'>
          <figure class="gallery-item">
            <a href="/img/portfolio/1.jpg" >
              <img src="/img/portfolio/small/1.jpg" alt="Portfolio Item 1">
              
              
              
            </a>
            <div class="figcaption gallery-item-icons">
              <div class="gallery-item-icons-cell">
                <div class="gallery-icon trigger-image">
                  <a href="#"><i class="fa fa-plus"></i></a>
                </div>
                <div class="gallery-icon">
                  <a href="#"><i class="fa fa-ellipsis-h"></i></a>
                </div>
              </div>
            </div>
          </figure>
          <div class="outer-block">
            <h4 class="gallery-item-title">Sketch Mock Up</h4>
            <span>Duane Carpenter</span>
          </div>
        </div>
        
        <div class="gallery-cell gallery-cell-slider col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2014-10-05" data-title="Vintage Camera" data-groups='["design"]'>
          <figure class="gallery-item">
            <a href="/img/portfolio/camera.jpg" >
              <img src="/img/portfolio/small/camera.jpg" alt="Portfolio Item 2">
              <img src='/img/portfolio/small/camera2.jpg' alt='Portfolio Item 2 2'>
              <img src='/img/portfolio/small/15.jpg' alt='Portfolio Item 2 3'>
              
            </a>
            <div class="figcaption gallery-item-icons">
              <div class="gallery-item-icons-cell">
                <div class="gallery-icon trigger-image">
                  <a href="#"><i class="fa fa-angle-double-right"></i></a>
                </div>
                <div class="gallery-icon">
                  <a href="#"><i class="fa fa-heart-o"></i></a>
                </div>
              </div>
            </div>
          </figure>
          <div class="outer-block">
            <h4 class="gallery-item-title">Vintage Camera</h4>
            <span>Arlene Ward</span>
          </div>
        </div>
        
        <div class="gallery-cell  col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2016-05-07" data-title="Hand Drawn Chart" data-groups='["sketch"]'>
          <figure class="gallery-item">
            <a href="/img/portfolio/3.jpg" >
              <img src="/img/portfolio/small/3.jpg" alt="Portfolio Item 3">
              
              
              
            </a>
            <div class="figcaption gallery-item-icons">
              <div class="gallery-item-icons-cell">
                <div class="gallery-icon trigger-image">
                  <a href="#"><i class="fa fa-plus"></i></a>
                </div>
                <div class="gallery-icon">
                  <a href="#"><i class="fa fa-ellipsis-h"></i></a>
                </div>
              </div>
            </div>
          </figure>
          <div class="outer-block">
            <h4 class="gallery-item-title">Hand Drawn Chart</h4>
            <span>Marcus Hoffman</span>
          </div>
        </div>
        
        <div class="gallery-cell  col-xs-12 col-xs-offset-0 col-sm-6 col-md-4 col-lg-3" data-created="2014-07-12" data-title="Funny Mustache" data-groups='["landing"]'>
          <figure class="gallery-item">
            <a href="/img/portfolio/4.jpg" >
              <img src="/img/portfolio/small/4.jpg" alt="Portfolio Item 4">
              
              
              
            </a>
            <div class="figcaption gallery-item-icons">
              <div class="gallery-item-icons-cell">
                <div class="gallery-icon trigger-image">
                  <a href="#"><i class="fa fa-plus"></i></a>
                </div>
                <div class="gallery-icon">
                  <a href="#"><i class="fa fa-ellipsis-h"></i></a>
                </div>
              </div>
            </div>
          </figure>
          <div class="outer-block">
            <h4 class="gallery-item-title">Funny Mustache</h4>
            <span>Emily Medina</span>
          </div>
        </div>
        
      </div>
    </div>
  </div>
</div>