Promo Boxes

<div class="promo text-center">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

• Code
• Options

<div class="promo promo-border">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo  promo-border border-full">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-square promo-border-left border-black">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-square promo-border-left border-accent">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-square promo-border-left border-success">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-square promo-border-left border-warning">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-square promo-border-left border-danger">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-round promo-border-top border-black">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-round promo-border-top border-accent">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-round promo-border-top border-success">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-success size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-round promo-border-top border-warning">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-warning size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-round promo-border-top border-danger">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-danger size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-border">
  <div class="promo-icon"> <span class="fa fa-bullhorn"></span> </div>
  <div class="promo-content">
    <h3>Theme is designed with a <span class="text-slide"> <span class="active">modern</span><span>popular</span> <span>awesome</span> <span>incredible</span> <span>popular</span> </span> and <strong>minimal</strong> style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur. Ut justo libero, porttitor ac elementum luctus, blandit at dui. Donec sit amet nunc id libero sagittis mattis. Morbi at mauris eu mauris facilisis sollicitudin. </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-border">
  <div class="promo-icon"> <span class="fa fa-bullhorn"></span> </div>
  <div class="promo-content">
    <h3>Theme is designed with a <span class="text-slide"> <span class="active">modern</span> <span>minimal</span> </span> and <strong>minimal</strong> style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo content-center">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
    <div class="pt-20"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
  </div>
</div>

<div class="promo content-center promo-border  promo-round">
  <div class="promo-content">
    <h3>Theme is designed with a modern and minimal style!</h3>
    <div class="line"></div>
    <p>Nunc ornare adipiscing orci eu consectetur... </p>
    <div class="pt-20 pb-10"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">BUY FROM HERE</a>   <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">READ MORE INFO</a></div>
  </div>
</div>

<div class="promo-parallax pt-20 pb-20">
  <div class="container">
    <div class="promo text-center">
      <div class="promo-content">
        <h3>Theme is designed with a modern and minimal style!</h3>
        <p>Nunc ornare adipiscing orci eu consectetur... </p>
      </div>
      <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white size-xl radius-3px">GET STARTED NOW</a> </div>
    </div>
  </div>
</div>

<div class="promo-bg mb-20">
  <div class="container">
    <div class="promo text-center">
      <div class="promo-content">
        <h3>Theme is designed with a modern and minimal style!</h3>
        <p>Nunc ornare adipiscing orci eu consectetur... </p>
      </div>
      <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
    </div>
  </div>
</div>

<div class="bg-accent mb-20">
  <div class="container">
    <div class="promo">
      <div class="promo-content color-white text-center">
        <h3>Theme is designed with a modern and minimal style!</h3>
        <p>Nunc ornare adipiscing orci eu consectetur... </p>
      </div>
      <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white size-xl radius-3px">GET STARTED NOW</a> </div>
    </div>
  </div>
</div>

<div class="bg-success mb-20">
  <div class="container">
    <div class="promo">
      <div class="promo-content color-white text-center">
        <h3>Theme is designed with a modern and minimal style!</h3>
        <p>Nunc ornare adipiscing orci eu consectetur... </p>
      </div>
      <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white size-xl radius-3px">GET STARTED NOW</a> </div>
    </div>
  </div>
</div>

<div class="bg-warning mb-20">
  <div class="container">
    <div class="promo">
      <div class="promo-content color-white text-center">
        <h3>Theme is designed with a modern and minimal style!</h3>
        <p>Nunc ornare adipiscing orci eu consectetur... </p>
      </div>
      <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white size-xl radius-3px">GET STARTED NOW</a> </div>
    </div>
  </div>
</div>

<div class="bg-danger mb-20">
  <div class="container">
    <div class="promo">
      <div class="promo-content color-white text-center">
        <h3>Theme is designed with a modern and minimal style!</h3>
        <p>Nunc ornare adipiscing orci eu consectetur... </p>
      </div>
      <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white size-xl radius-3px">GET STARTED NOW</a> </div>
    </div>
  </div>
</div>

<div class="promo promo-small promo-border promo-square text-right">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small promo-round promo-border-top border-accent text-right">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small promo-border promo-round text-right">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small bg-success color-white text-center">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small bg-warning text-center">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small promo-round bg-black text-center">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small promo-bg ">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small bg-danger ">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-small bg-accent">
  <div class="promo-content">
    <h3>What we do?</h3>
    <p>Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus. Donec in ut odio libero, at vulputate urna, ulla tristique mi a massa.</p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white radius-3px">PURCHASE</a> </div>
</div>

<div class="promo promo-large promo-border ">
  <div class="promo-content">
    <h3>What we provide?</h3>
    <p>Nunc ornare adipiscing orci eu consectetur. Ut justo libero, porttitor ac elementum luctus, blandit at dui. Donec sit amet nunc id libero sagittis mattis. Morbi at mauris eu mauris facilisis sollicitudin. </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-large promo-bg text-center">
  <div class="promo-content">
    <h3>What we provide?</h3>
    <p>Nunc ornare adipiscing orci eu consectetur. Ut justo libero, porttitor ac elementum luctus, blandit at dui. Donec sit amet nunc id libero sagittis mattis. Morbi at mauris eu mauris facilisis sollicitudin. </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-accent size-xl radius-3px">GET STARTED NOW</a> </div>
</div>

<div class="promo promo-large bg-accent text-right">
  <div class="promo-content">
    <h3>What we provide?</h3>
    <p>Nunc ornare adipiscing orci eu consectetur. Ut justo libero, porttitor ac elementum luctus, blandit at dui. Donec sit amet nunc id libero sagittis mattis. Morbi at mauris eu mauris facilisis sollicitudin. </p>
  </div>
  <div class="promo-button"> <a href="#" class="dg-btn-1 btn-white size-xl radius-3px">GET STARTED NOW</a> </div>
</div>