<!DOCTYPE html>
<html lang="en">
<head>
<title>Match the following</title>
 <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="author" content="Ashok Shah" />
<meta name="description" content="HTML5 Match the following Interactivity" />
<meta name="keywords" content="html5, elearning, match the following" />
<meta name="website" content="https://www.shahnashok.com" />
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 <link href="https://fonts.googleapis.com/css?family=Salsa" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Hammersmith+One" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/mtf.css" />
<link rel="stylesheet" type="text/css" href="css/header.css" />
<link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"/>
<script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="lib/js/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="lib/js/vue.min.js" type="text/javascript"></script>



</head>
<script src="js/app.mtf.js" type="text/javascript"></script>
<script src="js/mtf.js" type="text/javascript"></script>
<body>
<!--<div class="door" id="door-left"></div>-->
<!--<div class="door" id="door-right"></div>-->
<div class="wrapper">	
	<video class="fullscreen-video" id="myVideo" autoplay="autoplay" muted loop>
        <source src="../img/bg1.mp4">
        Your browser does not support the video tag.
    </video>
	<div class="container">
		<section class="content">
			<div class="sub-header">
						<audio controls autoplay hidden>
    				<source src="audio/bg_sound.mp3" type="audio/mpeg">
               unsupported !! 
    					</audio>
				<h5 class="title-h4" id="app-title"></h5>
			</div>
			<div class="body-container">
				<div class="question-n">
					
					<div class="question-section">
						<div id="mainWrapper">
							<div class="">
								<div class="leftSide div1" id="dvLeft"></div>
								<div class="rightSide div1" id="dvRight"></div>
								<div class="clear"></div>
							</div>
							<span id="main_span" style="position:absolute; left:0;top:0; width:0px; height:0px;"></span>
							<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
					</div>
					<footer class="footer">
					<div class="button-wrapper">
						<!-- <button disabled id="btn-tryagain" onClick="tryAgainAct()" class="btn btn-primary">Try Again</button> -->
						<button disabled id="submitAns" class="btn btn-primary">Submit</button>
						<button disabled id="showAns" class="btn btn-primary">Answer</button>
						<button disabled id="btn-reset" onClick="resetActivity()" class="btn btn-primary">Reset</button>
					</div>
				</footer>				
			</div>
		</section>
		
	</div>
</div>
		</section>
	</div>
	


</body>
</html>

	<script type="text/javascript">document.addEventListener("DOMContentLoaded", function(){
    document.body.addEventListener("touchstart", playVideo);
    function playVideo() {
        const video = document.getElementById('myVideo');
        if(video.playing) {
        } else {
            video.play();
        }
    }
});</script>

	<script type="text/javascript">
		/*window.onload = function() {
  
  setTimeout(function() {
    document.body.classList.add('opened');   
    setTimeout(function() {
      document.getElementById('door-left').style.display = 'none';
      document.getElementById('door-right').style.display = 'none';
      document.getElementById('devilzApp').classList.remove('hidden');
    }, 5000); 
  }, 500); 
};*/
</script>