
<style>#InterestDiv input{cursor:pointer; margin-right:10px;}</style><div class="header-heading">
	<div class="container">
		<h1>Choose Your Career Choices</h1>
		<div class="heading-icon">
			<img src="<?= HTTP_ICON_PATH;?>interest-icon.png" alt="" />
		</div>
	</div>
</div>

<!-- First Container -->
<div class="container container-top">
	<form id="InterestDiv" action = "" method="post" enctype="multipart/form-data">
	 <script> var form_path = '<?= BASE_URL.'start/set_interest'; ?>';</script>
		<div class="col-sm-12 alert alert-success">			 
			<!--<div class="row"><span style="font-size:12px;color: #d30d0d;padding: 0 15px 20px;" class="pull-right">Select at least 3 options</span></div>--><br>
			<div class="row">
			<input type="hidden" name="TestID" id="TestID" value="<?=$TestID;?>"/>
				<?php foreach($interests as $row){
				echo '<div class="col-sm-4"><p><input type="checkbox" name="InterestChk[]" class="InterestChk" value="'.$row['id'].'"/>'.$row['VocationalCareerName'].'</p></div>';
			}?></div>
			<div id="All_MSg" class="text-center"></div>
			<p class="text-center" style="margin-top:25px;border-top:1px solid #fff; padding:25px;">	
				<input type="button" value="Submit" class="interestBTN btn btn-primary btn-lg " /></p>
			
		</div>
	</form>	
</div>
 
 
<script src="<?=HTTP_JS_PATH; ?>questions.js"></script>
 