mahipro

Tab 

<ul class="tabs">
	<li><a href="#mobile" >Mobile</a></li>
	<li><a href="#development">Development</a></li>
	<li><a href="#hosting">Web Hosting</a></li>
	<li><a href="#drupal">Drupal</a></li>
</ul>
<div class="tab-content" id="mobile">

Popup Message Box 

<div class="popup">
	<button class="popup-open">Open Popup Box</button>
	<div class="popup-content">
    <h2>Pop-Up One</h2>
    <p> Pop-Up One This is an example pop-up that you can make using this theme.</p>
    <button class="popup-close">Close</button>    
	</div><!--/popup message-->
</div><!-- /popup -->

Icon Box

Icon Box Style #1

<div class="icon-box">
	<i class="fa fa-life-ring" aria-hidden="true"></i>
	<h4>User Experience</h4>
	<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultricies.</p>
</div>
<div class="items">
	<div class="icon-box">
		<i class="fa fa-life-ring" aria-hidden="true"></i>

Text Box

Simple Box

<div class="box">
-- Add content here --
</div>

Default Text Box

<div class="box">
-- Add content here --
</div>

Dark Text Box

<div class="text-box dark">
-- Add content here --
</div>

Themed Text Box

Gallery 

<div class="gallery-slider owl-carousel">
	<div class="item"><img src="/images/demo-images/gallery/gallery1.jpg" alt="gallery" /></div>
	<div class="item"><img src="/images/demo-images/gallery/gallery2.jpg" alt="gallery" /></div>
	<div class="item"><img src="/images/demo-images/gallery/gallery3.jpg" alt="gallery" /></div>

Pages