contact.html

<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">	

	<title>Contact - WITCO Construction & Development Corporation</title>

	<!-- favicon -->
	<link rel="icon" type="image/gif/png" href="assets/images/WITCO-08.png">

	<!-- google font -->
	<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans:400,700|Open+Sans:300" rel="stylesheet">

	<!-- fontawesome -->
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

	<!-- animate css -->
	<link rel="stylesheet" type="text/css" href="assets/css/animate.css"> 

	<!-- bootstrap css -->
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> 

	<!-- external css -->
	<link rel="stylesheet" type="text/css" href="assets/css/style.css"> 

	<!-- jquery -->
	<script type="text/javascript" src="assets/js/jquery-3.3.1.min.js"></script>

	<!-- popper js-->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

	<!-- external bootstrap js -->
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

</head>
<body>


<div class="container-fluid mx-0 px-0">

	<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="navbar">

		<a class="navbar-brand" href="index.html"><img class="thumb" src="assets/images/WITCO-06.png"></a>
	
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-nav">
			<span class="navbar-toggler-icon"></span>
		</button>

		<div class="collapse navbar-collapse pt-1" id="navbar-nav">
			<ul class="navbar-nav ml-auto">
				<li class="nav-item px-2 text-center">
					<a class="nav-link" href="index.html#home">Home</a>
				</li>					
				<li class="nav-item px-2 text-center">
					<a class="nav-link" href="profile.html">Profile</a>
				</li>
				<li class="nav-item px-2 text-center">
					<a class="nav-link" href="projects.html">Projects</a>
				</li>
				<li class="nav-item px-2 text-center">
					<a class="nav-link" href="careers.html">Careers</a>
				</li>
				<li class="nav-item px-2 text-center">
					<a class="nav-link active" href="contact.html">Contact</a>
				</li>
			</ul>
		</div>

	</nav>
	

	<div id="heading" class="container col-12">
		<img id="heading-img" src="assets/images/header.jpg">
	</div>

	<div class="row">
		<div id="title" class="container col-12 mb-5">
			<h2>Our Details</h2>
			<h5>Get in touch with us</h5>
		</div>
	</div>

	<div class="row  mb-5">
		<div class="container col-3"></div>
		<div class="container col-6 text-center">
			<h4>WITCO Construction & Development Corporation</h4>
			<p>Unit 201 & 202 Cityland Pioneer Condominium, 128 Pioneer St., <br>Mandaluyong City, Philippines</p>
			<div class="px-3"><i class="fas fa-phone"></i> 998-5662-595</div> 
			<div class="px-3"><i class="fas fa-envelope"></i> <a class="text text-dark" href="mailto:contact@witco.ph">contact@witco.ph</a></div>
			<div class="px-3"><i class="fab fa-facebook"></i> <a class="text text-dark" href="https://www.facebook.com/WITCO-Construction-590391207801346/" target="_blank">witco</a></div>
		</div>
		<div class="container col-3"></div>
	</div>

	<div class="row">
		<div class="container col-lg-1 d-none d-lg-block"></div>
		<div class="container-fluid resp-container col-lg-5 col-md-10 col-sm-12 mt-3 mb-5">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1930.731091274516!2d121.05362342977952!3d14.572720108392758!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x7d2f61283531377f!2sWitco+Construction+and+Development+Corporation!5e0!3m2!1sen!2sph!4v1537698781693" class="resp-iframe clear" frameborder="0" style="border:0" allowfullscreen></iframe>
		</div>
		<div class="container-fluid col-lg-5 col-md-10 col-sm-12 mb-5">
			<form class="col-12">
				<div class="card mt-3 pt-0 pb-3 px-3">
						<h3 class="text text-dark mb-0">Leave us a Message</h3>
					<div class="form-group mt-3">
					    <label for="email-add">Email Address</label>
					    <input type="email" class="form-control" id="email-add" placeholder="name@company.com">
					</div>
					<div class="form-group">
					    <label for="message">Message</label>
					    <textarea class="form-control" id="message" rows="3" placeholder="How can we help you?"></textarea>
					</div>
					<button type="submit" class="btn btn-outline-dark">Submit</button>
				</div>
			</form>
		</div>	
		<div class="container col-lg-1 d-none d-lg-block"></div>
	</div>


	<div class="footer1 clear col-12">
		<div class="container col-lg-3 col-md-4 col-sm-12 px-3 py-5 mx-0 px-0">
			<!-- <h4>WITCO Construction & Development Corporation</h4> -->
		</div>
		<div class="container col-lg-6 col-md-4 col-sm-12 my-5 mx-0 px-0 text-center">
			<img class="foo-img" src="assets/images/WITCO-06.png">
			<small>
				<a id="foolinks" href="index.html#home">Home</a> | 
				<a id="foolinks" href="profile.html">Profile</a> | 
				<a id="foolinks" href="projects.html">Projects</a> | 
				<a id="foolinks" href="careers.html">Careers</a> | 
				<a id="foolinks" href="contact.html">Contact</a>
			</small>
		</div>
		<div id="foot-right" class="container col-lg-3 col-md-4 col-sm-12 px-3 py-5">
			<!-- <h4>Follow Us</h4> -->
			<!-- <a href="https://www.facebook.com/WITCO-Construction-590391207801346/" target="_blank"><i class="fab fa-facebook-f"></i></a> -->
		</div>
	</div>
	<div class="footer2 col-12">
		<small>Copyright &copy; 2018 Tuitt Bootcamp - Don Dilidili</small>
		<p id="disclaimer" class="mt-2">All images and texts are free to use and non-strict for attribution. All other rights regarding concept and layout are reserved.</p>
	</div>

</div>

</body>
</html>