Side Icon Boxes

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-xs left color-accent"><i class="fa fa-palette"></i> </span>
      <div class="box-right">
        <h3 class="title">WEB DESIGN & UI</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-xs left color-accent"><i class="fa fa-paw2"></i> </span>
      <div class="box-right">
        <h3 class="title">DEVELOPMENT & CMS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-xs left color-accent"><i class="fa fa-register"></i> </span>
      <div class="box-right">
        <h3 class="title">100% TRANSLATABLE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 02

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xs left color-accent2"><i class="fa fa-palette"></i><span class="bg bg-accent2"></span></div>
      <div class="box-right">
        <h3 class="title">INVENTIVE ELEMENTS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xs left color-darkturquoise"><i class="fa fa-paw2"></i><span class="bg bg-darkturquoise"></span></div>
      <div class="box-right">
        <h3 class="title">5-STAR SUPPORT</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xs left color-shamrock"><i class="fa fa-register"></i><span class="bg bg-shamrock"></span></div>
      <div class="box-right">
        <h3 class="title">CONSULTING</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 03

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-xs left"><span class="front bg-accent"><i class="fa fa-pencil3"></i></span><span class="back color-accent"><i class="fa fa-pencil3"></i></span></div>
      <div class="box-right">
        <h3 class="title">YOUR PERFECT TOOL</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-xs left"><span class="front bg-pink"><i class="fa fa-medal-empty"></i></span><span class="back color-pink"><i class="fa fa-medal-empty"></i></span></div>
      <div class="box-right">
        <h3 class="title">EXPERT CERTIFICATE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-xs left"><span class="front bg-saffron"><i class="fa fa-lamp"></i></span><span class="back color-saffron"><i class="fa fa-lamp"></i></span></div>
      <div class="box-right">
        <h3 class="title">DIFFERENT LIGHT SITUATIONS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-sm left color-accent"><i class="fa fa-palette"></i> </span>
      <div class="box-right">
        <h3 class="title">WEB DESIGN & UI</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-sm left color-accent"><i class="fa fa-paw2"></i> </span>
      <div class="box-right">
        <h3 class="title">DEVELOPMENT & CMS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-sm left color-accent"><i class="fa fa-register"></i> </span>
      <div class="box-right">
        <h3 class="title">100% TRANSLATABLE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 02

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xs left color-accent2"><i class="fa fa-palette"></i><span class="bg bg-accent2"></span></div>
      <div class="box-right">
        <h3 class="title">INVENTIVE ELEMENTS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-sm left color-darkturquoise"><i class="fa fa-paw2"></i><span class="bg bg-darkturquoise"></span></div>
      <div class="box-right">
        <h3 class="title">5-STAR SUPPORT</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-sm left color-shamrock"><i class="fa fa-register"></i><span class="bg bg-shamrock"></span></div>
      <div class="box-right">
        <h3 class="title">CONSULTING</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 03

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-sm left"><span class="front bg-accent"><i class="fa fa-pencil3"></i></span><span class="back color-accent"><i class="fa fa-pencil3"></i></span></div>
      <div class="box-right">
        <h3 class="title">YOUR PERFECT TOOL</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-sm left"><span class="front bg-pink"><i class="fa fa-medal-empty"></i></span><span class="back color-pink"><i class="fa fa-medal-empty"></i></span></div>
      <div class="box-right">
        <h3 class="title">EXPERT CERTIFICATE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-sm left"><span class="front bg-saffron"><i class="fa fa-lamp"></i></span><span class="back color-saffron"><i class="fa fa-lamp"></i></span></div>
      <div class="box-right">
        <h3 class="title">DIFFERENT LIGHT SITUATIONS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-lg left color-accent"><i class="fa fa-palette"></i> </span>
      <div class="box-right">
        <h3 class="title">WEB DESIGN & UI</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-lg left color-accent"><i class="fa fa-paw2"></i> </span>
      <div class="box-right">
        <h3 class="title">DEVELOPMENT & CMS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-lg left color-accent"><i class="fa fa-register"></i> </span>
      <div class="box-right">
        <h3 class="title">100% TRANSLATABLE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 02

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-lg left color-accent2"><i class="fa fa-palette"></i><span class="bg bg-accent2"></span></div>
      <div class="box-right">
        <h3 class="title">INVENTIVE ELEMENTS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-lg left color-darkturquoise"><i class="fa fa-paw2"></i><span class="bg bg-darkturquoise"></span></div>
      <div class="box-right">
        <h3 class="title">5-STAR SUPPORT</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-lg left color-shamrock"><i class="fa fa-register"></i><span class="bg bg-shamrock"></span></div>
      <div class="box-right">
        <h3 class="title">CONSULTING</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 03

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-lg left"><span class="front bg-accent"><i class="fa fa-pencil3"></i></span><span class="back color-accent"><i class="fa fa-pencil3"></i></span></div>
      <div class="box-right">
        <h3 class="title">YOUR PERFECT TOOL</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-lg left"><span class="front bg-pink"><i class="fa fa-medal-empty"></i></span><span class="back color-pink"><i class="fa fa-medal-empty"></i></span></div>
      <div class="box-right">
        <h3 class="title">EXPERT CERTIFICATE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-lg left"><span class="front bg-saffron"><i class="fa fa-lamp"></i></span><span class="back color-saffron"><i class="fa fa-lamp"></i></span></div>
      <div class="box-right">
        <h3 class="title">DIFFERENT LIGHT SITUATIONS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-xl left color-accent"><i class="fa fa-palette"></i> </span>
      <div class="box-right">
        <h3 class="title">WEB DESIGN & UI</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-xl left color-accent"><i class="fa fa-paw2"></i> </span>
      <div class="box-right">
        <h3 class="title">DEVELOPMENT & CMS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04"><span class="dg-ico-max size-xl left color-accent"><i class="fa fa-register"></i> </span>
      <div class="box-right">
        <h3 class="title">100% TRANSLATABLE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 02

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xl left color-accent2"><i class="fa fa-palette"></i><span class="bg bg-accent2"></span></div>
      <div class="box-right">
        <h3 class="title">INVENTIVE ELEMENTS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xl left color-darkturquoise"><i class="fa fa-paw2"></i><span class="bg bg-darkturquoise"></span></div>
      <div class="box-right">
        <h3 class="title">5-STAR SUPPORT</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation12 size-xl left color-shamrock"><i class="fa fa-register"></i><span class="bg bg-shamrock"></span></div>
      <div class="box-right">
        <h3 class="title">CONSULTING</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 03

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-xl left"><span class="front bg-accent"><i class="fa fa-pencil3"></i></span><span class="back color-accent"><i class="fa fa-pencil3"></i></span></div>
      <div class="box-right">
        <h3 class="title">YOUR PERFECT TOOL</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-xl left"><span class="front bg-pink"><i class="fa fa-medal-empty"></i></span><span class="back color-pink"><i class="fa fa-medal-empty"></i></span></div>
      <div class="box-right">
        <h3 class="title">EXPERT CERTIFICATE</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04">
      <div class="dg-ico-animation10 size-xl left"><span class="front bg-saffron"><i class="fa fa-lamp"></i></span><span class="back color-saffron"><i class="fa fa-lamp"></i></span></div>
      <div class="box-right">
        <h3 class="title">DIFFERENT LIGHT SITUATIONS</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiselit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus.</p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox04 display-table">
      <div><span class="dg-ico05 size-xxl left"><i class="fa fa-hdd-down"></i> </span></div>
      <div class="box-right">
        <h3 class="title">EASY INSTALLATION</h3>
        <p>Mauris ratle cursus lectus hendrerit, neiclo iaculis felis nulla quils tellus ailnm.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04 display-table">
      <div><span class="dg-ico05 size-xxl left"><i class="fa fa-map-marker2"></i> </span></div>
      <div class="box-right">
        <h3 class="title">LOCATION TARGETING</h3>
        <p>Mauris ratle cursus lectus hendrerit, neiclo iaculis felis nulla quils tellus ailnm.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox04 display-table">
      <div><span class="dg-ico05 size-xxl left"><i class="fa fa-star2"></i> </span></div>
      <div class="box-right">
        <h3 class="title">5-STAR SUPPORT</h3>
        <p>Mauris ratle cursus lectus hendrerit, neiclo iaculis felis nulla quils tellus ailnm.</p>
      </div>
    </div>
  </div>
