Without Animation Effect
<div class="items">
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/management.svg" alt="icon" />
<h4 class="text-center">Management</h4>
<p class="text-center">M.B.A</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/mbbs.svg" alt="icon" />
<h4 class="text-center">Medical</h4>
<p class="text-center">M.B.B.S</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/btech.svg" alt="icon" />
<h4 class="text-center">Engineering</h4>
<p class="text-center">B.Tech</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/phd.svg" alt="icon" />
<h4 class="text-center">Scholar</h4>
<p class="text-center">PhD</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/btech.svg" alt="icon" />
<h4 class="text-center">Engineering</h4>
<p class="text-center">M.Tech</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/management.svg" alt="icon" />
<h4 class="text-center">Management</h4>
<p class="text-center">B.B.A</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/computer.svg" alt="icon" />
<h4 class="text-center">Computer</h4>
<p class="text-center">B.C.A</p>
</a>
</div><!--/box-->
<div class="box">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/language.svg" alt="icon" />
<h4 class="text-center">Language</h4>
<p class="text-center">Dilpoma in French</p>
</a>
</div><!--/box-->
</div><!--/items-->![https://demo2.drupar.com/images/demo/eduxpro/icons/management.svg"](https://demo2.drupar.com/images/demo/eduxpro/icons/management.svg"){kind=link}
![https://demo2.drupar.com/images/demo/eduxpro/icons/mbbs.svg"](https://demo2.drupar.com/images/demo/eduxpro/icons/mbbs.svg"){kind=link}
![https://demo2.drupar.com/images/demo/eduxpro/icons/btech.svg"](https://demo2.drupar.com/images/demo/eduxpro/icons/btech.svg"){kind=link}
![https://demo2.drupar.com/images/demo/eduxpro/icons/phd.svg"](https://demo2.drupar.com/images/demo/eduxpro/icons/phd.svg"){kind=link}
![https://demo2.drupar.com/images/demo/eduxpro/icons/computer.svg"](https://demo2.drupar.com/images/demo/eduxpro/icons/computer.svg"){kind=link}
![https://demo2.drupar.com/images/demo/eduxpro/icons/language.svg"](https://demo2.drupar.com/images/demo/eduxpro/icons/language.svg"){kind=link}
With Animation Effect
<div class="items">
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/management.svg" alt="icon" />
<h4 class="text-center">Management</h4>
<p class="text-center">M.B.A</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/mbbs.svg" alt="icon" />
<h4 class="text-center">Medical</h4>
<p class="text-center">M.B.B.S</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/btech.svg" alt="icon" />
<h4 class="text-center">Engineering</h4>
<p class="text-center">B.Tech</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/phd.svg" alt="icon" />
<h4 class="text-center">Scholar</h4>
<p class="text-center">PhD</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/btech.svg" alt="icon" />
<h4 class="text-center">Engineering</h4>
<p class="text-center">M.Tech</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/management.svg" alt="icon" />
<h4 class="text-center">Management</h4>
<p class="text-center">B.B.A</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/computer.svg" alt="icon" />
<h4 class="text-center">Computer</h4>
<p class="text-center">B.C.A</p>
</a>
</div><!--/box-->
<div class="box animate-fadeInUp">
<a href="#">
<img class="align-center" src="https://demo2.drupar.com/images/demo/eduxpro/icons/language.svg" alt="icon" />
<h4 class="text-center">Language</h4>
<p class="text-center">Dilpoma in French</p>
</a>
</div><!--/box-->
</div><!--/items-->