@extends('layouts.master')

@section('body')
@section('content')
<!--=================================
 inner-intro -->
 
 <section class="inner-intro bg-2 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">Hyundai Santa Fe </h1>
           </div>
           <div class="col-md-6 text-md-right float-right">
             <ul class="page-breadcrumb">
                <li><a href="{{asset('/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> details 02</span> </li>
             </ul>
           </div>
     </div>
  </div>
</section>

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


<!--=================================
car-details -->

<section class="car-details page-section-ptb">
  <div class="container">
    <div class="row">
     <div class="col-md-9">
       <!-- <h3>Hyundai Santa Fe </h3> -->
      </div>
     <div class="col-md-3">
      <div class="car-price text-md-right">
         <strong>AED 69,995</strong>
         <span>Price</span>
       </div> 
      </div> 
    </div>
    
    <div class="row">
     <div class="col-md-6">
        <div class="slider-slick">
          <div class="slider slider-for detail-big-car-gallery"> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/01.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/02.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/03.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/04.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/05.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/06.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/07.jpg')}}" alt=""> 
               <img class="img-fluid" src="{{asset('images/media/detail/big/08.jpg')}}" alt=""> 
            </div>
            <div class="slider slider-nav"> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/01.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/02.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/03.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/04.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/05.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/06.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/07.jpg')}}" alt=""> 
                <img class="img-fluid" src="{{asset('images/media/detail/thum/08.jpg')}}" alt=""> 
            </div>
         </div>
        
     </div>
     <div class="col-md-6">
       <div class="car-details-sidebar">
          <div class="details-block details-weight">
            <h5>DESCRIPTION</h5>
            <ul style="margin-top:25px;">
              <li> <span>Make</span> <strong class="text-right">BMW</strong></li>
              <li> <span>Model</span> <strong class="text-right">7-series</strong></li>
              <li> <span>Year of Manufacture</span> <strong class="text-right">2011</strong></li>
              <li> <span>Emirates </span> <strong class="text-right">Dubai</strong></li>
              <li> <span>Kilometers</span> <strong class="text-right">45000 kms</strong></li>
             
            </ul>
           </div>
           </div>
        </div>
       </div>
       <div class="row">
         
         <div class="col-md-12">
            <div class="car-details-sidebar">
             <div class="details-form contact-2 details-weight">
               <form class="gray-form">
                <h5> Insurance Company contact details. </h5>
                <!-- seller information -->
                <div class="details-seller-info">
                  <p>
                    SHRI MOTORS</p>
                  <p><i class="fa fa-phone" aria-hidden="true"></i>
                      9988776655</p>
                  <p><i class="fa fa-envelope" aria-hidden="true"></i>
                      sellers@gmail.com</p>
                  <p>
                    <address>
                      <i class="fa fa-map-marker" aria-hidden="true"></i>
              
                        892 Jain Campus Near<br>
                      Bombay Hospital AB Road<br> Indore 452001 (M.P)
                    </address>
                  </p>
                 
                </div>
                <!-- seller information end -->
                <!-- <div class="form-group">
                   <label>Name*</label>
                   <input type="text" class="form-control" placeholder="Name">
                </div> -->
                 <!-- <div class="form-group">
                    <label>Email address*</label>
                    <input type="text" class="form-control" placeholder="Email">
                </div> -->
                
              </form>
            </div>

       <h3>Other Cars May Interest you</h3>
   <div class="row">
      <div class="col-md-12">
         <div class="owl-carousel" data-nav-arrow="true" data-nav-dots="true" data-items="4" data-md-items="4" data-sm-items="2" data-xs-items="2" data-space="15">
        <div class="item">
         <div class="car-item gray-bg text-center">
           <div class="car-image">
             <img class="img-fluid" src="{{asset('images/media/car/01.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">
               <span class="new-price">AED 32,698 </span>
             </div>
           </div>
         </div>
       </div>
<div class="item">
         <div class="car-item gray-bg text-center">
           <div class="car-image">
             <img class="img-fluid" src="{{asset('images/media/car/05.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="#">Hyundai santa fe sport </a>
             <div class="separator"></div>
             <div class="price">
               <span class="new-price">AED 32,698 </span>
             </div>
           </div>
         </div>
       </div>
<div class="item">
         <div class="car-item gray-bg text-center">
           <div class="car-image">
             <img class="img-fluid" src="{{asset('images/media/car/05.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="#">Hyundai santa fe sport </a>
             <div class="separator"></div>
             <div class="price">
               <span class="new-price">AED32,698 </span>
             </div>
           </div>
         </div>
       </div>
       <div class="item">
         <div class="car-item gray-bg text-center">
           <div class="car-image">
             <img class="img-fluid" src="{{asset('images/media/car/05.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="#">Hyundai santa fe sport </a>
             <div class="separator"></div>
             <div class="price">
               <span class="new-price">AED 32,698 </span>
             </div>
           </div>
         </div>
       </div>
       <div class="item">
         <div class="car-item gray-bg text-center">
           <div class="car-image">
             <img class="img-fluid" src="{{asset('images/media/car/05.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="#">Hyundai santa fe sport </a>
             <div class="separator"></div>
             <div class="price">
               <span class="new-price">AED 32,698 </span>
             </div>
           </div>
         </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
</section>

<!--=================================
car-details  -->

@endsection