contact.htm


<!--
Author: Qasim Nadeem
-->
<!DOCTYPE html>
<html>
<head>
<title>TechMight Solutions leading solar panel and solar poer solutions inpakistan </title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Deco Light Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swipebox.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
	<!-- start-smoth-scrolling -->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
<script src="js/responsiveslides.min.js"></script>
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
</head>


<body>
<!-- header -->
<div class="header-bottom">
		<div class="container" style="width:100%;margin-top:-10px;margin-bottom:-10px">
			<div class="row">
			<div class="col-md-12 col-lg-12 col-sm-12">
			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				 
					<div class="logo grid">
						<div class="grid__item color-3">
							<h1><a href="index2.htm"><img src="logo.png" alt="Techmight Solutions logo" height="70px"/></a></h1>
						</div>
					</div>
				
				</div>

				<div id = "navbar_style" style="float:right;margin-top:-80px;clear:both;">
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil links" id="bs-example-navbar-collapse-1">
						<nav class="link-effect-4" id="link-effect-4">
							<ul class="nav1 nav navbar-nav nav-wil" style="padding:-5px;">
									<li><a  class="active " data-hover="Home" href="index2.htm">Home</a></li>
									<li><a data-hover="About Us" href="aboutus.htm">About Us</a></li>
									<!--<li><a data-hover="Solution" href="#services" class="scroll">Solution</a></li>-->

									<li class="dropdown"><a href="solutions.htm" data-hover="Solution">Solution</a></li>

									<li><a data-hover="Products" href="products.htm">Products</a></li>
									<li><a data-hover="Installation" href="installation.htm">Installation</a></li>
									<li><a data-hover="FAQs" href="faq.htm">FAQs</a></li>
									<li><a data-hover="Contact" href="contact.htm">Contact</a></li>
									<li><a data-hover="Get Quote" href="quote.htm">Get Quote</a></li>
							</ul>
						</nav>
						<!--
						<div class="search">
							<form action="#" method="post">
								<input type="search" name="Search" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" required="">
								<input type="submit" value=" ">
							</form>
						</div>
					-->
					</div>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
		</div>
		</div>
		</div>
	</div>
<!-- //header -->

<!-- contact -->
<div id="contact" class="contact wow fadeIn animated animated" data-wow-delay="0.1s" data-wow-duration="0s">
	<div class="map">










		<iframe src="https://www.google.com/maps/embed/v1/place?q=109+k+Gulberg+3,+Lahore,+Punjab,+Pakistan&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU" style="border:0"></iframe>
		<div class="map-pos">
			<div class="container">
				<div class="col-md-4 map_left">
					<h3>CONTACT <span></span></h3>
				</div>
				<div class="col-md-8 map_right text-center">
					<div class="col-sm-4 add_left">
						<span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
						<ul>
							<li>+92 321-7283213</li>
							<li>+92 302-4600190</li>
						</ul>
					</div>
					<div class="col-sm-4 add_left">
						<span class="glyphicon glyphicon-send" aria-hidden="true"></span>
						<ul>
							<li>109 K,Gulberg III, Lahore</li>
						</ul>
					</div>
					<div class="col-sm-4 add_left">
						<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
						<ul>
							<li><a href="mailto:info@example.com">ibrahimsha99@gmail.com</a></li>
							<li><a href="mailto:info@example.com">qqnadeem@outlook.com</a></li>
						</ul>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
</div>
<!-- //contact -->
<div class = "send_message">

	<div class = "container">
	<div class="mail_us">
				<div class="col-md-5 mail_left">
					<h3 style = "color:white;font-style:arial"> Send us Message </h3>
					<img src="images/sp3.jpg" alt=" "/>
				</div>
				<div class="col-md-7 mail_right" style = "margin-top:30px;">
					<form action="#" method="post">
						<input type="text" name="Name" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
						<input type="email" name="Email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
						<input type="text" name="Mobile number" value="Mobile number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Mobile number';}" required="">
						<textarea name="Message..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
						<input type="submit" value="Send">
						
					</form>
				</div>
				<div class="clearfix"></div>
			</div>
	</div>
</div>
<!-- footer -->
<div class="footer wow fadeIn animated animated" data-wow-delay="0.1s" data-wow-duration="0.2s">
	<div class="container">
		<div class="footer_top text-center">
			<h2><a href="#home">TechMight Solutions</a></h2>
			<ul>
				<li><a href="index2.htm">Home</a></li>
				<li><a href="aboutus.htm" >About</a></li>
				<li><a href="products.htm">Products</a></li>
				
				<li><a href="contact.htm">Contact</a></li>
			</ul>
		</div>
		<div class="copy_right text-center">
			<p> &copy; 2016 TECHMIGHT SOLUTIONS. All Rights Reserved | Design by  <a href="http://facebook.com/theqasimnadeem"> Qasim Nadeem</a></p>
			<ul class="fb_icons2">
				<li><a class="fb" href="#"></a></li>
				<li><a class="twit" href="#"></a></li>
				<li><a class="goog" href="#"></a></li>
				<li><a class="pin" href="#"></a></li>
				<li><a class="drib" href="#"></a></li>
			</ul>
		</div>
	</div>
</div>
<!-- //footer -->

</body>
</html>