</div>

Side Icon Boxes 02

<div class="row">
  <div class="col-sm-4 pl-30 pr-30">
    <div class="dg-iconbox04 display-table">
      <div>
        <div class="dg-ico-animation12 size-lg left color-accent"><i class="fa fa-rocket"></i><span class="bg bg-accent"></span></div>
      </div>
      <div class="box-right">
        <h3 class="title">EASY INSTALLATION</h3>
        <p>Mauris viverratle cursus suscipit, lectus hendrerit anute. Neicd iaculis felis nulla quils tellus pharetra ailnm.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 pl-30 pr-30">
    <div class="dg-iconbox04 display-table">
      <div>
        <div class="dg-ico-animation12 size-lg left color-accent"><i class="fa fa-star"></i><span class="bg bg-accent"></span></div>
      </div>
      <div class="box-right">
        <h3 class="title">LOCATION TARGETING</h3>
        <p>Mauris viverratle cursus suscipit, lectus hendrerit anute. Neicd iaculis felis nulla quils tellus pharetra ailnm.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 pl-30 pr-30">
    <div class="dg-iconbox04 display-table">
      <div>
        <div class="dg-ico-animation12 size-lg left color-accent"><i class="fa fa-headset"></i><span class="bg bg-accent"></span></div>
      </div>
      <div class="box-right">
        <h3 class="title">5-STAR SUPPORT</h3>
        <p>Mauris viverratle cursus suscipit, lectus hendrerit anute. Neicd iaculis felis nulla quils tellus pharetra ailnm.</p>
      </div>
    </div>
  </div>
