File: //var/www/kosmicevents/resources/views/contactus.blade.php
@extends('layouts.page')
@section('title', 'Lighting')
@section('content')
<!-- Hero Start -->
<section class="bg-half bg-light d-table w-100" style="background: url('{{ asset('images/kosmic_events_speakers.jpg') }}') center center;">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<div class="page-next-level">
<h4 class="title">Contact Us</h4>
<div class="page-next">
<nav aria-label="breadcrumb" class="d-inline-block">
<ul class="breadcrumb bg-white rounded shadow mb-0">
<li class="breadcrumb-item"><a href="{{ url('/') }}">Kosmic Events</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
</ul>
</nav>
</div>
</div>
</div> <!--end col-->
</div><!--end row-->
</div> <!--end container-->
</section><!--end section-->
<!-- Hero End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- Start Contact -->
<section class="section pb-0">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card contact-detail text-center border-0">
<div class="card-body p-0">
<div class="icon">
<img src="images/icon/bitcoin.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-3">
<h4 class="title font-weight-bold">WhatsApp</h4>
<p class="text-muted">Messages/Voicenotes/Updates</p>
<a href="tel:18768930563" class="text-primary"><i class="mdi mdi-whatsapp"> </i> +1 876-893-0563</a>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-md-4 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="card contact-detail text-center border-0">
<div class="card-body p-0">
<div class="icon">
<img src="images/icon/Email.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-3">
<h4 class="title font-weight-bold">Email</h4>
<p class="text-muted">Event production and promotion for any event.</p>
<a href="mailto:kosmicfarms@kosmicgroup.com" class="text-primary">kosmicevents@kosmicgroup.com</a>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-md-4 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="card contact-detail text-center border-0">
<div class="card-body p-0">
<div class="icon">
<img src="images/icon/location.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-3">
<h4 class="title font-weight-bold">Location</h4>
<p class="text-muted">May Pen</p>
<a href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15180.74775388492!2d-77.25002292119031!3d17.97003770370927!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8edb9f085f40a439%3A0x1390f85c6f81d196!2sMay%20Pen!5e0!3m2!1sen!2sjm!4v1587993951815!5m2!1sen!2sjm" class="video-play-icon h6 text-primary">View on Google map</a>
</div>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div>
<div class="container mt-100 mt-60">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 mt-4 mt-sm-0 pt-2 pt-sm-0 order-2 order-md-1">
<div class="card shadow rounded border-0">
<div class="card-body py-5">
<h4 class="card-title">Get In Touch !</h4>
<div class="custom-form mt-4">
@if(session('contactError'))
<div id="message">
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@if (Session::has('cmessage'))
<div class="alert alert-success" role="alert">
{{Session::get('message')}}
</div>
@endif
</div>
@endif
{{ Form::open(array('url' => 'contactus', 'name' => 'contact-form', 'id' => 'contact-form')) }}
<div class="row">
<div class="col-md-6">
<div class="form-group position-relative">
<label>Your Name <span class="text-danger">*</span></label>
<i data-feather="user" class="fea icon-sm icons"></i>
<input name="name" id="name" type="text" class="form-control pl-5" placeholder="First Name :">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="form-group position-relative">
<label>Your Email <span class="text-danger">*</span></label>
<i data-feather="mail" class="fea icon-sm icons"></i>
<input name="email" id="email" type="email" class="form-control pl-5" placeholder="Your email :">
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="form-group position-relative">
<label>Subject</label>
<i data-feather="book" class="fea icon-sm icons"></i>
<input name="subject" id="subject" type="text" class="form-control pl-5" placeholder="Subject">
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="form-group position-relative">
<label>Comments</label>
<i data-feather="message-circle" class="fea icon-sm icons"></i>
<textarea name="comments" id="comments" rows="4" class="form-control pl-5" placeholder="Your Message :"></textarea>
</div>
</div>
</div><!--end row-->
<div class="row">
<div class="col-sm-12 text-center">
<input type="submit" id="submit" name="send" class="submitBnt btn btn-primary btn-block" value="Send Message">
<div id="simple-msg"></div>
</div><!--end col-->
</div><!--end row-->
{{ Form::close() }}<!--end form-->
</div><!--end custom-form-->
</div>
</div>
</div><!--end col-->
<div class="col-lg-7 col-md-6 order-1 order-md-2">
<div class="card border-0">
<div class="card-body p-0">
<img src="images/contact.png" class="img-fluid" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
<div class="container-fluid mt-100 mt-60">
<div class="row">
<div class="col-12 p-0">
<div class="card map border-0">
<div class="card-body p-0">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15180.74775388492!2d-77.25002292119031!3d17.97003770370927!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8edb9f085f40a439%3A0x1390f85c6f81d196!2sMay%20Pen!5e0!3m2!1sen!2sjm!4v1587993951815!5m2!1sen!2sjm" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- End contact -->
@endsection