name : IV_011_01.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>JOB JOE</title>
		<!-- Bootstrap3.3.4 minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

	<link rel="stylesheet" href="css/main.css">
	<!-- jQuery1.11.3 minified JavaScript -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<!-- Bootstrap3.3.4 minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

</head>
<body>
	<header>
			<nav class="navbar navbar-default">
				<div class="container-fluid border-bottom-dashed">
					<div class="navbar-header col-md-7">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a href="javascript:;" class="navbar-brand">Interior Visions</a>
					</div>
					<div class="collapse navbar-collapse" id="myNavbar">
						<ul class="nav navbar-nav">
							<li><a href="javascript:;">PROJECTS</a></li>
							<li><a href="javascript:;">ABOUT</a></li>
							<li><a href="javascript:;">CLIENTS</a></li>
							<li class="active"><a href="javascript:;">CONTACT</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="javascript:;">EN</a></li>
							<li style="border-right: 1px solid;margin-top: 14px;" class="hidden-xs">&nbsp;</li>
							<li><a href="javascript:;">TH</a></li>
						</ul>
					</div>
				</div>
			</nav>
	</header>
	<section>
		<div class="container-fluid">
			<!-- SECTION LEFT -->
			<div class="col-xs-12 col-md-6 section-left">
				<div class="content"><!-- INTERIOR VISIONS -->
					<h2>INTERIOR VISIONS</h2>
					<p>1000/157,160, 163, 166 Liberty Plaza Bidg,<br>
					3rd Floor, Sukhumvit 55, North Klongton Wattana,<br>
					Bangkok 1011, THAILAND<br>
					<span>Tel : +66 2381 9349-52</span><br>
					<span>Fax : +66 2391-9776</span><br>
					<span><a href="mailto:contact@interiorvisions.co.th">Email : contact@interiorvisions.co.th</a></span>
				</div>
				<div class="col-xs-2 border-top-solid"></div>
				<div class="follow-padding"><!-- FOLLOW US -->
					<h2>FOLLOW US</h2>
					<div class="follow-style">
						<a href="javascript:;"><img src="images/icon/facebook.png" width="28" height="28"><span class="follow-style">FACEBOOK</span></a>
					</div>
					<div class="follow-style">
						<a href="javascript:;"><img src="images/icon/instagram.png" width="28" height="28"><span class="follow-style">INSTAGRAM</span></a>
					</div>
					<div class="follow-style">
						<a href="javascript:;"><img src="images/icon/pinterest.png" width="28" height="28"><span class="follow-style">PINTEREST</span></a>
					</div>
				</div>
			</div><!-- END SECTION LEFT -->
			<!-- SECTION RIGHT -->
			<div class="col-xs-12 col-md-4">
				<h2>CONTACT FORM</h2>
				<form class="form-horizontal">
					<!-- NAME -->
					<div class="form-group">
						<label for="name" class="control-label col-sm-3">Name</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="name" placeholder="Name">
						</div>
					</div>
					<!-- LASTNAME -->
					<div class="form-group">
						<label for="lastname" class="control-label col-sm-3">LastName</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="lastname" placeholder="LastName">
						</div>
					</div>
					<!-- MOBILE -->
					<div class="form-group">
						<label for="mobile" class="control-label col-sm-3">Mobile</label>
						<div class="col-sm-8">
							<input type="tel" class="form-control" id="mobile" placeholder="Mobile">
						</div>
					</div>
					<!-- E-MAIL -->
					<div class="form-group">
						<label for="email" class="control-label col-sm-3">E-mail</label>
						<div class="col-sm-8">
							<input type="email" class="form-control" id="email" placeholder="E-mail">
						</div>
					</div>
					<!-- SUBJECT -->
					<div class="form-group">
						<label for="subject" class="control-label col-sm-3">Subject</label>
						<div class="col-sm-8">
							<input type="text" class="form-control" id="subject" placeholder="Subject">
						</div>
					</div>
					<!-- MESSAGE -->
					<div class="form-group">
						<label for="message" class="control-label col-sm-3">Message</label>
						<div class="col-sm-8">
							<textarea class="form-control" id="message" rows="4"></textarea>
						</div>
					</div>
					<!-- Captcha -->
					<div class="form-group">
						<label for="captcha" class="control-label col-sm-3">Captcha</label>
						<div class="col-sm-offset-3 col-sm-3">
							<input type="text" class="form-control" id="captcha">
						</div>
						<div class="col-sm-3">
							<button type="submit" class="btn btn-style">Submit</button>
						</div>
					</div>
				</form>
			</div><!-- END SECTION RIGHT -->
		</div><!-- END ROW -->
	</section>
	<footer>
		<div class="container map" id="map"></div>
			<div class="container-fluid border-top-dashed">

				<ul class="nav navbar-nav navbar-right nav-style">
					<li class="col-xs-3"><a href="javascript:;"><img src="images/icon/facebook.png" width="16" height="16" alt="FACEBOOK"></a></li>
					<li class="col-xs-3"><a href="javascript:;"><img src="images/icon/instagram.png" width="16" height="16" alt="INSTAGRAM"></a></li>
					<li class="col-xs-3"><a href="javascript:;"><img src="images/icon/pinterest.png" width="16" height="16" alt="PINTEREST"></a></li>
					<li class="col-xs-3"><a href="javascript:;"><img src="images/icon/email.png" width="16" height="16" alt="EMAIL"></a></li>
				</ul>
			</div>
			<div style="float: right;">
				<p>copyright &copy; 2017 interior visions</p>
			</div>
	</footer>
</body>
<!-- MAP+Marker -->
<script>
	function initMap() {
		var uluru = {lat: 13.742611, lng: 100.5857598};
		var map = new google.maps.Map(document.getElementById('map'), {
			zoom: 17,
			center: uluru
		});
		var marker = new google.maps.Marker({
			position: uluru,
			map: map
		});
	}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBY_UVU4jKIQplq0RMG6jB1-zl1U0DShiE&callback=initMap" async defer></script>
</html>

© 2024 UnknownSec