@extends('website.layouts.app')
@section('content')
   <div class="page-banner ">
  <img class="d-block w-100" src="{{ asset('assets_website') }}/img/pec.jpg" alt="banner">
  <div class="container">
    <h2 class="display-3 text-center">Projects</h2>
  </div>
</div>
<div class="container">
    <div class="text-center mt-5">
        <h2 >Search Criteria</h2>

    </div>
    <div class="row my-5">
        <!--<div class="col"></div>-->
         <div class="col">
             <select class="form-select" aria-label="Default select example">
  <option selected>Select Country</option>
  <option value="1">Pakistan</option>
  <option value="2">Canada</option>
  <option value="3">Bangladesh</option>
</select>
         </div>
          <div class="col">
              <select class="form-select" aria-label="Default select example">
  <option selected>Status</option>
  <option value="1">Active</option>
  <option value="2">In Evaluation</option>
  <option value="3">Closed</option>
   <option value="3">On Hold </option>
</select>
          </div>
           <!--<div class="col"></div>-->
</div>
        </div>



<div class="container my-5">
    <div class="row">
      <div class="col-6 box-123">

          <section data-qa="job-tile" class="up-card job-tile vs-cursor-pointer p-md-20 p-15 mb-md-20">


         <div class="job-tile-content">
             <div class="mb-20"><a href="/freelance-jobs/apply/Office-Assistant-Sales-Preparation-Support_~01d963c68e64f246d3/" data-qa="job-title" data-block-modal="true" class="d-block display-u2u job-title h5 mb-10">	Project Title</a>

          <div class="up-feature-badge up-skill-badge mr-10">
        Active
      </div>
      <div class="contries"><ul>
          <li>Country : Pakistan</li>
           <li><span>Country of Assignment</span></li>
      </ul></div>
      <small class="text-muted vs-font-bold"></small> <small class="text-muted"> Posted 20 hours ago</small></div> <div class="row"><p data-qa="hours-needed" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0"><strong data-qa="value">3 Days</strong><br> <span data-qa="text" class="text-muted">Duration</span></p> <p data-qa="duration" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0 d-none d-sm-block"><strong data-qa="value">Consulting Services Budget</strong><br> <span data-qa="text" class="text-muted"></span></p> <p data-qa="expert-level" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20"><strong data-qa="value"></strong><br> <span data-qa="text" class="text-muted"></span></p></div>


      <p data-qa="job-description" class="mt-0 pt-3 mb-20 job-description">Our Amazing Garden Center Needs Some Help

We are a full service garden center and landscape design - construction company providing c…</p>

</div>
<br>
<div class="skills-list mb-0">
   <span data-qa="ontology-skill" class="up-skill-badge disabled">Civil</span>
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Mechanical</span>
    <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Chemical
        </span>
        <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Geology
        </span>

           <br>
           <br>
        </div> <a class="up-btn up-btn-primary up-btn-sm up-btn-block-sm mt-20 mb-15 mb-md-10 px-15" target="_blank" href="https://pecdev.a2zcreatorz.com/pec_v2/login">
    Apply
  </a>
   <a href="#" class="scope-123">	Scope of Work </a>
   <a href="#" class="scope-123"><i class="fa-solid fa-file-pdf"></i>	View Attachment </a>
  <div role="status" aria-busy="false" aria-label="Section is loading" class="up-loader-overlay"><div class="up-icon lg"></div></div></section>
      </div>

      <div class="col-6 box-123">

          <section data-qa="job-tile" class="up-card job-tile vs-cursor-pointer p-md-20 p-15 mb-md-20">


         <div class="job-tile-content">
             <div class="mb-20 "><a href="/freelance-jobs/apply/Office-Assistant-Sales-Preparation-Support_~01d963c68e64f246d3/" data-qa="job-title" data-block-modal="true" class="d-block display-u2u job-title h5 mb-10">Project Title</a>

          <div class="up-feature-badge up-skill-badge mr-10">
        Active
      </div>
      <div class="contries"><ul>
          <li>Country : Pakistan</li>
           <li><span>Country of Assignment</span></li>
      </ul></div>
      <small class="text-muted vs-font-bold"></small> <small class="text-muted"> Posted 20 hours ago</small></div> <div class="row"><p data-qa="hours-needed" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0"><strong data-qa="value">3 Days</strong><br> <span data-qa="text" class="text-muted">Duration</span></p> <p data-qa="duration" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0 d-none d-sm-block"><strong data-qa="value">Consulting Services Budget</strong><br> <span data-qa="text" class="text-muted"></span></p> <p data-qa="expert-level" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20"><strong data-qa="value"></strong><br> <span data-qa="text" class="text-muted"></span></p></div>


      <p data-qa="job-description" class="mt-0 pt-3 mb-20 job-description">Our Amazing Garden Center Needs Some Help

We are a full service garden center and landscape design - construction company providing c…</p>

