<!DOCTYPE html>

<html data-programme="Research Integrity" data-course="MODULE TITLE">

	<head>
		<title>PAGE TITLE</title>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" type="text/css" href="../css/project.min.css">
		<link id="basic-print" rel="stylesheet" type="text/css" href="../css/print.min.css" disabled>
		<link id="summary-print" rel="stylesheet" type="text/css" href="../css/print_interactive.min.css">
	<script type="text/javascript" src="../scripts_scorm_12/SCORM_12_APIWrapper.js"></script>
<script type="text/javascript" src="../scripts_scorm_12/courseFunctions.js"></script>
</head>

	<body onLoad="javascript:Initialize();" onUnload="javascript:Terminate();">
	  
		<div id="app" v-cloak>
			<base-container
				screen-id="ri_1_10"
				current-module = "MODULE TITLE"
				page-title = "PAGE TITLE"
				screen-time = "5"
				screen-time-period = "mins">

				<page-container>

					<page-row>
						<page-content-main>
							
							<h1>MAIN CONTENT</h1>
							
						</page-content-main>
						
						<page-content-sidebar>
							
							<p>SIDEBAR CONTENT (POD)</p>
							
						</page-content-sidebar>
					</page-row>
					
				</page-container>
			</base-container>
		</div> <!-- END content wrapper -->

		<!-- scripts -->
		<script src="../js/vendor.min.js"></script>
		<script src="../js/vue-components.min.js"></script>
		<script>
			new Vue({
			  el: "#app",
			  data: {},
			  mounted: function () {
				var core = document.createElement('script');
				core.src = "../js/core.min.js";
				document.getElementsByTagName('head')[0].appendChild(core);

				var project = document.createElement('script');
				project.src = "../js/project.min.js";
				document.getElementsByTagName('head')[0].appendChild(project);
			  }
			});
		</script>

	</body>
</html>