@extends('layouts.master')
@extends('layouts.header')
@section('aboutpage')
	<!-- Content -->
	<div id="content">

		<section class="bg-grey">
			<div class="container-fluid text-center">
				<div class="row">
					<div class="col-lg-6 col-lg-push-3">
						<img class="mb-80" width="200" src="assets/img/logo/mylogo.png" alt="Okno">
					</div>
				</div>
				<div class="row">
				<div class="col-lg-12">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2157.5616974377635!2d28.018200985099416!3d-26.108100794142977!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1e9574a849476247%3A0x8830a7f96f7b3a17!2s415+Jan+Smuts+Ave%2C+Randburg%2C+2194%2C+South+Africa!5e1!3m2!1sen!2s!4v1480427579904" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

				</div>
					
					
				</div>
			</div>
		</section>

		<section>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-push-2">
						<h2 class="text-center mb-50">Send Us a message!</h2>
						<form class="contact-form validate-form" id="contact-form" method="POST" 
						data-message-error="Opps... Something went wrong - please try again later"
						data-message-success="Thank you form your message! We will answer within 24 hours."
						>
							<div class="row">
								<div class="form-group col-sm-6">
									<input name="name" id="name" type="text" class="form-control" placeholder="Name" required>
								</div>
								<div class="form-group col-sm-6">
									<input name="email" id="email" type="text" class="form-control" placeholder="E-mail address" required>
								</div>
							</div>
							<div class="form-group">
								<textarea name="message" id="message" cols="30" rows="7" class="form-control" placeholder="Message" required></textarea>
							</div>
							<div class="row">
								<div class="col-sm-6">
									<div id="contact_recaptcha" class="g-recaptcha" data-sitekey="6LctuyUTAAAAAIECTA2-DBMnVeUz31Dt0J0FGBAH"></div>
								</div>
								<div class="col-sm-6">
									<button type="submit" class="btn btn-filled btn-submit mt-20"><span>Send it <i class="fa fa-arrow-right"></i></span></button>
								</div>
							</div>
						</form>
					</div>
					
				</div>
			</div>
		</section>
	</div>
	<!-- Content / End -->
	<div id="content">
			<div class="carousel inner-controls" data-single-item="true" style="margin-top: 80px;">
				<img src="assets/img/service1.jpg" alt="">
				<img src="assets/img/service2.jpg" alt="">
				<img src="assets/img/service3.jpg" alt="">
				<img src="assets/img/service4.jpg" alt="">

			</div>
	</div>
@stop
@extends('layouts.footer')