</div>
<br>
<div class="skills-list mb-0">
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Civil</span>
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Mechanical</span>
    <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Chemical
        </span>
        <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Geology
        </span>

           <br>
           <br>

        </div> <a class="up-btn up-btn-primary up-btn-sm up-btn-block-sm mt-20 mb-15 mb-md-10 px-15 " target="_blank" href="https://pecdev.a2zcreatorz.com/pec_v2/login">
    Apply
  </a>
   <a href="#" class="scope-123">	Scope of Work </a>
   <a href="#" class="scope-123"><i class="fa-solid fa-file-pdf"></i>	View Attachment </a>
  <div role="status" aria-busy="false" aria-label="Section is loading" class="up-loader-overlay"><div class="up-icon lg"></div></div></section>
      </div>
    </div>
     <div class="row my-5">
      <div class="col-6 box-123">

          <section data-qa="job-tile" class="up-card job-tile vs-cursor-pointer p-md-20 p-15 mb-md-20">


         <div class="job-tile-content">
             <div class="mb-20"><a href="/freelance-jobs/apply/Office-Assistant-Sales-Preparation-Support_~01d963c68e64f246d3/" data-qa="job-title" data-block-modal="true" class="d-block display-u2u job-title h5 mb-10">	Project Title</a>

          <div class="up-feature-badge up-skill-badge mr-10">
        Active
      </div>
      <div class="contries"><ul>
          <li>Country : Pakistan</li>
           <li><span>Country of Assignment</span></li>
      </ul></div>
      <small class="text-muted vs-font-bold"></small> <small class="text-muted"> Posted 20 hours ago</small></div> <div class="row"><p data-qa="hours-needed" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0"><strong data-qa="value">3 Days</strong><br> <span data-qa="text" class="text-muted">Duration</span></p> <p data-qa="duration" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0 d-none d-sm-block"><strong data-qa="value">Consulting Services Budget</strong><br> <span data-qa="text" class="text-muted"></span></p> <p data-qa="expert-level" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20"><strong data-qa="value"></strong><br> <span data-qa="text" class="text-muted"></span></p></div>


      <p data-qa="job-description" class="mt-0 pt-3 mb-20 job-description">Our Amazing Garden Center Needs Some Help

We are a full service garden center and landscape design - construction company providing c…</p>

</div>
<br>
<div class="skills-list mb-0">
   <span data-qa="ontology-skill" class="up-skill-badge disabled">Civil</span>
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Mechanical</span>
    <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Chemical
        </span>
        <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Geology
        </span>

           <br>
           <br>
        </div> <a class="up-btn up-btn-primary up-btn-sm up-btn-block-sm mt-20 mb-15 mb-md-10 px-15" target="_blank" href="https://pecdev.a2zcreatorz.com/adminlogin">
    Apply
  </a>
   <a href="#" class="scope-123">	Scope of Work </a>
   <a href="#" class="scope-123"><i class="fa-solid fa-file-pdf"></i>	View Attachment </a>
  <div role="status" aria-busy="false" aria-label="Section is loading" class="up-loader-overlay"><div class="up-icon lg"></div></div></section>
      </div>

      <div class="col-6 box-123">

          <section data-qa="job-tile" class="up-card job-tile vs-cursor-pointer p-md-20 p-15 mb-md-20">


         <div class="job-tile-content">
             <div class="mb-20 "><a href="/freelance-jobs/apply/Office-Assistant-Sales-Preparation-Support_~01d963c68e64f246d3/" data-qa="job-title" data-block-modal="true" class="d-block display-u2u job-title h5 mb-10">Project Title</a>

          <div class="up-feature-badge up-skill-badge mr-10">
        Active
      </div>
      <div class="contries"><ul>
          <li>Country : Pakistan</li>
           <li><span>Country of Assignment</span></li>
      </ul></div>
      <small class="text-muted vs-font-bold"></small> <small class="text-muted"> Posted 20 hours ago</small></div> <div class="row"><p data-qa="hours-needed" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0"><strong data-qa="value">3 Days</strong><br> <span data-qa="text" class="text-muted">Duration</span></p> <p data-qa="duration" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0 d-none d-sm-block"><strong data-qa="value">Consulting Services Budget</strong><br> <span data-qa="text" class="text-muted"></span></p> <p data-qa="expert-level" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20"><strong data-qa="value"></strong><br> <span data-qa="text" class="text-muted"></span></p></div>


      <p data-qa="job-description" class="mt-0 pt-3 mb-20 job-description">Our Amazing Garden Center Needs Some Help

We are a full service garden center and landscape design - construction company providing c…</p>

