@extends('frontend.layouts.app')

@section('content')

	<section id="breadcrumbs" class="breadcrumbs_section cs section_padding_120 table_section table_section_md" style="background:url('{{ URL::to('/') }}/images/contact.png')no-repeat;background-size: 100%  100%;background-position:center center;">
		<div class="container">
			<div class="row">
				<div class="col-md-6 text-center text-md-left">
					<h1 class="thin">Contact us</h1>
				</div>
				<div class="col-md-6 text-center text-md-right">
					<ol class="breadcrumb">
						<li>
							<a href="https://firstassist.co.in/">
								<span>
									<i class="rt-icon2-home"></i>
								</span>
							</a>
						</li>
						<li class="active">Contact us</li>
					</ol>
				</div>
			</div>
		</div>
	</section>

	<section id="content" class="ls section_padding_75 columns_padding_25">
		<div class="container">
			<div class="row">
				<div class="col-sm-8 to_animate">
					<h3 class="module-header">Contact Form</h3>
					<form class="contact-form" method="post" action="">
						<div class="row">
						<p class="contact-form-name col-md-6">
							<label for="name">Full Name
								<span class="required">*</span>
							</label>
							<input type="text" aria-required="true" name="name" class="form-control" placeholder="Full Name" required>
						</p>
						<p class="contact-form-email col-md-6">
							<label for="email">Email address
								<span class="required">*</span>
							</label>
							<input type="email" aria-required="true" name="email" class="form-control" placeholder="Email Address" required>
						</p>
						<p class="contact-form-email col-md-6">
							<label for="email">Email address
								<span class="required">*</span>
							</label>
							<input type="text" aria-required="true" pattern="[789][0-9]{9}" name="phone" class="form-control" placeholder="Mobile No." required>
						</p>
						<p class="contact-form-subject col-md-6">
							<label for="subject">Service
								<span class="required">*</span>
							</label>
							<input type="text" aria-required="true" value="" name="subject" class="form-control" placeholder="Service" required>
						</p>
						</div>
						<p class="contact-form-message">
							<label for="message">Message</label>
							<textarea aria-required="true" rows="3" cols="45" name="message" class="form-control" placeholder="Message"></textarea>
						</p>
						<p class="contact-form-submit">
							<button type="submit" name="send" name="contact_submit" class="theme_button">Send Message</button>
						</p>

					</form>
				</div>

				<div class="col-sm-4 to_animate">
					<h3 class="module-header">Contact Info</h3>
					<ul class="list1 no-bullets">
						<li>
							<div class="media">
								<div class="media-left">
									<div class="highlight2 size_small">
										<i class="rt-icon2-location-outline"></i>
									</div>
								</div>
								<div class="media-body">
									Pitam Pura, Delhi - 110034
								</div>
							</div>
						</li>

						<li>
							<div class="media">
								<div class="media-left">
									<div class="highlight2 size_small">
										<i class="rt-icon2-phone-outline"></i>
									</div>
								</div>
								<div class="media-body">
									(+91) 989-914-9151, 997-296-9587
								</div>
							</div>
						</li>
						<li>
							<div class="media">
								<div class="media-left">
									<div class="highlight2 size_small">
										<i class="rt-icon2-message"></i>
									</div>
								</div>
								<div class="media-body">
									info@firstassist.co.in
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

@endsection