</div>

<div class="row row-display-table  bg-accent3">
  <div class="col-md-4 bg-accent4 pt-60 pb-60 pl-40 pr-40">
    <div class="dg-iconbox13  color-white">
      <div class="dg-ico-animation08 size-sm color-white left"><i class="fa fa-database2"></i><span class="bg bg-white"></span></div>
      <div class="box-right">
        <h6 class="title">EXTENSIVE DOCUMENTATION</h6>
        <p>Ut enim ad minima veniam, quis nostrum exercitationem corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur,qui dolorem sed quia.</p>
      </div>
    </div>
  </div>
  <div class="col-md-4 bg-accent pt-60 pb-60 pl-40 pr-40">
    <div class="dg-iconbox13  color-white">
      <div class="dg-ico-animation08 size-sm color-white left"><i class="fa fa-palette"></i><span class="bg bg-white"></span></div>
      <div class="box-right">
        <h6 class="title">GREAT DESIGN</h6>
        <p>Ut enim ad minima veniam, quis nostrum exercitationem corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur,qui dolorem sed quia.</p>
      </div>
    </div>
  </div>
  <div class="col-md-4 bg-accent3 pt-60 pb-60 pl-40 pr-40">
    <div class="dg-iconbox13  color-white">
      <div class="dg-ico-animation08 size-sm color-white left"><i class="fa fa-star2"></i><span class="bg bg-white"></span></div>
      <div class="box-right">
        <h6 class="title">5-STAR SUPPORT</h6>
        <p>Ut enim ad minima veniam, quis nostrum exercitationem corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur,qui dolorem sed quia.</p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox11">
      <h6 class="title"><i class="fa fa-baby mr-10 dg-ico-max size-xs vertical-middle color-accent"></i>BRAND IDENTITY</h6>
      <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corposuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur, neqporro quisquam.</p>
      <div class="more"><a href="#" title="Find Out More">+ More</a></div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox11">
      <h6 class="title"><i class="fa fa-brain mr-10 dg-ico-max size-xs vertical-middle color-accent"></i>THINK OUT OF THE BOX</h6>
      <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corposuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur, neqporro quisquam.</p>
      <div class="more"><a href="#" title="Find Out More">+ More</a></div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox11">
      <h6 class="title"><i class="fa fa-file-code mr-10 dg-ico-max size-xs vertical-middle color-accent"></i>DESIGN & CODE</h6>
      <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corposuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur, neqporro quisquam.</p>
      <div class="more"><a href="#" title="Find Out More">+ More</a></div>
    </div>
  </div>
