Sample Slider Code
<ul class="slider-layer">
<li>
<div class="slider-item">
<div class="slider-text slider-half">
<h3 class="layer1">Welcome To Edu X Pro</h3>
<h1 class="layer2">Master the <em>Skills</em> to Drive your <em>Career</em> and Personality</h1>
<p class="layer3">Minimum theory and maximum practice with activities to boost your skill. Solve tasks and check the results right away.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /slider-text -->
<div class="slider-image slider-half">
<img src="/themes/eduxpro/images/demo/slider/slide1.svg" alt="slider" />
</div><!-- /slider-image -->
</div><!-- /slider-item -->
</li>
<li>
<div class="slider-item">
<div class="slider-text slider-half">
<h3 class="layer1">We Are Best Theme</h3>
<h1 class="layer2">World Class <em>Management</em> Course For A Brighter Future</h1>
<p class="layer3">Learning is a life-long journey that in fact we never find the terminate stop. Stop searching, build an amazing future with us.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /slider-text -->
<div class="slider-image slider-half">
<img src="/themes/eduxpro/images/demo/slider/slide2.svg" alt="slider" />
</div><!-- /slider-image -->
</div><!-- /slider-item -->
</li>
<li>
<div class="slider-item">
<div class="slider-text slider-half">
<h3 class="layer1">Unlock Your Potential</h3>
<h1 class="layer2">Expand <em>Possibilities</em> Extensively to Build Amazing Career</h1>
<p class="layer3">Discover the simple Steps to discover the hack of productivity.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /slider-text -->
<div class="slider-image slider-half">
<img src="/themes/eduxpro/images/demo/slider/slide3.svg" alt="slider" />
</div><!-- /slider-image -->
</div><!-- /slider-item -->
</li>
</ul>
