@extends('layouts.template')

@section('content')
   <section class="banner">
      <div class="container">
        <div class="row">
        <div class="warehouse-square-area">

            <a href="{{url('logistic/expense/create')}}" class="warehouse-square">
                <figure class="effect-ming">
                    <figcaption>
                       <span>Expense Update</span>
                    </figcaption>     
                </figure>
            </a>

            <a href="{{url('logistic/expense/summary/details')}}" class="warehouse-square">
               <figure class="effect-ming">
                    <figcaption>
                        <span> Expense Summary</span>  
                    </figcaption>     
                </figure>
            </a>

            <a href="{{url('logistic/reports')}}" class="warehouse-square">
               <figure class="effect-ming">
                    <figcaption>
                        <span>Logistic Reports</span>  
                    </figcaption>     
                </figure>
            </a>

            <a href="{{ url('logistic/order/create') }}" class="warehouse-square">
                <figure class="effect-ming">
                    <figcaption>
                        <span>Order Booking</span>
                    </figcaption>     
                </figure>
            </a>
           
            <a href="{{ url('logistic/order') }}" class="warehouse-square">
                <figure class="effect-ming">
                    <figcaption>
                        <span> Booking Update</span>
                    </figcaption>     
                </figure>
            </a>
            

        </div>
        </div>
      </div>
    </section>
    <style type="text/css">
        .banner figcaption span {
            font-size: 18px;
            width: 75%;
            line-height: 22px;
            word-break: keep-all;
        }

        .banner figcaption span {
            color: #000;
            text-transform: uppercase;
            transform: translate3d(0, 0, 0) rotate(-45deg);
            -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
            -o-transform: translate3d(0, 0, 0) rotate(-45deg);
            -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
            -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
            display: inline-block;
            word-wrap: break-word;
            word-break: keep-all;
            font-size: 18px;
            line-height: 27px;
            width: 94%;
            text-align: center;
            transition: 1s;
            -moz-transition: 1s;
            -webkit-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
            left: -3px;
            position: relative;
            top: 8px;
        }
    </style>
@endsection