

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title>

</title><link rel="stylesheet" href="demo/css/bootstrap.min.css" /><link rel="stylesheet" href="demo/css/prism.css" /><link rel="stylesheet" href="dist/css/pignose.parallaxslider.min.css" />
	<style type="text/css">
		@import url(https://fonts.googleapis.com/css?family=Raleway);
		/*html, body {
			position: relative;
			height: 100%;
		}*/

		#wrapper {
			padding-bottom: 0px;
		}

		.header {
			max-width: 1200px;
			width: 80%;
			margin: 0 auto;
			padding-top: 40px;
			padding-bottom: 40px;
			margin-bottom: 40px;
			border-bottom: 1px solid #efefef;
			text-align: center;
		}

		.header h1 {
			margin-bottom: 20px;
			font-size: 24px;
			font-weight: 400;
			font-family: 'Raleway', 'helvetica', 'sans-serif';
			color: #333333;
		}

		.article {
			max-width: 1200px;
			width: 80%;
			margin: 0 auto;
			margin-top: 40px;
			padding-top: 40px;
			border-top: 1px solid #efefef;
			font-family: 'Raleway', 'helvetica', 'sans-serif';
			text-align: center;
		}

		.article h3 {
			margin-bottom: 40px;
		}

		.article table {
			font-size: 115%;
			text-align: left;
		}

		.article pre {
			font-size: 115%;
		}
	</style>
	<script type="text/javascript" src="demo/js/jquery.latest.min.js"></script>
	<script type="text/javascript" src="demo/js/jquery.easing.js"></script>
	<script type="text/javascript" src="demo/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="demo/js/prism.min.js"></script>
	<script type="text/javascript" src="dist/js/pignose.parallaxslider.min.js"></script>
	<script type="text/javascript">
	//<![CDATA[
	    $(window).load(function () {
	        $('#visual').pignoseParallaxSlider({
	            play: '.btn-play',
	            pause: '.btn-pause',
	            next: '.btn-next',
	            prev: '.btn-prev'
	        });
	    });
	//]]>
	</script>

</head>
<body>
    <form name="form1" method="post" action="./HITKSlideShow.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEyOTE4NzEzOTlkZKfNJ2iM0uNHVhPwcxLZPDvqzFR1FfCJ8NiZlx+YXFVh" />
</div>

<div>

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="6C0AFAA4" />
</div>
<div id="wrapper">
        <div id="visual">
			<div class="slide-visual">
				<!-- Slide Image Area (1000 x 424) -->
				<ul class="slide-group">
                                        
                    <li><img src="demo/img/visual_slide22_1.jpg" alt="slide image" /></li>
					
					<li><img src="demo/img/BestCollegeAward2024.jpg" alt="slide image" /></li>     
					<li><img src="demo/img/visual_slide40_1.jpg" alt="slide image" /></li>                    
                    <li><img src="demo/img/visual_slide17_1.jpg" alt="slide image" /></li>
					<li><img src="demo/img/visual_slide18_1.jpg" alt="slide image" /></li>
                    <li><img src="demo/img/visual_slide57_1.jpg" alt="slide image" /></li>
                    <li><img src="demo/img/visual_slide26_1.jpg" alt="slide image" /></li>
                    <li><img src="demo/img/visual_slide21_1.jpg" alt="slide image" /></li>
                    
                    
                    
               </ul>

				<!-- Slide Description Image Area (316 x 328) -->
				<div class="script-wrap">
					
					 <div class="slide-controller">
						<a href="#" class="btn-prev"><img src="demo/img/btn_prev.png" alt="prev slide" /></a>
						<a href="#" class="btn-play"><img src="demo/img/btn_play.png" alt="start slide" /></a>
						<a href="#" class="btn-pause"><img src="demo/img/btn_pause.png" alt="pause slide" /></a>
						<a href="#" class="btn-next"><img src="demo/img/btn_next.png" alt="next slide" /></a>
				    </div>
				</div>
				
				
				
				
				       
				                                           
                    
					                    
                    
                    
                                        
                                       
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
					
                    
                    
                    
                    
                    
                    
                    
					
					
					
               
			</div>
		</div>  
    </div>
    </form>
</body>
</html>
