lorem ipsum dolor sit

FULLSCREEN

TEMPLATE

MODERN

DESIGN

lorem ipsum dolor sit

WE CREATE

AWESOME STUFF

lorem ipsum dolor sit

THE BEST SOLUTION

FOR YOUR

BUSSINESS

lorem ipsum dolor sit

HD BACKGROUND VIDEOS

lorem ipsum dolor sit
You need to put the following html markup in your html document where you want to have slider
		
	
lorem ipsum dolor sit

FULLSCREEN

TEMPLATE

MODERN

DESIGN

lorem ipsum dolor sit

WE CREATE

AWOESOME STUFF

lorem ipsum dolor sit

THE BEST SOLUTION

FOR YOUR

BUSSINESS

lorem ipsum dolor sit

HD BACKGROUND VIDEOS

lorem ipsum dolor sit
You need to put the following scripts just before the < ⁄ body>
	<script type="text/javascript">		
	
		var slider = new MasterSlider();

		slider.control('arrows' ,{insertTo:'#masterslider'});	
		slider.control('bullets');	

		slider.setup('masterslider' , {
			width:1024,
			height:768,
			space:5,
			view:'basic',
			layout:'fullscreen',
			fullscreenMargin:57,
			speed:20
		});
		
	</script>
				
You need to import the following files
		<!-- Base MasterSlider style sheet -->
		<link rel="stylesheet" href="../masterslider/style/masterslider.css" />
		
		<!-- Master Slider Skin -->
		<link href="../masterslider/skins/default/style.css" rel='stylesheet' type='text/css'>
		 
		<!-- MasterSlider Template Style -->
		<link href='style/ms-fullscreen.css' rel='stylesheet' type='text/css'>
		
		<!-- google font Lato 
		<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
		-->
		
		<!-- jQuery -->
		<script src="../masterslider/jquery-1.10.2.min.js"></script>
		<script src="../masterslider/jquery.easing.min.js"></script>
		
		<!-- Master Slider -->
		<script src="../masterslider/masterslider.min.js"></script>