<!-- MasterSlider -->
<section id="P_masterslider" class="master-slider-parent bg-body ms-slider-alt ms-parent-id-3" >
<!-- MasterSlider Main -->
<div id="masterslider" class="master-slider bg-body ms-skin-minimal" >
<!--Slide 1-->
<div class="ms-slide" data-delay="5" data-fill-mode="fill" >
<img class="ms-layer" src="assets/vendor/masterslider/style/blank.gif"
data-src="assets/img/backgrounds/trans2.png" alt="" data-ease="easeOutQuint" data-parallax="60"
data-type="image" data-offset-x="293" data-offset-y="90" data-origin="mc"
data-position="normal" />
<div class="ms-layer msp-cn-169-5" data-ease="easeOutQuint" data-parallax="70" data-offset-x="-495"
data-offset-y="-40" data-origin="mc" data-position="normal">What we <strong>Do</strong></div>
<div class="ms-layer bg-body ms-title msp-cn-169-14" data-ease="easeOutQuint" data-parallax="80"
data-offset-x="-225" data-offset-y="50" data-origin="mc" data-position="normal">We craft unique
</div>
<div class="ms-layer bg-body ms-title msp-cn-169-6" data-ease="easeOutQuint" data-parallax="90"
data-offset-x="-175" data-offset-y="142" data-origin="mc" data-position="normal">business ideas
</div>
</div>
<!--Slide 2-->
<div class="ms-slide" data-delay="5" data-fill-mode="fill">
<img class="ms-layer" src="assets/vendor/masterslider/style/blank.gif"
data-src="assets/img/backgrounds/trans1.png" alt="" data-ease="easeOutQuint" data-parallax="60"
data-type="image" data-offset-x="293" data-offset-y="90" data-origin="mc"
data-position="normal" />
<div class="ms-layer msp-cn-169-19" data-ease="easeOutQuint" data-parallax="70" data-offset-x="-474"
data-offset-y="-40" data-origin="mc" data-position="normal">Our <strong>Motivation</strong>
</div>
<div class="ms-layer bg-body ms-title msp-cn-169-21" data-ease="easeOutQuint" data-parallax="80"
data-offset-x="-175" data-offset-y="50" data-origin="mc" data-position="normal">The best
solutions</div>
<div class="ms-layer bg-body ms-title msp-cn-169-20" data-ease="easeOutQuint" data-parallax="90"
data-offset-x="-125" data-offset-y="142" data-origin="mc" data-position="normal">for your
business</div>
</div>
<!--Slide 3-->
<div class="ms-slide" data-delay="5" data-fill-mode="fill">
<img class="ms-layer" src="assets/vendor/masterslider/style/blank.gif"
data-src="assets/img/backgrounds/trans3.png" alt="" data-ease="easeOutQuint" data-parallax="60"
data-type="image" data-offset-x="293" data-offset-y="90" data-origin="mc"
data-position="normal" />
<div class="ms-layer msp-cn-169-26" data-ease="easeOutQuint" data-parallax="70" data-offset-x="-425"
data-offset-y="-40" data-origin="mc" data-position="normal"><strong>Vision</strong></div>
<div class="ms-layer bg-body ms-title msp-cn-169-28" data-ease="easeOutQuint" data-parallax="80"
data-offset-x="-75" data-offset-y="50" data-origin="mc" data-position="normal">Creative vision
and</div>
<div class="ms-layer bg-body ms-title msp-cn-169-27" data-ease="easeOutQuint" data-parallax="90"
data-offset-x="-55" data-offset-y="142" data-origin="mc" data-position="normal">digital
experience</div>
</div>
</div>
<!-- END MasterSlider Main -->
</section>
<!-- END MasterSlider -->
<!--Master slider-->
<link rel="stylesheet" href="assets/vendor/masterslider/style/masterslider.css">
<link rel="stylesheet" href="assets/vendor/masterslider/skins/black-1/style.css">
<!-- Bootstrap + Vendor + Theme -->
<link href="assets/css/theme.min.css" rel="stylesheet">
<!-- Bootstrap + Vendor + Theme -->
<script src="assets/css/theme.bundle.js"></script>
<!--Mastert Slider start (Include jquery before master slider js)-->
<script src="assets/vendor/node_modules/js/jquery.min.js"></script>
<script src="assets/vendor/masterslider/jquery.easing.min.js"></script>
<script src="assets/vendor/masterslider/masterslider.min.js"></script>
<script>
"use strict";
var masterslider = new MasterSlider();
// slider controls
masterslider.control('arrows' ,{ autohide:true, overVideo:true });
masterslider.control('bullets' ,{ autohide:true, overVideo:true, dir:'h', align:'bottom', space:10 , margin:26 });
masterslider.control('timebar' ,{ autohide:false, overVideo:true, align:'bottom', color:'#f88e6d' , width:2 });
// slider setup
masterslider.setup("masterslider", {
width : 1366,
height : 768,
minHeight : 0,
space : 0,
start : 1,
grabCursor : true,
swipe : true,
mouse : true,
keyboard : false,
layout : "fullwidth",
wheel : false,
autoplay : true,
instantStartLayers:true,
loop : true,
shuffle : false,
preload : 0,
heightLimit : true,
autoHeight : false,
smoothHeight : true,
endPause : false,
overPause : true,
fillMode : "fill",
centerControls : false,
startOnAppear : false,
layersMode : "center",
autofillTarget : "",
hideLayers : false,
fullscreenMargin: 0,
speed : 18,
dir : "h",
parallaxMode : 'swipe',
view : "basic"
});
</script>