index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>Edvisor widget sandbox!</title>

		<!-- Load the Edvisor widget from CDN -->
		<script type="text/javascript" src="./dist/bundle.js"></script>

		<!-- Selectize THEMES (default, bootstrap3, material) -->
		<link rel="stylesheet" href="https://npmcdn.com/react-selectize@2.1.0/dist/index.min.css"/>
	</head>
	<body>
		<h1>Simon Frasier University</h1>
		<div>SFU Vancouver's mission is to enhance its status as a dynamic, engaged and accessible urban university campus.</div>
		<div id="widget" style="border: 1px solid black"></div>
		<div>CONNECT WITH US [Facebook] [Instagram] [Twitter]</div>

		<!-- Render the Edvisor widget -->
		<script type="text/javascript">
			Edvisor.widgets.courseSearchWidget.render({
				apiKey: 'agent', 
				selector: "#widget"
			});
		</script>
	</body>
</html>