Demo > Vorlagen > Einzelelemente

<div class="owl-carousel dg-carousel09  " data-autoplay="true" data-items="3" data-margin="36">
    <div class="item _item ">
      <div class="dg-imagebox05 ">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img01.jpg" />
        </div>
        <div class="content">
          <div class="center">
            <a href="#" title="picture">
              <span class="icon fa fa-arrow-right2"></span>
            </a>
            <h6 class="title">
              <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
            </h6>
            <p class="info">
              <a href="#" title="Innovative">Innovative</a>
              <span class="sep">/</span>
              <a href="#" title="Identity">Identity</a>
              <span class="sep">/</span>
              <a href="#" title="Code">Code</a>
              <span class="sep">/</span>
              <a href="#" title="Design">Design</a>
            </p>
          </div>
        </div>
        <div class="bg bg-black"> </div>
      </div>
    </div>
    <div class="item _item ">
      <div class="dg-imagebox05 ">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img02.jpg" />
        </div>
        <div class="content">
          <div class="center">
            <a href="#" title="picture">
              <span class="icon fa fa-arrow-right2"></span>
            </a>
            <h6 class="title">
              <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
            </h6>
            <p class="info">
              <a href="#" title="Innovative">Innovative</a>
              <span class="sep">/</span>
              <a href="#" title="Identity">Identity</a>
              <span class="sep">/</span>
              <a href="#" title="Code">Code</a>
              <span class="sep">/</span>
              <a href="#" title="Design">Design</a>
            </p>
          </div>
        </div>
        <div class="bg bg-black"> </div>
      </div>
    </div>
    <div class="item _item ">
      <div class="dg-imagebox05 ">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img03.jpg" />
        </div>
        <div class="content">
          <div class="center">
            <a href="#" title="picture">
              <span class="icon fa fa-arrow-right2"></span>
            </a>
            <h6 class="title">
              <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
            </h6>
            <p class="info">
              <a href="#" title="Innovative">Innovative</a>
              <span class="sep">/</span>
              <a href="#" title="Identity">Identity</a>
              <span class="sep">/</span>
              <a href="#" title="Code">Code</a>
              <span class="sep">/</span>
              <a href="#" title="Design">Design</a>
            </p>
          </div>
        </div>
        <div class="bg bg-black"> </div>
      </div>
    </div>
    <div class="item">
      <div class="dg-imagebox05 ">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img04.jpg" />
        </div>
        <div class="content">
          <div class="center">
            <a href="#" title="picture">
              <span class="icon fa fa-arrow-right2"></span>
            </a>
            <h6 class="title">
              <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
            </h6>
            <p class="info">
              <a href="#" title="Innovative">Innovative</a>
              <span class="sep">/</span>
              <a href="#" title="Identity">Identity</a>
              <span class="sep">/</span>
              <a href="#" title="Code">Code</a>
              <span class="sep">/</span>
              <a href="#" title="Design">Design</a>
            </p>
          </div>
        </div>
        <div class="bg bg-black"> </div>
      </div>
    </div>
</div>

