Homepage Features

image

Without Animation Effect

<div class="features">
<div class="feature">
<div class="feature-icon"><img src="https://demo2.drupar.com/images/demo/eduxpro/icons/scholarship.svg" /></div>
<h3>Skilled Teachers</h3>
<p>Lorem ipsum is a great example for demo text and this is widely used.</p>
<a href="#" class="link-button">Read more</a>
</div><!--/feature -->
<div class="feature">
<div class="feature-icon"><img src="https://demo2.drupar.com/images/demo/eduxpro/icons/book3.svg" /></div>
<h3>Affordable Courses</h3>
<p>Lorem ipsum is a great example for demo text and this is widely used.</p>
<a href="#" class="link-button">Read more</a>
</div><!--/feature -->
<div class="feature">
<div class="feature-icon"><img src="https://demo2.drupar.com/images/demo/eduxpro/icons/book4.svg" /></div>
<h3>Central Library</h3>
<p>Lorem ipsum is a great example for demo text and this is widely used.</p>
<a href="#" class="link-button">Read more</a>
</div><!--/feature -->
</div><!--/features -->

With Animation Effect

<div class="features animate-fadeInUp">
<div class="feature">
<div class="feature-icon"><img src="https://demo2.drupar.com/images/demo/eduxpro/icons/scholarship.svg" /></div>
<h3>Skilled Teachers</h3>
<p>Lorem ipsum is a great example for demo text and this is widely used.</p>
<a href="#" class="link-button">Read more</a>
</div><!--/feature -->
<div class="feature">
<div class="feature-icon"><img src="https://demo2.drupar.com/images/demo/eduxpro/icons/book3.svg" /></div>
<h3>Affordable Courses</h3>
<p>Lorem ipsum is a great example for demo text and this is widely used.</p>
<a href="#" class="link-button">Read more</a>
</div><!--/feature -->
<div class="feature">
<div class="feature-icon"><img src="https://demo2.drupar.com/images/demo/eduxpro/icons/book4.svg" /></div>
<h3>Central Library</h3>
<p>Lorem ipsum is a great example for demo text and this is widely used.</p>
<a href="#" class="link-button">Read more</a>
</div><!--/feature -->
</div><!--/features -->