| Current File : /home/itiffy/public_html/resources/views/frontend/contact_us.blade.php |
@extends('frontend.layouts.master')
@section('content')
<!-- BANNER SECTION -->
<div class="inner-banner-section">
<h1>Contact Us</h1>
<p>Ready to create something great, Please fill in the form below and one of our experts will be in touch with you.</p>
<div class="icon-logo"><img src="{{ url('public/images') }}/icon-logo.png" alt=""></div>
</div>
<!-- /BANNER SECTION -->
<div class="breadcrumb-box">
<ol class="breadcrumb container">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li class="breadcrumb-item active">Contact Us</li>
</ol>
</div>
<!-- /BREADCRUMB SECTION -->
<!-- CONTENT SECTION -->
<div class="content-section">
<!-- Section01 -->
<div class="contact-section01">
<div class="container">
<div class="well">
<div class="clearfix" id="myTab">
<ul>
<li class="col-md-3"> <a href="#forusa" data-toggle="tab">
<h3>USA OFFICE</h3>
<p>5145 University Dr, Beaumont, TX 77705, USA <br>
Call : 1409 234 1545</p>
</a> </li>
<li class="col-md-3"> <a href="#forbangalore" data-toggle="tab">
<h3>BANGALORE OFFICE</h3>
<p>105, 16th Main 12th Cross, Thaverekere main road, BTM 1st stage, Bangalore 560029</p>
</a> </li>
<li class="col-md-3 active"> <a href="#forkolkata" data-toggle="tab">
<h3>KOLKATA OFFICE</h3>
<p>72, Beck Bagan Row (3rd Floor), Park Circus, Opposite Quest Mall Kolkata, West Bengal 700017</p>
</a> </li>
<li class="col-md-3 text-center"><img src="{{ url('public/images') }}/location.png" alt=""></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /Section01 -->
<!-- Section01 -->
<div class="contact-section02">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="well">
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade" id="forusa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3454.037410053089!2d-94.08082458528196!3d30.035784581885434!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x863eca703852f5f9%3A0xbb5abb71af0232ed!2s5145+Jimmy+Simmons+Blvd%2C+Beaumont%2C+TX+77705%2C+USA!5e0!3m2!1sen!2sin!4v1487163561025" width="100%" height="402" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="tab-pane fade" id="forbangalore">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3888.9043335234464!2d77.60791021437456!3d12.913869890893745!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae14e2d7b45a87%3A0xd8006935bda063a!2s16th+Main+Rd%2C+BTM+Layout%2C+Bengaluru%2C+Karnataka!5e0!3m2!1sen!2sin!4v1487164867141" width="100%" height="402" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="tab-pane fade in active" id="forkolkata">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d99122.46559690298!2d88.34936984246416!3d22.591791395438012!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e3c2de0cb11%3A0x60736f288c81b471!2sITIFFY!5e0!3m2!1sen!2sin!4v1486983262105" width="100%" height="402" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<form class="well form-horizontal" action="{{ route('contact-us') }}" method="post" id="contact_form" name="contact_form" onsubmit="return false">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<!-- Text input-->
<div class="form-group">
<div class="col-md-12 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="name" name="name" placeholder="Full Name" class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<div class="col-md-12 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input name="email" id="email" placeholder="E-Mail Address" class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<div class="col-md-12 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
<input name="phone_number" id="phone_number" placeholder="Phone Number" class="form-control" type="text" maxlength="15">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<div class="col-md-12 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span>
<input name="domain_name" id="domain_name" placeholder="Website or domain name" class="form-control" type="text">
</div>
</div>
</div>
<!-- Text area -->
<div class="form-group">
<div class="col-md-12 inputGroupContainer">
<div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
<textarea class="form-control" name="comment" id="comment" placeholder="Project Description"></textarea>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12 inputGroupContainer">
<div class="g-recaptcha" data-sitekey="6Lc06kEUAAAAAD00dT4hHc1ijX_7e9kZHAO-6SM3"></div>
<span id="reCaptchaError"></span>
</div>
</div>
@if(session()->has('success'))
<!-- Success message -->
<div class="alert alert-success" role="alert">
<a href="#" class="close" data-dismiss="alert">×</a> {{ session()->get('success') }}</div>
@endif
<!-- Button -->
<div class="form-group">
<div class="col-md-12">
<button type="submit" name="contact_submit" class="btn btn-warning" >Send <span class="glyphicon glyphicon-send"></span></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- /CONTENT SECTION -->
@endsection
@section('javascript')
@if(session()->has('success'))
<script type="text/javascript">
$(window).load(function(){
$("html, body").animate({ scrollTop: 800 }, 1000);
});
</script>
@endif
<script type="text/javascript">
$("#contact_form").validate({
onkeyup: function(element) { $(element).valid(); },
onfocusout: function(element) { $(element).valid(); },
rules: {
name: "required",
email: {
required: true,
email:true
},
phone_number: {
required: true,
},
comment: {
required: true,
}
},
submitHandler: function(form) {
if (grecaptcha.getResponse() == ''){
// if error I post a message in a div
$( '#reCaptchaError' ).html( '<p class="error">Please verify you are human.</p>' );
}else{
$( '#reCaptchaError' ).html( '' );
form.submit();
}
}
});
</script>
@stop