HEX
Server: Apache
System: Linux 185.122.168.184.host.secureserver.net 5.14.0-570.52.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Oct 15 06:39:08 EDT 2025 x86_64
User: barbeatleanalyti (1024)
PHP: 8.1.33
Disabled: NONE
Upload Files
File: /home/barbeatleanalyti/www/public_html/application/views/front/include/slider.php
<section class="slider scroll">
   <div class="container">


<div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;max-height:632px;">
<!-- START REVOLUTION SLIDER 4.6.92 fullwidth mode -->
	<div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;max-height:632px;height:632px;">
<ul>	<!-- SLIDE  -->
	<li data-transition="zoomout" data-slotamount="7" data-masterspeed="600"  data-saveperformance="off" >
		<!-- MAIN IMAGE -->
		<img src="<?php echo base_url()?>assets-front/img/design_bg.png"  alt="design_bg"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		<!-- LAYERS -->

		<!-- LAYER NR. 1 -->
		<div class="tp-caption lft fadeout" 
			 data-x="right" data-hoffset="-785" 
			 data-y="center" data-voffset="0" 
			data-speed="600" 
			data-start="1000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 5;"><img src="<?php echo base_url()?>assets-front/img/web-design.png" alt="Web Design"> 
		</div>

		<!-- LAYER NR. 2 -->
		<div class="tp-caption lft fadeout" 
			 data-x="right" data-hoffset="-710" 
			 data-y="center" data-voffset="0" 
			data-speed="600" 
			data-start="1800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 6;"><img src="<?php echo base_url()?>assets-front/img/graphic-design.png" alt="Graphic Design"> 
		</div>

		<!-- LAYER NR. 3 -->
		<div class="tp-caption lft fadeout" 
			 data-x="right" data-hoffset="-570" 
			 data-y="center" data-voffset="0" 
			data-speed="600" 
			data-start="2600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 7;"><img src="<?php echo base_url()?>assets-front/img/logo-design.png" alt="Logo Design"> 
		</div>

		<!-- LAYER NR. 4 -->
		<div class="tp-caption lft fadeout" 
			 data-x="right" data-hoffset="-345" 
			 data-y="center" data-voffset="0" 
			data-speed="600" 
			data-start="3400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 8;"><img src="<?php echo base_url()?>assets-front/img/android-design.png" alt="Android Design"> 
		</div>

		<!-- LAYER NR. 5 -->
		<div class="tp-caption lft fadeout" 
			 data-x="right" data-hoffset="-112" 
			 data-y="center" data-voffset="0" 
			data-speed="600" 
			data-start="4200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 9;"><img src="<?php echo base_url()?>assets-front/img/iphone-design.png" alt="Iphone Design"> 
		</div>

		<!-- LAYER NR. 6 -->
		<div class="tp-caption tp-fade fadeout" 
			 data-x="700" 
			 data-y="208"  
			data-speed="600" 
			data-start="5000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 10;"><img src="<?php echo base_url()?>assets-front/img/design.png" alt="Design"> 
		</div>

		<!-- LAYER NR. 7 -->
		<div class="tp-caption h2css lft fadeout tp-resizeme" 
			 data-x="240" 
			 data-y="100"  
			data-speed="600" 
			data-start="5800" 
			data-easing="Power3.easeInOut" 
			data-splitin="chars" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 11; max-width: auto; max-height: auto; white-space: nowrap;">ONLINE MARKETING 
		</div>

		<!-- LAYER NR. 8 -->
		<div class="tp-caption arrowicon tp-fade fadeout" 
			 data-x="240" 
			 data-y="190"  
			data-speed="600" 
			data-start="8500" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 12;"><img src="<?php echo base_url()?>assets-front/img/design_icon.png" alt="arrow" data-ww="24" data-hh="27"> 
		</div>

		<!-- LAYER NR. 9 -->
		<div class="tp-caption listcss sfl fadeout tp-resizeme" 
			 data-x="275" 
			 data-y="190"  
			data-speed="600" 
			data-start="8500" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 13; max-width: auto; max-height: auto; white-space: nowrap;">WEB ADVERTISEMENT
		</div>

		<!-- LAYER NR. 10 -->
		<div class="tp-caption arrowicon tp-fade fadeout" 
			 data-x="240" 
			 data-y="240"  
			data-speed="600" 
			data-start="9300" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 14;"><img src="<?php echo base_url()?>assets-front/img/design_icon.png" alt="arrow" data-ww="24" data-hh="27"> 
		</div>

		<!-- LAYER NR. 11 -->
		<div class="tp-caption listcss sfl fadeout tp-resizeme" 
			 data-x="275" 
			 data-y="240"  
			data-speed="600" 
			data-start="9300" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 15; max-width: auto; max-height: auto; white-space: nowrap;">EMAIL MARKETING
		</div>

		<!-- LAYER NR. 12 -->
		<div class="tp-caption arrowicon tp-fade fadeout" 
			 data-x="240" 
			 data-y="290"  
			data-speed="600" 
			data-start="10100" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 16;"><img src="<?php echo base_url()?>assets-front/img/design_icon.png" alt="arrow" data-ww="24" data-hh="27"> 
		</div>

		<!-- LAYER NR. 13 -->
		<div class="tp-caption listcss sfl fadeout tp-resizeme" 
			 data-x="275" 
			 data-y="290"  
			data-speed="600" 
			data-start="10100" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 17; max-width: auto; max-height: auto; white-space: nowrap;">CONTENT MARKETING
		</div>

		<!-- LAYER NR. 14 -->
		<div class="tp-caption arrowicon tp-fade fadeout" 
			 data-x="240" 
			 data-y="340"  
			data-speed="600" 
			data-start="10900" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 18;"><img src="<?php echo base_url()?>assets-front/img/design_icon.png" alt="arrow" data-ww="24" data-hh="27"> 
		</div>

		<!-- LAYER NR. 15 -->
		<div class="tp-caption listcss sfl fadeout tp-resizeme" 
			 data-x="275" 
			 data-y="340"  
			data-speed="600" 
			data-start="10900" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="300" 

			style="z-index: 19; max-width: auto; max-height: auto; white-space: nowrap;">SOCIAL MEDIA MARKETING
		</div>

		<!-- LAYER NR. 16 -->
		<div class="tp-caption arrowicon tp-fade fadeout" 
			 data-x="240" 
			 data-y="390"  
			data-speed="600" 
			data-start="11700" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 20;"><img src="<?php echo base_url()?>assets-front/img/design_icon.png" alt="arrow" data-ww="24" data-hh="27"> 
		</div>

		<!-- LAYER NR. 17 -->
		<div class="tp-caption listcss sfl fadeout tp-resizeme" 
			 data-x="275" 
			 data-y="390"  
			data-speed="600" 
			data-start="11700" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 21; max-width: auto; max-height: auto; white-space: nowrap;"> SEO MARKETING 
		</div>
	</li>
	<!-- SLIDE  -->
    <!----
	<li data-transition="random" data-slotamount="7" data-masterspeed="300"  data-saveperformance="off" >
		
		<img src="img/net_bg.png"  alt="net_bg"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
	

	
		<div class="tp-caption lft fadeout" 
			 data-x="195" 
			 data-y="62"  
			data-speed="1000" 
			data-start="1000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 5;"><img src="img/net.png" alt=".Net"> 
		</div>

		<div class="tp-caption nettext skewfromright randomrotateout tp-resizeme" 
			 data-x="470" 
			 data-y="140"  
			data-speed="1000" 
			data-start="2500" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">ASP.Net Desktop Application Solution 
		</div>

	
		<div class="tp-caption nettext skewfromright randomrotateout tp-resizeme" 
			 data-x="470" 
			 data-y="167"  
			data-speed="1000" 
			data-start="2500" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">Web Application Development 
		</div>

		
		<div class="tp-caption lfb fadeout" 
			 data-x="313" 
			 data-y="238"  
			data-speed="1000" 
			data-start="3500" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 8;"><img src="img/dynamics.png" alt="Dynamic"> 
		</div>

		
		<div class="tp-caption nettext skewfromright randomrotateout tp-resizeme" 
			 data-x="590" 
			 data-y="360"  
			data-speed="1000" 
			data-start="5000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;">ASP.NET is a server-side Web  
		</div>

		
		<div class="tp-caption nettext skewfromright randomrotateout tp-resizeme" 
			 data-x="590" 
			 data-y="387"  
			data-speed="1000" 
			data-start="5000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 10; max-width: auto; max-height: auto; white-space: nowrap;">Web Based .Net Application Development 
		</div>

	
		<div class="tp-caption lft fadeout" 
			 data-x="right" data-hoffset="-320" 
			 data-y="62"  
			data-speed="1000" 
			data-start="6000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 11;"><img src="img/mvc.png" alt="Model View Controller"> 
		</div>

		
		<div class="tp-caption nettext skewfromleft randomrotateout tp-resizeme" 
			 data-x="right" data-hoffset="-595" 
			 data-y="240"  
			data-speed="1000" 
			data-start="7500" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;">customization & integration 
		</div>

	
		<div class="tp-caption nettext skewfromleft randomrotateout tp-resizeme" 
			 data-x="right" data-hoffset="-595" 
			 data-y="267"  
			data-speed="1000" 
			data-start="7500" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 13; max-width: auto; max-height: auto; white-space: nowrap;">application framework designed 
		</div>

	
		<div class="tp-caption lfb fadeout" 
			 data-x="right" data-hoffset="-202" 
			 data-y="238"  
			data-speed="1000" 
			data-start="8500" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 14;"><img src="img/sql.png" alt="Structured Query Language"> 
		</div>

		
		<div class="tp-caption nettext skewfromleft randomrotateout tp-resizeme" 
			 data-x="right" data-hoffset="-480" 
			 data-y="450"  
			data-speed="1000" 
			data-start="10000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 15; max-width: auto; max-height: auto; white-space: nowrap;">Database Application Development 
		</div>

		
		<div class="tp-caption nettext skewfromleft randomrotateout tp-resizeme" 
			 data-x="right" data-hoffset="-480" 
			 data-y="477"  
			data-speed="1000" 
			data-start="10000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 16; max-width: auto; max-height: auto; white-space: nowrap;">application framework designed 
		</div>
	</li>
    
    ------->
	<!-- SLIDE  -->
	<li data-transition="random" data-slotamount="7" data-masterspeed="300"  data-saveperformance="off" >
		<!-- MAIN IMAGE -->
		<img src="<?php echo base_url()?>assets-front/img/android_ipone_bg.png"  alt="android_ipone_bg"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		<!-- LAYERS -->

		<!-- LAYER NR. 1 -->
		<div class="tp-caption lfl fadeout" 
			 data-x="180" 
			 data-y="66"  
			data-speed="2000" 
			data-start="1000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="2000" 

			style="z-index: 5;"><img src="<?php echo base_url()?>assets-front/img/main_icon.png" alt="Mobile App"> 
		</div>

		<!-- LAYER NR. 2 -->
		<div class="tp-caption androidiostitle lft fadeout tp-resizeme" 
			 data-x="965" 
			 data-y="45"  
			data-speed="600" 
			data-start="4000" 
			data-easing="Power3.easeInOut" 
			data-splitin="chars" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">OUR SERVICE 
		</div>

		<!-- LAYER NR. 3 -->
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="965" 
			 data-y="140"  
			data-speed="1000" 
			data-start="6000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 7;"><img src="<?php echo base_url()?>assets-front/img/Android.png" alt="Android icon" data-ww="70" data-hh="71"> 
		</div>

		<!-- LAYER NR. 4 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="147"  
			data-speed="1500" 
			data-start="7000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 8; max-width: auto; max-height: auto; white-space: nowrap;">Advertise
		</div>

		<!-- LAYER NR. 5 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="172"  
			data-speed="1500" 
			data-start="7000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 9; max-width: auto; max-height: auto; white-space: nowrap;"> Online
		</div>

		<!-- LAYER NR. 6 -->
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="963" 
			 data-y="240"  
			data-speed="1000" 
			data-start="8200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 10;"><img src="<?php echo base_url()?>assets-front/img/iPhone.png" alt="Iphone icon" data-ww="70" data-hh="71"> 
		</div>

		<!-- LAYER NR. 7 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="247"  
			data-speed="1500" 
			data-start="9200" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 11; max-width: auto; max-height: auto; white-space: nowrap;">pay par click
		</div>

		<!-- LAYER NR. 8 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="272"  
			data-speed="1500" 
			data-start="9200" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;">marketing
		</div>

		<!-- LAYER NR. 9 -->
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="965" 
			 data-y="340"  
			data-speed="1000" 
			data-start="10400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 13;"><img src="<?php echo base_url()?>assets-front/img/windows.png" alt="Windows icon" data-ww="70" data-hh="71"> 
		</div>

		<!-- LAYER NR. 10 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="347"  
			data-speed="1500" 
			data-start="11400" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 14; max-width: auto; max-height: auto; white-space: nowrap;">Content 
		</div>

		<!-- LAYER NR. 11 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="372"  
			data-speed="1500" 
			data-start="11400" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 15; max-width: auto; max-height: auto; white-space: nowrap;">Marketing 
		</div>

		<!-- LAYER NR. 12 -->
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="965" 
			 data-y="440"  
			data-speed="1000" 
			data-start="12600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1000" 

			style="z-index: 16;"><img src="<?php echo base_url()?>assets-front/img/phone-gap.png" alt="Phonegap icon" data-ww="70" data-hh="71"> 
		</div>

		<!-- LAYER NR. 13 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="447"  
			data-speed="1500" 
			data-start="13600" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 17; max-width: auto; max-height: auto; white-space: nowrap;">google
		</div>

		<!-- LAYER NR. 14 -->
		<div class="tp-caption androidiosdescription lfr fadeout tp-resizeme" 
			 data-x="1055" 
			 data-y="472"  
			data-speed="1500" 
			data-start="13600" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1500" 

			style="z-index: 18; max-width: auto; max-height: auto; white-space: nowrap;">Analitics
		</div>
	</li>
	<!-- SLIDE  -->
	<!---<li data-transition="random" data-slotamount="7" data-masterspeed="300"  data-saveperformance="off" >
		
		<img src="img/seo_bg.jpg"  alt="seo_bg"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		

		
		<div class="tp-caption seotitle lft fadeout tp-resizeme" 
			 data-x="475" 
			 data-y="30"  
			data-speed="600" 
			data-start="1000" 
			data-easing="Power3.easeInOut" 
			data-splitin="chars" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">Adverties online
		</div>

		
		<div class="tp-caption lfr fadeout" 
			 data-x="990" 
			 data-y="189"  
			data-speed="1200" 
			data-start="4000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1200" 

			style="z-index: 6;"><img src="img/seo.png" alt="SEO Search" data-ww="528" data-hh="423"> 
		</div>

	
		<div class="tp-caption arrowicon sfr fadeout" 
			 data-x="1440" 
			 data-y="325"  
			data-speed="600" 
			data-start="4800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 7;"><img src="img/links.png" alt="Links" data-ww="101" data-hh="46"> 
		</div>

		
		<div class="tp-caption arrowicon sfr fadeout" 
			 data-x="1340" 
			 data-y="180"  
			data-speed="600" 
			data-start="5600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 8;"><img src="img/optimize.png" alt="Optimize" data-ww="188" data-hh="47"> 
		</div>

		
		<div class="tp-caption arrowicon sft fadeout" 
			 data-x="1135" 
			 data-y="135"  
			data-speed="600" 
			data-start="6400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 9;"><img src="img/position.png" alt="Position" data-ww="161" data-hh="46"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="925" 
			 data-y="185"  
			data-speed="600" 
			data-start="7200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 10;"><img src="img/keyword.png" alt="Keyword" data-ww="190" data-hh="50"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="895" 
			 data-y="330"  
			data-speed="600" 
			data-start="8000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 11;"><img src="img/rank.png" alt="Rank" data-ww="96" data-hh="46"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="965" 
			 data-y="480"  
			data-speed="600" 
			data-start="8800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 12;"><img src="img/pages.png" alt="Pages" data-ww="123" data-hh="47"> 
		</div>

	
		<div class="tp-caption arrowicon sfb fadeout" 
			 data-x="1130" 
			 data-y="530"  
			data-speed="600" 
			data-start="9600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 13;"><img src="img/content.png" alt="Content" data-ww="172" data-hh="45"> 
		</div>

		
		<div class="tp-caption lfl fadeout" 
			 data-x="245" 
			 data-y="130"  
			data-speed="1200" 
			data-start="10600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="1200" 

			style="z-index: 14;"><img src="img/smm.png" alt="SMM" data-ww="613" data-hh="466"> 
		</div>

	
		<div class="tp-caption arrowicon sft fadeout" 
			 data-x="626" 
			 data-y="178"  
			data-speed="600" 
			data-start="11400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 15;"><img src="img/google_-.png" alt="Google+" data-ww="142" data-hh="43"> 
		</div>

		
		<div class="tp-caption arrowicon sfr fadeout" 
			 data-x="756" 
			 data-y="318"  
			data-speed="600" 
			data-start="12200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 16;"><img src="img/you_tube.png" alt="Youtube" data-ww="69" data-hh="79"> 
		</div>

		
		<div class="tp-caption arrowicon sfb fadeout" 
			 data-x="602" 
			 data-y="523"  
			data-speed="600" 
			data-start="13000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 17;"><img src="img/linkden.png" alt="Linkedin" data-ww="141" data-hh="35"> 
		</div>

		
		<div class="tp-caption arrowicon sfb fadeout" 
			 data-x="350" 
			 data-y="530"  
			data-speed="600" 
			data-start="13800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 18;"><img src="img/twitter.png" alt="Twitter" data-ww="177" data-hh="33"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="264" 
			 data-y="348"  
			data-speed="600" 
			data-start="14600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 19;"><img src="img/myspace.png" alt="Myspace" data-ww="140" data-hh="29"> 
		</div>

	
		<div class="tp-caption arrowicon sft fadeout" 
			 data-x="388" 
			 data-y="172"  
			data-speed="600" 
			data-start="15400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 20;"><img src="img/facebook.png" alt="Facebook" data-ww="137" data-hh="44"> 
		</div>
	</li>----->
    
    
    
	<!-- SLIDE  -->
	<!-----<li data-transition="random" data-slotamount="7" data-masterspeed="300"  data-saveperformance="off" >
		
		<img src="img/wordpress_bg.png"  alt="wordpress_bg"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		

		
		<div class="tp-caption arrowicon tp-fade fadeout" 
			 data-x="1190" 
			 data-y="218"  
			data-speed="600" 
			data-start="1000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 

			 data-endspeed="600" 

			style="z-index: 5;"><img src="img/logo.png" alt="Wordpress" data-ww="179" data-hh="178"> 
		</div>

		
		<div class="tp-caption tp-fade fadeout" 
			 data-x="1065" 
			 data-y="105"  
			data-speed="600" 
			data-start="6600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 6;"><img src="img/round.png" alt="Wordpress Circle" data-ww="423" data-hh="424"> 
		</div>

		
		<div class="tp-caption sft fadeout" 
			 data-x="1195" 
			 data-y="26"  
			data-speed="600" 
			data-start="1800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 7;"><img src="img/Static-Website.png" alt="Static Website To CMS"> 
		</div>

	
		<div class="tp-caption sfr fadeout" 
			 data-x="1385" 
			 data-y="140"  
			data-speed="600" 
			data-start="2600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 8;"><img src="img/Theme.png" alt="Theme Development"> 
		</div>


		<div class="tp-caption sfr fadeout" 
			 data-x="1380" 
			 data-y="342"  
			data-speed="600" 
			data-start="3400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 9;"><img src="img/Plugin_devlopment.png" alt="Plugin Development"> 
		</div>

		
		<div class="tp-caption sfb fadeout" 
			 data-x="1195" 
			 data-y="425"  
			data-speed="600" 
			data-start="4200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 10;"><img src="img/SEO-Friendly.png" alt="SEO Friendly Website"> 
		</div>

		
		<div class="tp-caption sfl fadeout" 
			 data-x="1020" 
			 data-y="330"  
			data-speed="600" 
			data-start="5000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 11;"><img src="img/E-commerce.png" alt="E-commerce Development"> 
		</div>

		
		<div class="tp-caption sfl fadeout" 
			 data-x="1010" 
			 data-y="130"  
			data-speed="600" 
			data-start="5800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 12;"><img src="img/bug_fixing.png" alt="Bug Fixing"> 
		</div>

		
		<div class="tp-caption sft fadeout" 
			 data-x="230" 
			 data-y="65"  
			data-speed="600" 
			data-start="7400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 13;"><img src="img/wp_logo.png" alt="Wordpress Logo" data-ww="643" data-hh="156"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="240" 
			 data-y="235"  
			data-speed="600" 
			data-start="8200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 14;"><img src="img/titel_orange_bg.png" alt="Orange Background" data-ww="640" data-hh="52"> 
		</div>

	
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="256" 
			 data-y="252"  
			data-speed="600" 
			data-start="8200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 15;"><img src="img/arrow_white.png" alt="arrow" data-ww="10" data-hh="19"> 
		</div>

		
		<div class="tp-caption wordpresstext sfl fadeout tp-resizeme" 
			 data-x="273" 
			 data-y="249"  
			data-speed="600" 
			data-start="8200" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 16; max-width: auto; max-height: auto; white-space: nowrap;">WordPress Plugin Integration 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="240" 
			 data-y="303"  
			data-speed="600" 
			data-start="9000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 17;"><img src="img/titel_black_bg1.png" alt="Black Background" data-ww="640" data-hh="52"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="256" 
			 data-y="320"  
			data-speed="600" 
			data-start="9000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 18;"><img src="img/arrow_white.png" alt="arrow" data-ww="10" data-hh="19"> 
		</div>

		
		<div class="tp-caption wordpresstext sfl fadeout tp-resizeme" 
			 data-x="273" 
			 data-y="317"  
			data-speed="600" 
			data-start="9000" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 19; max-width: auto; max-height: auto; white-space: nowrap;">WordPress Theme Customization Option 
		</div>


		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="240" 
			 data-y="371"  
			data-speed="600" 
			data-start="9800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 20;"><img src="img/titel_blue_bg.png" alt="Blue Background" data-ww="640" data-hh="52"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="256" 
			 data-y="388"  
			data-speed="600" 
			data-start="9800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 21;"><img src="img/arrow_white.png" alt="arrow" data-ww="10" data-hh="19"> 
		</div>

		
		<div class="tp-caption wordpresstext sfl fadeout tp-resizeme" 
			 data-x="273" 
			 data-y="385"  
			data-speed="600" 
			data-start="9800" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 22; max-width: auto; max-height: auto; white-space: nowrap;">Custom Widgets and Layout Options 
		</div>


		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="240" 
			 data-y="439"  
			data-speed="600" 
			data-start="10600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 23;"><img src="img/titel_pink_bg.png" alt="Pink Background" data-ww="640" data-hh="52"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="256" 
			 data-y="456"  
			data-speed="600" 
			data-start="10600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 24;"><img src="img/arrow_white.png" alt="arrow" data-ww="10" data-hh="19"> 
		</div>

		
		<div class="tp-caption wordpresstext sfl fadeout tp-resizeme" 
			 data-x="273" 
			 data-y="453"  
			data-speed="600" 
			data-start="10600" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 

			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 25; max-width: auto; max-height: auto; white-space: nowrap;">Follows WordPress CSS and PHP Coding Standards 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="240" 
			 data-y="507"  
			data-speed="600" 
			data-start="11400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 26;"><img src="img/titel_purple_bg.png" alt="Purple Background" data-ww="640" data-hh="52"> 
		</div>

		
		<div class="tp-caption arrowicon sfl fadeout" 
			 data-x="256" 
			 data-y="524"  
			data-speed="600" 
			data-start="11400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 27;"><img src="img/arrow_white.png" alt="arrow" data-ww="10" data-hh="19"> 
		</div>

		
		<div class="tp-caption wordpresstext sfl fadeout tp-resizeme" 
			 data-x="273" 
			 data-y="521"  
			data-speed="600" 
			data-start="11400" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="600" 

			style="z-index: 28; max-width: auto; max-height: auto; white-space: nowrap;">Fully Dynamic WordPress CMS/Blog 
		</div>
	</li>--------------->
	<!-- SLIDE  -->
	       <!----<li data-transition="random" data-slotamount="7" data-masterspeed="300"  data-saveperformance="off" >
		
		<img src="img/php_bg.jpg"  alt="php_bg"  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
		

		
		<div class="tp-caption imagecss sft fadeout" 
			 data-x="807" 
			 data-y="40"  
			data-speed="800" 
			data-start="1000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 5;"><img src="img/php.png" alt="Php" data-ww="182" data-hh="182"> 
		</div>

		
		<div class="tp-caption imagecss tp-fade fadeout" 
			 data-x="385" 
			 data-y="221"  
			data-speed="800" 
			data-start="2000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 6;"><img src="img/line.png" alt="Line" data-ww="1037" data-hh="68"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="313" 
			 data-y="274"  
			data-speed="800" 
			data-start="2800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 7;"><img src="img/Custom-development.png" alt="Core Php" data-ww="182" data-hh="182"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="809" 
			 data-y="274"  
			data-speed="800" 
			data-start="3600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 8;"><img src="img/framework.png" alt="Framework" data-ww="182" data-hh="182"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="1317" 
			 data-y="274"  
			data-speed="800" 
			data-start="4400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 9;"><img src="img/cms.png" alt="CMS" data-ww="182" data-hh="182"> 
		</div>

		
		<div class="tp-caption imagecss sfl fadeout" 
			 data-x="169" 
			 data-y="350"  
			data-speed="800" 
			data-start="5200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 10;"><img src="img/theme_development.png" alt="Theme Development" data-ww="159" data-hh="138"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="255" 
			 data-y="435"  
			data-speed="800" 
			data-start="6000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 11;"><img src="img/plugin_development.png" alt="Plugin Development" data-ww="138" data-hh="154"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="416" 
			 data-y="435"  
			data-speed="800" 
			data-start="6800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 12;"><img src="img/theme_customization.png" alt="Theme Customization" data-ww="138" data-hh="154"> 
		</div>

		
		<div class="tp-caption imagecss sfr fadeout" 
			 data-x="480" 
			 data-y="350"  
			data-speed="800" 
			data-start="7600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 13;"><img src="img/plugin_customization.png" alt="Plugin Customization" data-ww="158" data-hh="138"> 
		</div>

		
		<div class="tp-caption imagecss sfl fadeout" 
			 data-x="665" 
			 data-y="350"  
			data-speed="800" 
			data-start="8400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 14;"><img src="img/framework_cakephp.png" alt="Cake Php" data-ww="159" data-hh="138"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="755" 
			 data-y="435"  
			data-speed="800" 
			data-start="9200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 15;"><img src="img/zend.png" alt="Zend" data-ww="138" data-hh="154"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="916" 
			 data-y="435"  
			data-speed="800" 
			data-start="10000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 16;"><img src="img/framework_codeigniter.png" alt="Codeigniter" data-ww="138" data-hh="154"> 
		</div>

		
		<div class="tp-caption imagecss sfr fadeout" 
			 data-x="980" 
			 data-y="350"  
			data-speed="800" 
			data-start="10800" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 17;"><img src="img/Laravel.png" alt="Laravel" data-ww="158" data-hh="138"> 
		</div>

		
		<div class="tp-caption imagecss sfl fadeout" 
			 data-x="1173" 
			 data-y="350"  
			data-speed="800" 
			data-start="11600" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 18;"><img src="img/cms_wordpress.png" alt="Wordpress" data-ww="158" data-hh="138"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="1255" 
			 data-y="435"  
			data-speed="800" 
			data-start="12400" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 19;"><img src="img/opencart.png" alt="Opencart" data-ww="138" data-hh="154"> 
		</div>

		
		<div class="tp-caption imagecss sfb fadeout" 
			 data-x="1416" 
			 data-y="435"  
			data-speed="800" 
			data-start="13200" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 20;"><img src="img/cms_magento.png" alt="Magento" data-ww="138" data-hh="154"> 
		</div>

		
		<div class="tp-caption imagecss sfr fadeout" 
			 data-x="1480" 
			 data-y="350"  
			data-speed="800" 
			data-start="14000" 
			data-easing="Power3.easeInOut" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 21;"><img src="img/Woo-commerce.png" alt="Woo Commerce" data-ww="159" data-hh="138"> 
		</div>

		
		<div class="tp-caption phpcontent sfl fadeout tp-resizeme" 
			 data-x="225" 
			 data-y="92"  
			data-speed="800" 
			data-start="14800" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 22; max-width: auto; max-height: auto; white-space: nowrap;">OPEN SOURCE THE DEVELOPMENT COST OF DEVELOPING 
		</div>

		
		<div class="tp-caption phpcontent sfl fadeout tp-resizeme" 
			 data-x="225" 
			 data-y="117"  
			data-speed="800" 
			data-start="14800" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 23; max-width: auto; max-height: auto; white-space: nowrap;">ON TOP OF AN OPEN SOURCE TECHNOLOGY OR 
		</div>

		
		<div class="tp-caption phpcontent sfr fadeout tp-resizeme" 
			 data-x="1020" 
			 data-y="92"  
			data-speed="800" 
			data-start="15600" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 24; max-width: auto; max-height: auto; white-space: nowrap;">OPEN SOURCE THE DEVELOPMENT COST OF DEVELOPING 
		</div>

		
		<div class="tp-caption phpcontent sfr fadeout tp-resizeme" 
			 data-x="1020" 
			 data-y="117"  
			data-speed="800" 
			data-start="15600" 
			data-easing="Power3.easeInOut" 
			data-splitin="none" 
			data-splitout="none" 
			data-elementdelay="0.1" 
			data-endelementdelay="0.1" 
			 data-endspeed="800" 

			style="z-index: 25; max-width: auto; max-height: auto; white-space: nowrap;">ON TOP OF AN OPEN SOURCE TECHNOLOGY OR 
		</div>
	</li>--------------->
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>	</div>
			

			<style scoped>.tp-caption.h2css,.h2css{font-size:44px;font-family:"Rajdhani";color:rgb(15,163,211);text-decoration:none;background-color:transparent;text-shadow:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.listcss,.listcss{font-size:32px;line-height:30px;font-weight:900;font-family:"Rajdhani";color:rgb(0,0,0);text-decoration:none;background-color:transparent;padding:0px;text-shadow:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.nettext,.nettext{font-size:22px;font-family:"Rajdhani";color:rgb(255,255,255);text-decoration:none;background-color:transparent;text-shadow:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.arrowicon,.arrowicon{line-height:1px;background-color:transparent;text-decoration:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.androidiostitle,.androidiostitle{font-size:74px;font-family:"Rajdhani";color:rgb(255,255,255);text-decoration:none;background-color:transparent;text-shadow:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.androidiosdescription,.androidiosdescription{font-size:20px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#000000;text-decoration:none;background-color:transparent;text-shadow:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.seotitle,.seotitle{font-size:78px;font-family:"Rajdhani";color:rgb(255,255,255);text-decoration:none;background-color:transparent;text-shadow:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.wordpresstext,.wordpresstext{font-size:22px;font-family:Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;background-color:transparent;text-shadow:none;line-height:23px;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.imagecss,.imagecss{line-height:1px;background-color:transparent;text-decoration:none;border-width:0px;border-color:rgb(0,0,0);border-style:none}.tp-caption.phpcontent,.phpcontent{font-size:25px;font-weight:normal;font-family:"Rajdhani";color:rgb(14,107,137);text-decoration:none;background-color:transparent;text-shadow:none;text-transform:uppercase;border-width:0px;border-color:rgb(0,0,0);border-style:none}</style>

			<script type="text/javascript">

				/******************************************
					-	PREPARE PLACEHOLDER FOR SLIDER	-
				******************************************/
				

				var setREVStartSize = function() {
					var	tpopt = new Object();
						tpopt.startwidth = 1800;
						tpopt.startheight = 632;
						tpopt.container = jQuery('#rev_slider_1_1');
						tpopt.fullScreen = "off";
						tpopt.forceFullWidth="on";

					tpopt.container.closest(".rev_slider_wrapper").css({height:tpopt.container.height()});tpopt.width=parseInt(tpopt.container.width(),0);tpopt.height=parseInt(tpopt.container.height(),0);tpopt.bw=tpopt.width/tpopt.startwidth;tpopt.bh=tpopt.height/tpopt.startheight;if(tpopt.bh>tpopt.bw)tpopt.bh=tpopt.bw;if(tpopt.bh<tpopt.bw)tpopt.bw=tpopt.bh;if(tpopt.bw<tpopt.bh)tpopt.bh=tpopt.bw;if(tpopt.bh>1){tpopt.bw=1;tpopt.bh=1}if(tpopt.bw>1){tpopt.bw=1;tpopt.bh=1}tpopt.height=Math.round(tpopt.startheight*(tpopt.width/tpopt.startwidth));if(tpopt.height>tpopt.startheight&&tpopt.autoHeight!="on")tpopt.height=tpopt.startheight;if(tpopt.fullScreen=="on"){tpopt.height=tpopt.bw*tpopt.startheight;var cow=tpopt.container.parent().width();var coh=jQuery(window).height();if(tpopt.fullScreenOffsetContainer!=undefined){try{var offcontainers=tpopt.fullScreenOffsetContainer.split(",");jQuery.each(offcontainers,function(e,t){coh=coh-jQuery(t).outerHeight(true);if(coh<tpopt.minFullScreenHeight)coh=tpopt.minFullScreenHeight})}catch(e){}}tpopt.container.parent().height(coh);tpopt.container.height(coh);tpopt.container.closest(".rev_slider_wrapper").height(coh);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(coh);tpopt.container.css({height:"100%"});tpopt.height=coh;}else{tpopt.container.height(tpopt.height);tpopt.container.closest(".rev_slider_wrapper").height(tpopt.height);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(tpopt.height);}
				};

				/* CALL PLACEHOLDER */
				setREVStartSize();


				var tpj=jQuery;
				tpj.noConflict();
				var revapi1;

				tpj(document).ready(function() {

				if(tpj('#rev_slider_1_1').revolution == undefined){
					revslider_showDoubleJqueryError('#rev_slider_1_1');
				}else{
				   revapi1 = tpj('#rev_slider_1_1').show().revolution(
					{	
												dottedOverlay:"none",
						delay:20000,
						startwidth:1800,
						startheight:632,
						hideThumbs:200,

						thumbWidth:100,
						thumbHeight:50,
						thumbAmount:5,
						
												
						simplifyAll:"off",

						navigationType:"none",
						navigationArrows:"solo",
						navigationStyle:"round",

						touchenabled:"on",
						onHoverStop:"off",
						nextSlideOnWindowFocus:"off",

						swipe_threshold: 75,
						swipe_min_touches: 1,
						drag_block_vertical: false,
						
												
												
						keyboardNavigation:"off",

						navigationHAlign:"center",
						navigationVAlign:"bottom",
						navigationHOffset:0,
						navigationVOffset:20,

						soloArrowLeftHalign:"left",
						soloArrowLeftValign:"center",
						soloArrowLeftHOffset:20,
						soloArrowLeftVOffset:0,

						soloArrowRightHalign:"right",
						soloArrowRightValign:"center",
						soloArrowRightHOffset:20,
						soloArrowRightVOffset:0,

						shadow:0,
						fullWidth:"on",
						fullScreen:"off",

												spinner:"spinner0",
												
						stopLoop:"off",
						stopAfterLoops:-1,
						stopAtSlide:-1,

						shuffle:"off",

						autoHeight:"on",
						forceFullWidth:"on",
						
						
						hideTimerBar:"on",
						hideThumbsOnMobile:"off",
						hideNavDelayOnMobile:1500,
						hideBulletsOnMobile:"off",
						hideArrowsOnMobile:"off",
						hideThumbsUnderResolution:0,

												hideSliderAtLimit:0,
						hideCaptionAtLimit:0,
						hideAllCaptionAtLilmit:0,
						startWithSlide:0					});



									}
				});	/*ready*/

			</script>


			</div><!-- END REVOLUTION SLIDER -->
</div>
</div>
</section>