@extends('layouts/landing')
<script src='https://www.google.com/recaptcha/api.js'></script> 
@section('title')
  Contact Us 
@stop

<style type="text/css">
.contact-form input {
    border: 2px solid #E1E1E1;
    height: 40px;
    padding: 0 15px;
    border-radius: 5px;
    width: 100%;
    color: #2E2E2E;
}
.contact-form textarea {
    border: 2px solid #E1E1E1;
    height: 40px;
    padding: 10px 15px;
    border-radius: 5px;
    width: 100%;
    color: #2E2E2E;
}
.jumbotron{
    background-color: transparent !important;
  }

  /* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
  .navbar-btn {
      position: unset !important;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
.navbar-btn {
      position: unset !important;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
    .contact-us{
      padding-left: 10% !important;
    }
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.navbar-btn {
      position: unset !important;
    }
}
</style>
@section('content')
<div id="home" class="header-hero bg_cover" style="background-image: url(images/banner-bg.svg);height:300px;">
    <div id="particles-1" class="particles"></div>
</div>
<div class="">
  <div class="row justify-content-center">
    <div class="col-lg-10">
          <div class="section-title text-center pb-40">
              <div class="line m-auto"></div>
              <h3 class="title"> <span> Contact Us</span></h3>
          </div> <!-- section title -->
      </div>
    <div class="col-md-10 contact-us  ">
    @include('notifications')
    <div class="col-md-10 col-md-offset-1 contact-us" >
      <form id="contact-form" class="contact-form" method="post" action="{{ route('feedback') }}" autocomplete="off" role="form" enctype="multipart/form-data" onsubmit="startLoading();">
        {{ csrf_field() }}

        <div class="form-group {{ $errors->has('fullname') ? ' has-error' : '' }}">
          <!-- <div class="next-label">Name</div> -->
          <input class="form-control" type="text" name="fullname" id="fullname" value="{{ Input::old('fullname') }}" placeholder="Name" />
          {!! $errors->first('fullname', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
        </div>

        <div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">
          <!-- <div class="next-label">E-mail</div> -->
          <input class="form-control" type="text" name="email" id="email" value="{{ Input::old('email') }}" placeholder="Email" />
          {!! $errors->first('email', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
        </div>

        
        <div class="form-group {{ $errors->has('message') ? ' has-error' : '' }}">
          <!-- <div class="next-label">Message</div> -->
          <textarea class="form-control" name="message" id="message" placeholder="Message" rows="8">{{ Input::old('message') }}</textarea>
          {!! $errors->first('message', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
        </div>
        <div class="row">          
          <div class="col-sm-12 form-group">            
            <div class="g-recaptcha" data-sitekey="