 
	<style>
		html, body{height:100%}
			.red{border-color:red;}
			.loginHead{border-bottom: 1px solid rgb(170, 170, 170); color:#e91e63; background-color: rgb(255, 255, 255); text-align: center; font-weight: bold; font-size: 20px; padding: 15px;}
		body {
			background-color: #98E65C; background-repeat:no-repeat;
			background-position: center;
			background:url(<?= HTTP_IMAGES_PATH; ?>mapmycareer_bg.png);
			background-size:cover;
		}
		footer{display:none;}
	</style>
	 
 
    <div class="container">
        <div class="row">
			<div class="col-sm-8">
				<h1 style="color:#3cadca;font-size: 65px;margin-top: 25%;">MAP MY CAREER</h1>
			</div>
            <div class="col-md-4" style="margin-top:100px;margin-bottom:100px;">
                 
				<div class="panel-heading" style="background-color:#3cadca">
					<div><img src="<?= HTTP_ICON_PATH; ?>logo.png" alt="MAP MY CAREER"  style="width: 100%;padding:0% 15%;"/></div>
				</div>
				<div class="col-sm-12" style="background-color:#fff;">
					 <br>
					<form id="student_login" role="form">
						<fieldset>
							<p id="login_MSg"></p>
							<div class="form-group">
								<input id="a_email" class="form-control" placeholder="E-mail" name="email" type="email">
							</div>
							<div class="form-group">
								<input id="a_password" class="form-control" placeholder="Password" name="password" type="password" value="">
							</div>
							 
							<!-- Change this to a button or input when using this as a form -->
							<input type="submit" class="btn btn-lg CustomBtnPink btn-block" value="Login"/>
							
						</fieldset>
					</form><br>
					 
				</div>
                 
            </div>
        </div>
    </div>

 
	<script src="<?= HTTP_JS_PATH ?>login.js"></script>

 