</div>
<br>
<div class="skills-list mb-0">
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Civil</span>
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Mechanical</span>
    <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Chemical
        </span>
        <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Geology
        </span>

           <br>
           <br>

        </div> <a class="up-btn up-btn-primary up-btn-sm up-btn-block-sm mt-20 mb-15 mb-md-10 px-15 " target="_blank" href="https://pecdev.a2zcreatorz.com/adminlogin">
    Apply
  </a>
   <a href="#" class="scope-123">	Scope of Work </a>
   <a href="#" class="scope-123"><i class="fa-solid fa-file-pdf"></i>	View Attachment </a>
  <div role="status" aria-busy="false" aria-label="Section is loading" class="up-loader-overlay"><div class="up-icon lg"></div></div></section>
      </div>
    </div>
    <div class="row my-5">
      <div class="col-6 box-123">

          <section data-qa="job-tile" class="up-card job-tile vs-cursor-pointer p-md-20 p-15 mb-md-20">


         <div class="job-tile-content">
             <div class="mb-20"><a href="/freelance-jobs/apply/Office-Assistant-Sales-Preparation-Support_~01d963c68e64f246d3/" data-qa="job-title" data-block-modal="true" class="d-block display-u2u job-title h5 mb-10">	Project Title</a>

          <div class="up-feature-badge up-skill-badge mr-10">
        Active
      </div>
      <div class="contries"><ul>
          <li>Country : Pakistan</li>
           <li><span>Country of Assignment</span></li>
      </ul></div>
      <small class="text-muted vs-font-bold"></small> <small class="text-muted"> Posted 20 hours ago</small></div> <div class="row"><p data-qa="hours-needed" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0"><strong data-qa="value">3 Days</strong><br> <span data-qa="text" class="text-muted">Duration</span></p> <p data-qa="duration" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0 d-none d-sm-block"><strong data-qa="value">Consulting Services Budget</strong><br> <span data-qa="text" class="text-muted"></span></p> <p data-qa="expert-level" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20"><strong data-qa="value"></strong><br> <span data-qa="text" class="text-muted"></span></p></div>


      <p data-qa="job-description" class="mt-0 pt-3 mb-20 job-description">Our Amazing Garden Center Needs Some Help

We are a full service garden center and landscape design - construction company providing c…</p>

</div>
<br>
<div class="skills-list mb-0">
   <span data-qa="ontology-skill" class="up-skill-badge disabled">Civil</span>
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Mechanical</span>
    <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Chemical
        </span>
        <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Geology
        </span>

           <br>
           <br>
        </div> <a class="up-btn up-btn-primary up-btn-sm up-btn-block-sm mt-20 mb-15 mb-md-10 px-15" target="_blank" href="https://pecdev.a2zcreatorz.com/adminlogin">
    Apply
  </a>
   <a href="#" class="scope-123">	Scope of Work </a>
   <a href="#" class="scope-123"><i class="fa-solid fa-file-pdf"></i>	View Attachment </a>
  <div role="status" aria-busy="false" aria-label="Section is loading" class="up-loader-overlay"><div class="up-icon lg"></div></div></section>
      </div>

      <div class="col-6 box-123">

          <section data-qa="job-tile" class="up-card job-tile vs-cursor-pointer p-md-20 p-15 mb-md-20">


         <div class="job-tile-content">
             <div class="mb-20 "><a href="/freelance-jobs/apply/Office-Assistant-Sales-Preparation-Support_~01d963c68e64f246d3/" data-qa="job-title" data-block-modal="true" class="d-block display-u2u job-title h5 mb-10">Project Title</a>

          <div class="up-feature-badge up-skill-badge mr-10">
        Active
      </div>
      <div class="contries"><ul>
          <li>Country : Pakistan</li>
           <li><span>Country of Assignment</span></li>
      </ul></div>
      <small class="text-muted vs-font-bold"></small> <small class="text-muted"> Posted 20 hours ago</small></div> <div class="row"><p data-qa="hours-needed" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0"><strong data-qa="value">3 Days</strong><br> <span data-qa="text" class="text-muted">Duration</span></p> <p data-qa="duration" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20 pr-0 d-none d-sm-block"><strong data-qa="value">Consulting Services Budget</strong><br> <span data-qa="text" class="text-muted"></span></p> <p data-qa="expert-level" class="col-6 col-sm-4 mb-0 pb-15 pb-md-20"><strong data-qa="value"></strong><br> <span data-qa="text" class="text-muted"></span></p></div>


      <p data-qa="job-description" class="mt-0 pt-3 mb-20 job-description">Our Amazing Garden Center Needs Some Help

We are a full service garden center and landscape design - construction company providing c…</p>

</div>
<br>
<div class="skills-list mb-0">
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Civil</span>
    <span data-qa="ontology-skill" class="up-skill-badge disabled">Mechanical</span>
    <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Chemical
        </span>
        <span data-qa="legacy-skill" class="up-skill-badge vs-cursor-pointer">
         Geology
        </span>

           <br>
           <br>

        </div> <a class="up-btn up-btn-primary up-btn-sm up-btn-block-sm mt-20 mb-15 mb-md-10 px-15 " target="_blank" href="https://pecdev.a2zcreatorz.com/adminlogin">
    Apply
  </a>
   <a href="#" class="scope-123">	Scope of Work </a>
   <a href="#" class="scope-123"><i class="fa-solid fa-file-pdf"></i>	View Attachment </a>
  <div role="status" aria-busy="false" aria-label="Section is loading" class="up-loader-overlay"><div class="up-icon lg"></div></div></section>
      </div>
    </div>
</div>

@endsection
