@extends('layouts.master')

@section('body')
@section('content')
<!--=================================
 inner-intro -->
 
 <section class="inner-intro bg-14 bg-overlay-white-70">
  <div class="container">
     <div class="row text-center intro-title">
           <div class="col-md-6 text-md-left d-inline-block">
             <h1 class="text-black"> damaged cars listing </h1>
           </div>
           <div class="col-md-6 text-md-right float-right"> 
             <ul class="page-breadcrumb">
                <li><a href="{{url('/home')}}"><i class="fa fa-home"></i> Home</a> <i class="fa fa-angle-double-right"></i></li>
                <li><a href="#">pages</a> <i class="fa fa-angle-double-right"></i></li>
                <li><span>listing 01</span> </li>
             </ul>
           </div>
     </div>
  </div>
</section>

<!--=================================
 inner-intro -->


<!--=================================
product-listing  -->

<section class="product-listing page-section-ptb">
 <div class="container">
  <div class="row">

<div class="row">
      <div class="col-md-4">
        <div class="content-box-2 car-bg-1">
            <i class="glyph-icon flaticon-reparation"></i>
            <h4 class="text-white">Your Next Auction Car</h4>
            <p class="text-white" style="min-height:72px;">Bid on damaged vehicles at UAE’s #1 auto auction marketplace
            </p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="content-box-2 car-bg-2">
            <i class="glyph-icon flaticon-price-tag"></i>
            <h4 class="text-white">CarsBeat Mission
            </h4>
            <p class="text-white" style="min-height:72px;"> Our mission is to ensure a safe and legal business route for damaged car.
            </p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="content-box-2 car-bg-3">
            <i class=" glyph-icon flaticon-beetle"></i>
            <h4 class="text-white">Bid The Damaged Car
            </h4>
            <p class="text-white" style="min-height:72px;">A new automotive auction experience. Built on technology and backed by expertise.
            </p>
        </div>
      </div>
    </div>
       

       
        <div class="row">
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/a.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#" data-target="">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
             
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/b.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Bid Start : 29.06.2020</h6>
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Bidding</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/c.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
           </div>
           </div>
           
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/d.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Bid Start : 29.06.2020</h6>
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Bidding</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/e.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/f.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Bid Start : 29.06.2020</h6>
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Bidding</a> </button>
               </div>
             </div>
           </div>
           </div>
           
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/a.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/b.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Bid Start : 29.06.2020</h6>
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Bidding</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/c.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
           </div>
           </div>
           
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/d.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/e.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Bid Start : 29.06.2020</h6>
                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Bidding</a> </button>
               </div>
             </div>
           </div>
           </div>
      <div class="col-lg-3 col-md-6">
            <div class="car-item darkgray-bg text-center">
             <div class="car-image">
              <img class="img-fluid" src="{{url('images/media/car/f.jpg')}}" alt="">
               <div class="car-overlay-banner">
                <ul> 
                  <li><a href="#"><i class="fa fa-link"></i></a></li>
                 </ul>
               </div>
             </div>
             <div class="car-content">
              
               <a href="#">Acura Rsx</a>
               <div class="separator"></div>
               <div class="price">
                   <h6>Available for sell</h6>

                <button type="button" class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#"  ><a href="{{url('/damaged-cars-bid')}}" style="color:#fff; margin: 0px; font-size: 20px;">For Sell</a> </button>
               </div>
             </div>
           </div>
           </div>
           
          
           
          
          <div class="pagination-nav d-flex justify-content-center">
               <ul class="pagination" style="display: none;">
                 <li><a href="#">«</a></li>
                 <li class="active"><a href="#">1</a></li>
                 <li><a href="#">2</a></li>
                 <li><a href="#">3</a></li>
                 <li><a href="#">4</a></li>
                 <li><a href="#">5</a></li>
                 <li><a href="#">»</a></li>
               </ul>
          </div>
       </div>
     </div>
  </div>
</section>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
      
        <div class="container">  
  <form id="contact" action="" method="post">
    <h4 style="font-size: 19px; text-transform: capitalize;">Fill in your details </h4>
    
    <fieldset>
      <input placeholder="Name" type="text" tabindex="2" required>
     
    </fieldset>
    <fieldset>
      <input placeholder="Contact No." type="tel" tabindex="3" required> 
     
    </fieldset>
   
    <div class="g-recaptcha" data-sitekey="6LcePAATAAAAAGPRWgx90814DTjgt5sXnNbV5WaW"></div>

    <fieldset>
        
     
      <button type="button" onclick='document.getElementById("exampleModal").style.display = "none"'; class="btn search-logo custom-car-seller-button" data-toggle="modal" data-target="#exampleModal1" style="margin-top: 0px !important; line-height: 20px; margin-bottom: 0px;">Submit</button>
    </fieldset>
    <p>By submitting this form you agree to our<a href="#" style="color: #0288d1;"> terms and conditions</a> </p>
  </form>
 
  
</div>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      
    </div>
  </div>
</div>

<!--=================================
product-listing  -->

@endsection