Promo Boxes
Click to preview the Promo Boxes demo. View demo
DNNGo is designed with a modern and minimal style!
Code:
html
<div class="promo text-center">
<div class="promo-content">
<h3>DNNGo 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">
<div class="promo-content">
<h3>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo is designed with a modernpopular awesome incredible popular and minimal style!
Code:
html
<div class="promo promo-border">
<div class="promo-icon"> <span class="fa fa-bullhorn"></span> </div>
<div class="promo-content">
<h3>DNNGo 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>DNNGo is designed with a modern and minimal style!
Code:
html
<div class="promo promo-bg promo-round">
<div class="promo-content">
<h3>DNNGo 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 bg-accent promo-round">
<div class="promo-content">
<h3>DNNGo 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 class="promo bg-success promo-round">
<div class="promo-content">
<h3>DNNGo 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 class="promo bg-warning promo-round">
<div class="promo-content">
<h3>DNNGo 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 class="promo bg-danger promo-round">
<div class="promo-content">
<h3>DNNGo 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 class="promo content-center">
<div class="promo-content">
<h3>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>DNNGo 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>What we do?
Code:
html
<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>What we provide?
Code:
html
<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>