</div>

Side Icon Boxes 02

<div class="row">
  <div class="col-sm-4">
    <div class="dg-iconbox11">
      <h6 class="title"><span class="dg-ico-animation02 animation-out size-xs color-accent vertical-middle mr-10"><i class="fa fa-baby"></i><i class="bg bg-accent"></i></span>BRAND IDENTITY</h6>
      <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corposuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur, neqporro quisquam.</p>
      <div class="more"><a href="#" title="Find Out More">+ More</a></div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox11">
      <h6 class="title"><span class="dg-ico-animation02 animation-out size-xs color-shamrock vertical-middle mr-10"><i class="fa fa-brain"></i><i class="bg bg-shamrock"></i></span>THINK OUT OF THE BOX</h6>
      <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corposuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur, neqporro quisquam.</p>
      <div class="more"><a href="#" title="Find Out More">+ More</a></div>
    </div>
  </div>
  <div class="col-sm-4">
    <div class="dg-iconbox11">
      <h6 class="title"><span class="dg-ico-animation02 animation-out size-xs color-darkturquoise vertical-middle mr-10"><i class="fa fa-file-code"></i><i class="bg bg-darkturquoise"></i></span>DESIGN & CODE</h6>
      <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corposuscipit laboriosam, nisi ut aliquid ex ea commodi consequatur, neqporro quisquam.</p>
      <div class="more"><a href="#" title="Find Out More">+ More</a></div>
    </div>
  </div>
</div>

<div class="dg-iconbox24"><span class="dg-ico-max color-accent size-xs left"> <i class="fa fa-database-lock"></i></span>
  <div class="box-right">
    <h5 class="title">DATA MANAGEMENT</h5>
    <small>Feugiat aliquam quaerat voluptatem.</small></div>
  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem apquae ab illo inventore veritatis et quasi architecto in ea voluptate velit esse quam nihil.</p>
</div>
<div class="dg-iconbox24"><span class="dg-ico-max color-accent size-xs left"> <i class="fa fa-hdd-up"></i></span>
  <div class="box-right">
    <h5 class="title">POWERFUL BACKEND</h5>
    <small>Feugiat aliquam quaerat voluptatem.</small></div>
  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem apquae ab illo inventore veritatis et quasi architecto in ea voluptate velit esse quam nihil.</p>
</div>
<div class="dg-iconbox24"><span class="dg-ico-max color-accent size-xs left"> <i class="fa fa-cloud-gear"></i></span>
  <div class="box-right">
    <h5 class="title">DSLR SETTINGS</h5>
    <small>Feugiat aliquam quaerat voluptatem.</small></div>
  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem apquae ab illo inventore veritatis et quasi architecto in ea voluptate velit esse quam nihil.</p>
</div>

Side Icon Boxes 01

<div class="dg-iconbox04"><span class="dg-ico01 size-xs left color-accent"><i class="fa fa-palette"></i> </span>
  <div class="box-right">
    <h3 class="title">EXPERT CERTIFICATE</h3>
    <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidun.</p>
  </div>
</div>
<div class="dg-iconbox04"><span class="dg-ico01 size-xs left color-accent"><i class="fa fa-star2"></i> </span>
  <div class="box-right">
    <h3 class="title">EXPERT CERTIFICATE</h3>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo.</p>
  </div>
</div>
<div class="dg-iconbox04"><span class="dg-ico01 size-xs left color-accent"><i class="fa fa-hdd-down"></i> </span>
  <div class="box-right">
    <h3 class="title">FREE UPDATES</h3>
    <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laborios aliquid ex ea commodi consequatur.</p>
  </div>
</div>
<div class="dg-iconbox04"><span class="dg-ico01 size-xs left color-accent"><i class="fa fa-pencil3"></i> </span>
  <div class="box-right">
    <h3 class="title">YOUR PERFECT TOOL</h3>
    <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laborios aliquid ex ea commodi consequatur.</p>
  </div>
</div>