@extends('layouts.default')

@section('page_css')
        @include('includes.portal-css')	
@stop
        
 @section('content')
  <!-- Breadcroumbs start -->
  <div class="wshipping-content-block wshipping-breadcroumb inner-bg-1">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-6">
          <h1>About Us</h1>
          <a href="{{URL('/')}}" title="Home">Home</a> / About Us
        </div>
        <div class="col-12 col-lg-6 text-right">
          <h4>We freight to all over the world
            The best logistic company, <span>FAST</span> and <span>SAFELY!</span></h4>
        </div>
      </div>
    </div>
  </div>
  <!-- Breadcroumbs end --> 
<section class="about-section c-padd">
  <div class="container">
    <div class="row mb-4">
      <div class="col-lg-6">
        <img src="{{ url('frontend/images/about-img-1.jpg') }}" class="img-fluid" alt="about-us">
      </div>
      <div class="col-lg-6">
        <h4 class="font-weight-700 tx-blue mb-3 mt-4 mt-sm-0">About Us</h4>
        <h3 class="font-weight-700 tx-title-black mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
        <a href="" class="btn-3 mt-4">About Us</a>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6 order-2 order-sm-1">
        <div class="px-0 px-sm-3 mt-4 mt-sm-0">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
        </div>
      </div>
      <div class="col-lg-6 order-1 order-sm-2">
          <img src="{{ url('frontend/images/about-img-2.jpg') }}" class="img-fluid" alt="image-2">
      </div>
    </div>
  </div>
</section>
<!-- <img src="{{ url('customerportal/images/about.png') }}" class="img-fluid"> -->
<section class="easy-flow-section  c-padd">
  <div class="container">
    <h3 class="font-weight-700 tx-title-blue mb-3">Easy Flow</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do <br>eiusmod tempor incididunt ut labore </p>
    <div class="row">
      <div class="easy-flow-block">
        <div class="easy-flow-box">
            <img src="{{ url('frontend/images/icon-create-order.png') }}" class='mb-3'>
            <h5 class="tx-blue font-weight-700  mb-2">Create Order</h5>
            <p>Lorem ipsum dolor sit amet, consectetur</p>
        </div>
      </div>
      <div class="easy-flow-block">
        <div class="easy-flow-box">
            <img src="{{ url('frontend/images/icon-select-rate.png') }}" class='mb-3'>
            <h5 class="tx-blue font-weight-700  mb-2">Select Rate</h5>
            <p>Lorem ipsum dolor sit amet, consectetur</p>
        </div>
      </div>
      <div class="easy-flow-block">
        <div class="easy-flow-box">
            <img src="{{ url('frontend/images/icon-lable-ship.png') }}" class='mb-3'>
            <h5 class="tx-blue font-weight-700  mb-2">Lable to Ship</h5>
            <p>Lorem ipsum dolor sit amet, consectetur</p>
        </div>
      </div>
      <div class="easy-flow-block">
        <div class="easy-flow-box">
            <img src="{{ url('frontend/images/icon-track-package.png') }}" class='mb-3'>
            <h5 class="tx-blue font-weight-700 mb-2">Track Package</h5>
            <p>Lorem ipsum dolor sit amet, consectetur</p>
        </div>
      </div>
      <div class="easy-flow-block">
        <div class="easy-flow-box">
            <img src="{{ url('frontend/images/icon-manage-orders.png') }}"  class='mb-3'>
            <h5 class="tx-blue font-weight-700 mb-2">Manage Orders</h5>
            <p>Lorem ipsum dolor sit amet, consectetur</p>
        </div>
      </div>
    </div>
  </div>
</section>
  
   
@section('javascript')
  @include('includes.portal-script')	
@stop
@endsection