<!-- Slider HTML markup -->
	<div id="slider" style="width:1280px;height:620px;margin:0 auto;margin-bottom: 0px;">
		
		
		<!-- Slide 1-->
		<div class="ls-slide" data-ls="kenburnsscale:1.2; parallaxtype:3d; parallaxrotate:20;">
			<img width="2000" height="1333" src="/assets/dynaweb/images/bg2.jpg" class="ls-l" alt="" style="top:-306.5px; left:-360px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none;" data-ls="showinfo:1; parallax:true; parallaxlevel:-10;">
			<p style="top:90%; left:40%; text-align:initial; font-weight:600; font-style:normal; text-decoration:none; font-family:'Indie Flower'; font-size:2em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-120; durationin:3000; delayin:400; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-9;">Open Source</p>
			<p style="top:20%; left:20%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:2.2em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-105; durationin:3000; delayin:350; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-8;">Modular</p>
			<p style="top:40%; left:70%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:2.3em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-90; durationin:3000; delayin:300; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-7;">PHP 7.x</p>
			<p style="top:30%; left:30%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:1.9em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-75; durationin:3000; delayin:250; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-6;">Yii Framework</p>
			<p style="top:60%; left:75%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Arial; font-size:2.2em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-60; durationin:3000; delayin:200; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-5;">MySQL</p>
			<p style="top:20%; left:70%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:2.3em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-45; durationin:3000; delayin:150; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-3;">Security</p>
			<p style="top:70%; left:20%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Roboto; font-size:2em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-30; durationin:3000; delayin:100; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-2;">Optimal UI/UX</p>
			<p style="top:50%; left:20%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:1.9em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:-15; durationin:3000; delayin:50; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:-1;">Made In Malaysia</p>
			<p style="top:30%; left:78%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:2.0em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:30; durationin:3000; delayin:500; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:2;">Web Portals</p>
			<p style="top:77%; left:80%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:'Indie Flower'; font-size:1.8em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:60; durationin:3000; delayin:450; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:4;">Web Applications</p>
			<p style="top:15%; left:40%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Cuprum; font-size:2.0em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:90; durationin:3000; delayin:400; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:6;">Easy & Flexible</p>
			<p style="top:85%; left:70%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Verdana; font-size:2.0em; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:120; durationin:3000; delayin:350; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:8;">Future Proof</p>
			<!--p style="top:357px; left:1018px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Impact; font-size:60px; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:150; durationin:3000; delayin:300; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:10;">3D</p>
			<p style="top:182px; left:716px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Nunito; font-size:75px; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:180; durationin:3000; delayin:250; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:12;">fullscreen</p>
			<p style="top:480px; left:169px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Handlee; font-size:75px; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:210; durationin:3000; delayin:200; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:12;">responsive</p>
			<p style="top:52px; left:543px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Oswald; font-size:70px; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:240; durationin:3000; delayin:150; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:16;">Ken Burns</p>
			<p style="top:408px; left:573px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:'Roboto Slab'; font-size:90px; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:270; durationin:3000; delayin:100; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:18;">Play By Scroll</p>
			<p style="top:143px; left:194px; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Pacifico; font-size:110px; line-height:falsepx; color:rgba(0, 0, 0, 0.75);" class="ls-l" data-ls="showinfo:1; offsetxin:300; durationin:3000; delayin:50; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:20;">Origami</p-->
			<p style="top:69px; left:50%; text-align:initial; font-weight:400; font-style:normal; text-decoration:none; font-family:Lato; font-size:350px; color:#db003a; line-height:falsepx;" class="ls-l" data-ls="showinfo:1; offsetxin:330; durationin:3000; easingin:easeInOutCubic; rotatein:10; rotateyin:-10; skewxin:-20; transformoriginin:slidercenter slidermiddle 0; parallax:true; parallaxlevel:23;"><img src="/assets/dynaweb/images/dynaweblogo2.png" style="width:100%;max-width:200px;"></p>
		</div>
	</div>


	<!-- Initializing the slider -->
	<script type="text/javascript">

		$(document).ready(function() {

			
			$('#slider').layerSlider({
				sliderVersion: '6.1.0',
				skin: 'v6',
				globalBGColor: '#ffffff',
				skinsPath: '/assets/dynaweb/layerslider/skins/'
			});
		});

	</script>