Demo:
Sample Slider Code
<div class="slider-full">
<div>
<div class="slider-image">
<img src="/themes/tarapro/images/demo/slider/slide1.jpg" alt="slider" />
</div><!-- /slider-image -->
<div class="slider-text-container">
<div class="container">
<div class="slider-text">
<h3 class="layer1">Welcome To TaraPro</h3>
<h1 class="layer2">We Create <em>Perfect</em> Digital Products To Promote Your <em>Brand</em></h1>
<p class="layer3">Start growing your business and startup with our amazing digital branding products.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /.slider-text -->
</div><!-- /container -->
</div><!-- /slider-text-container -->
</div>
<div>
<div class="slider-image">
<img src="/themes/tarapro/images/demo/slider/slide2.jpg" alt="slider" />
</div><!-- /slider-image -->
<div class="slider-text-container">
<div class="container">
<div class="slider-text">
<h3 class="layer1">We Are Best Theme</h3>
<h1 class="layer2">Your <em>Business</em> Need Perfect Solutions</h1>
<p class="layer3">Stay on top using simple and easy yet powerful and intelligent artificial tools.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /.slider-text -->
</div><!-- /container -->
</div><!-- /slider-text-container -->
</div>
<div>
<div class="slider-image">
<img src="/themes/tarapro/images/demo/slider/slide3.jpg" alt="slider" />
</div><!-- /slider-image -->
<div class="slider-text-container">
<div class="container">
<div class="slider-text">
<h3 class="layer1">Unlock Your Potential</h3>
<h1 class="layer2">We Shape The Future of <em>Technology</em> and <em>Marketing</em></h1>
<p class="layer3">We believe that designing and branding have real impact on the business. Technology can greatly impact your business growth.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /.slider-text -->
</div><!-- /container -->
</div><!-- /slider-text-container -->
</div>
<div>
<div class="slider-image">
<img src="/themes/tarapro/images/demo/slider/slide4.jpg" alt="slider" />
</div><!-- /slider-image -->
<div class="slider-text-container">
<div class="container">
<div class="slider-text">
<h3 class="layer1">We are Drupal Expert</h3>
<h1 class="layer2">Best Solution Provided At Best Price</h1>
<p class="layer3">We believe that designing and branding have real impact on the business. Technology can greatly impact your business growth.</p>
<p><a class="layer4 button" href="#">read more</a> <a class="layer4 button dark" href="#">contact us</a></p>
</div><!-- /.slider-text -->
</div><!-- /container -->
</div><!-- /slider-text-container -->
</div>
</div><!-- /slider-full -->
