<div id="recentWorks">
    <div class="Parallex" style="background-image: url(/portals/_default/skins/Spa/images/full-width.jpg); background-attachment: fixed; background-color: #17b495; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;">
      <div class="recentWorksPad">
        <div class="row DVPadding titlediv">
        <p class="TitleClass"> Recent<span> Works</span></p>
        <span class="SubTitleClass" style="padding-bottom: 20px;">Lorem ipsum dolor sit amet, dolore eiusmod a filler text nibh urna, euismod </span>
        </div>

        <div class="slider carouselRW">
          <div>
            <div class="project-gal">
            <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Spa/Images/DnnImage01.jpg" />
            <div class="overlay-folio">
            <div class="hover-box">
            <div class="hover-zoom">
            <a class="zoom" href="#"><em class="fa fa-plus"></em></a>
            <a class="link" href="#"><em class="fa fa-link"></em></a>
            </div>
            </div>
            </div>
            </div>
            <div class="project-info">
            <h2>Lorem ipsum dolor sit.</h2>
            <p>Web , Creative</p>
            </div>
          </div>

          <div>
            <div class="project-gal">
            <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Spa/Images/DnnImage02.jpg" />
            <div class="overlay-folio">
            <div class="hover-box">
            <div class="hover-zoom">
            <a class="zoom" href="#"><em class="fa fa-plus"></em></a>
            <a class="link" href="#"><em class="fa fa-link"></em></a>
            </div>
            </div>
            </div>
            </div>
            <div class="project-info">
            <h2>Lorem ipsum dolor sit.</h2>
            <p>Web , Creative</p>
            </div>
          </div>

          <div>
            <div class="project-gal">
            <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Spa/Images/DnnImage03.jpg" />
            <div class="overlay-folio">
            <div class="hover-box">
            <div class="hover-zoom">
            <a class="zoom" href="#"><em class="fa fa-plus"></em></a>
            <a class="link" href="#"><em class="fa fa-link"></em></a>
            </div>
            </div>
            </div>
            </div>
            <div class="project-info">
            <h2>Lorem ipsum dolor sit.</h2>
            <p>Web , Creative</p>
            </div>
          </div>

          <div>
            <div class="project-gal">
            <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Spa/Images/DnnImage04.jpg" />
            <div class="overlay-folio">
            <div class="hover-box">
            <div class="hover-zoom">
            <a class="zoom" href="#"><em class="fa fa-plus"></em></a>
            <a class="link" href="#"><em class="fa fa-link"></em></a>
            </div>
            </div>
            </div>
            </div>
            <div class="project-info">
            <h2>Lorem ipsum dolor sit.</h2>
            <p>Web , Creative</p>
            </div>
          </div>

          <div>
            <div class="project-gal">
            <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Spa/Images/DnnImage05.jpg" />
            <div class="overlay-folio">
            <div class="hover-box">
            <div class="hover-zoom">
            <a class="zoom" href="#"><em class="fa fa-plus"></em></a>
            <a class="link" href="#"><em class="fa fa-link"></em></a>
            </div>
            </div>
            </div>
            </div>
            <div class="project-info">
            <h2>Lorem ipsum dolor sit</h2>
            <p>Web  Design</p>
            </div>
          </div>
        
          <div>
            <div class="project-gal">
            <img class="img-responsive" alt="ImageA" src="/Portals/_default/Skins/Spa/Images/DnnImage02.jpg" />
            <div class="overlay-folio">
            <div class="hover-box">
            <div class="hover-zoom">
            <a class="zoom" href="#"><em class="fa fa-plus"></em></a>
            <a class="link" href="#"><em class="fa fa-link"></em></a>
            </div>
            </div>
            </div>
            </div>
            <div class="project-info">
            <h2>Lorem ipsum dolor sit.</h2>
            <p>Web , Creative</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>