@extends('layouts.master')

@section('content')

<div id="content-page" class="content-page">
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-6">
      <div class="iq-card">
         <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
               <h4 class="card-title">Product Orders</h4>
            </div>
         </div>
         <div class="iq-card-body">
            <ul class="iq-timeline">
               <li>
                  <div class="timeline-dots"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-success"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-danger"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans <a href="#">gummi bears</a>gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-primary"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-info"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-info"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-warning"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-info"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
   <div class="col-lg-6">
      <div class="iq-card">
         <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
               <h4 class="card-title">Product Orders</h4>
            </div>
         </div>
         <div class="iq-card-body">
            <ul class="iq-timeline">
               <li>
                  <div class="timeline-dots"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-success"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-danger"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans <a href="#">gummi bears</a>gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-primary"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-info"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-info"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-warning"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
               <li>
                  <div class="timeline-dots border-info"></div>
                  <h6 class="float-left mb-1">Client Meeting</h6>
                  <small class="float-right mt-1">19 November 2019</small>
                  <div class="d-inline-block w-100">
                     <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
        </div>
    </div>


@endsection