<div class="owl-carousel dg-carousel11  " data-autoplay="true" data-items="3" data-margin="36">
    <div class="item  _item">
      <div class="dg-imagebox10">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img07.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-picture"></span>
          </a>
          <div class="bg bg-black"> </div>
        </div>
        <div class="content">
          <h6 class="title">
            <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
          </h6>
          <p class="info">
            <a href="#" title="Innovative">Innovative</a>
            <span class="sep">/</span>
            <a href="#" title="Identity">Identity</a>
            <span class="sep">/</span>
            <a href="#" title="Code">Code</a>
            <span class="sep">/</span>
            <a href="#" title="Design">Design</a>
          </p>
        </div>
      </div>
    </div>
    <div class="item ">
      <div class="dg-imagebox10">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img08.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-picture"></span>
          </a>
          <div class="bg bg-black"> </div>
        </div>
        <div class="content">
          <h6 class="title">
            <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
          </h6>
          <p class="info">
            <a href="#" title="Innovative">Innovative</a>
            <span class="sep">/</span>
            <a href="#" title="Identity">Identity</a>
            <span class="sep">/</span>
            <a href="#" title="Code">Code</a>
            <span class="sep">/</span>
            <a href="#" title="Design">Design</a>
          </p>
        </div>
      </div>
    </div>
    <div class="item ">
      <div class="dg-imagebox10">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img09.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-picture"></span>
          </a>
          <div class="bg bg-black"> </div>
        </div>
        <div class="content">
          <h6 class="title">
            <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
          </h6>
          <p class="info">
            <a href="#" title="Innovative">Innovative</a>
            <span class="sep">/</span>
            <a href="#" title="Identity">Identity</a>
            <span class="sep">/</span>
            <a href="#" title="Code">Code</a>
            <span class="sep">/</span>
            <a href="#" title="Design">Design</a>
          </p>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="dg-imagebox10">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img08.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-picture"></span>
          </a>
          <div class="bg bg-black"> </div>
        </div>
        <div class="content">
          <h6 class="title">
            <a href="#" title="EASY INSTALLATION">EASY INSTALLATION</a>
          </h6>
          <p class="info">
            <a href="#" title="Innovative">Innovative</a>
            <span class="sep">/</span>
            <a href="#" title="Identity">Identity</a>
            <span class="sep">/</span>
            <a href="#" title="Code">Code</a>
            <span class="sep">/</span>
            <a href="#" title="Design">Design</a>
          </p>
        </div>
      </div>
    </div>
    </div>
    <div class="clearfix"> </div>
    <div class="pt-20 text-center">
    <button class="dg-btn-1 size-xs btn-accent radius-3px" data-target="#code-03" data-toggle="modal" type="button">
    <span class="fa fa-code"></span>
    Source Code</button>
    </div>
    <div aria-hidden="true" class="modal fade dg-modal" id="code-03" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button class="close" data-dismiss="modal" type="button">
          <span aria-hidden="true">×</span>
          <span class="sr-only">Close</span>
          </button>
          <h4 class="modal-title">Simple Images Carousel</h4>
        </div>
        <div class="modal-body">
          <pre class="prettyprint light"></pre>
          <div class="modal-footer">
            <button class="dg-btn-1 radius-3px btn-accent" data-dismiss="modal" type="button">Close</button>
          </div>
        </div>
      </div>
    </div>
    </div>
    <div class="dg-title09 text-center mb-40 mt-60">
    <h2 class="title">Simple Images Carousel</h2>
    </div>
    <div class="owl-carousel dg-carousel10  " data-autoplay="true" data-items="3" data-margin="0">
    <div class="item  _item">
      <div class="dg-imagebox12">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img10.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-arrow-right2 bg-white color-black"></span>
          </a>
          <div class="bg bg-accent"> </div>
        </div>
      </div>
    </div>
    <div class="item ">
      <div class="dg-imagebox12">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img11.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-arrow-right2 bg-white color-black"></span>
          </a>
          <div class="bg bg-accent"> </div>
        </div>
      </div>
    </div>
    <div class="item ">
      <div class="dg-imagebox12">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img12.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-arrow-right2 bg-white color-black"></span>
          </a>
          <div class="bg bg-accent"> </div>
        </div>
      </div>
    </div>
    <div class="item">
      <div class="dg-imagebox12">
        <div class="pic">
          <img src="/Portals/0/pages-images/carousel-img11.jpg" />
          <a href="#" title="picture">
            <span class="icon fa fa-arrow-right2 bg-white color-black"></span>
          </a>
          <div class="bg bg-accent"> </div>
        </div>
      </div>
    </div>
</div>

Carousel

Simple Images Carousel

Simple Images Carousel

Simple Images Carousel

Simple Images Carousel

Simple Images Carousel

Images Gallery Carousel