@extends('layouts.main')

@section('styles')
@endsection

@section('content')
@include('includes.smallHeader')
<!-- Start main-content -->
<div class="main-content">
  <!-- Section: inner-header -->
  <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="{{ asset('assets/main/images/bg/bg6.jpg')}}" style="background-image: url(&quot;{{ asset('assets/main/images/bg/bg6.jpg')}}&quot;); background-position: 50% 58px;">
    <div class="container pt-30 pb-40">
      <!-- Section Content -->
      <div class="section-content">
        <div class="row">
          <div class="col-md-12">
            <h2 class="title text-white text-center">About Us</h2>

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

  <!-- Section: About -->
 <section style="margin-top:50px;">
    <div class="container">
      <div class="row pt-10">
        <div class="col-md-12" style="background: #b6666f;
    padding: 50px;margin-bottom: 50px;">
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
              <div class="icon-box left media bg-black-333 p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-map-2 text-theme-color-2"></i></a>
                <div class="media-body text-white"><h3> <strong><u>What We Do</u></h3></strong>
                  <p class="text-white">We Strive to provide you the best quality and original products at your doorstep.
All Brands Of Clothing, Makeup and other accessories available under one Roof
Guranteed original Stuff
International and National Shipping available.</p>
                </div>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-12">
              <div class="icon-box left media bg-black-333 p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-call text-theme-color-2"></i></a>
                <div class="media-body text-white"><h3> <strong><u>About Orders</u></strong></h3>
                  <p class="text-white">No Returns or Exchange policy available.
Once ordered confirmed cannot be cancelled. Incase of cancellation of order 30% of charges will be deducted from Advance Payments</p>

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


          </div>
        </div>

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

</div>
<!-- end main-content -->

@endsection

@section('scripts')
<!-- Contact Form Validation-->
<script type="text/javascript">
  $("#contact_form").validate({
    submitHandler: function(form) {
      var form_btn = $(form).find('button[type="submit"]');
      var form_result_div = '#form-result';
      $(form_result_div).remove();
      form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>');
      var form_btn_old_msg = form_btn.html();
      form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
      $(form).ajaxSubmit({
        dataType:  'json',
        success: function(data) {
          if( data.status == 'true' ) {
            $(form).find('.form-control').val('');
          }
          form_btn.prop('disabled', false).html(form_btn_old_msg);
          $(form_result_div).html(data.message).fadeIn('slow');
          setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
        }
      });
    }
  });
</script>
@endsection