﻿<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  -->

    <title>Zeeshan Hamid</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
	
	<link href='//fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="style/plugins.css"/>
	<link rel="stylesheet" type="text/css" href="style/style.css"/>	

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/plugins.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>

    <!--[if lt IE 9]>
        <script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	
</head>
<body id="container" style=""><img class="vegas-background" src="images/backgound.jpg" style="position: fixed; left: -131px; top: 0px; width: 1274px; height: 747px; bottom: auto; right: auto;"><div id="preloader" style="display: none;"><div class="loading"><div class="label">loading...</div><span class="indicator-0 done"></span></div></div>
	
	<!-- BEGIN MAIN PAGE -->
	<div id="page-main" class="page active">
		<div class="content-wrapper with-footer">
			<!-- BEGIN CONTENT SECTION FOR MAIN PAGE -->
			<section class="content">
				<div class="entries">
					<div id="main" class="entry">
										
						<h1 class="anim-go-right" style="
    margin-bottom: 40px;
    font-size: 60px;
">Zeeshan Hamid</h1>	
						
						<h5 class="anim-go-right">Subscribe to our mailing list or follow us on social media to stay up to date.</h5>
						<form method="post" id="newsletter-form" class="the-form anim-go-left" action="subscribe.php">
							<div class="field-wrapper">
								<input type="text" class="textfield" name="email" placeholder="Email address">
								<button type="submit" class="btn">Subscribe</button>
								<a class="btn btn-trigger" href="#page-contact">Contact</a>
								<input type="hidden" name="submit" value="1">
							</div>
							<div class="message"></div>
						</form>	
					</div>
				</div>
				<div class="push"></div>
			</section><!-- END CONTENT SECTION -->
			
			<!-- BEGIN FOOTER SECTION -->
			<section class="footer">
				<div class="footer-wrapper">
					<div class="footer-item">
						<ul class="social-links">
							<li><a class="social anim-go-top facebook" href="http://www.facebook.com/zhamid.page" target="_blank" title="Facebook"><span></span></a></li>
							<li><a class="social anim-go-bottom twitter" href="http://twitter.com/zeeshan_hamid" target="_blank" title="Twitter"><span></span></a></li>
							<li><a class="social anim-go-top ward8" href="http://www.ward8.ca" target="_blank" title="Ward 8"><span></span></a></li>
							<li><a class="social anim-go-bottom pinterest" href="http://www.pinterest.com/zhamid/" target="_blank" title="Pinterest"><span></span></a></li>
							<li><a class="social anim-go-top youtube" href="#" target="_blank" title="YouTube"><span></span></a></li>
							<li><a class="social anim-go-bottom vimeo" href="#" target="_blank" title="Vimeo"><span></span></a></li>
						</ul>
					</div>
				</div>
			</section><!-- END FOOTER SECTION -->			
		</div>
	</div>
	<!-- END MAIN PAGE -->
	
	<!-- BEGIN CONTACT PAGE -->
	<div id="page-contact" class="page deactive hidden">
		<div class="content-wrapper">			
			<!-- BEGIN CONTENT SECTION FOR CONTACT PAGE -->
			<section class="content">
				<div class="entries">					
					<div id="contact" class="entry">						
						<a class="btn btn-trigger btn-close anim-go-left" href="#page-main">X</a>
						<h2 class="anim-go-left">Contact Us</h2>
						<br>
						<h5 class="anim-go-right">Feel free to send an enquiry, we will reply as soon as possible.</h5>
						<form method="post" id="contact-form" class="the-form" action="contact.php">
							<div class="field-wrapper">
								<input type="text" class="textfield required anim-go-left" name="name" placeholder="Name"><br>
								<input type="text" class="textfield required anim-go-right" name="email" placeholder="Email address"><br>
								<textarea class="textarea required anim-go-left" name="message" placeholder="Message" row="5"></textarea><br>
								<button type="submit" class="btn anim-go-right">Submit</button>
								<input type="hidden" name="submit" value="1">
							</div>
							<div class="message anim-go-left"></div>
						</form>	
					</div>
				</div>
			</section><!-- END CONTENT SECTION -->			
		</div>
	</div><!-- END CONTACT PAGE -->
	
	<!-- BEGIN FLARES -->
	<div id="flare-1" class="flare"><img src="images/flare-1.png"></div>
	<div id="flare-2" class="flare"><img src="images/flare-2.png"></div>
	<div id="flare-3" class="flare"><img src="images/flare-3.png"></div>
	<div id="flare-4" class="flare"><img src="images/flare-4.png"></div>
	<!-- END FLARES -->
	
	<!-- BEGIN BACKGROUND -->
	<div id="background" style="display: none;">
		<img src="images/backgound.jpg" width="1366" height="800">
	</div><!-- END BACKGROUND -->


<div id="window-resizer-tooltip" style="display: none;"><a href="#" title="Edit settings" style="background-image: url(chrome-extension://kkelicaakdanhinjdeammmilcgefonfh/images/icon_19.png);"></a><span class="tooltipTitle">Window size: </span><span class="tooltipWidth" id="winWidth">1028</span> x <span class="tooltipHeight" id="winHeight">836</span><br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth" id="vpWidth">1012</span> x <span class="tooltipHeight" id="vpHeight">747</span></div></body>
</html>