@extends('frontend.layout.app')



@section('title', 'BAIC BAHRAIN - Owner’s Manual')



@section('body-content')
<section class="inner-intro bg-110 bg-overlay-black-70">
    <div class="container">
       <div class="row text-center intro-title">
             <div class="col-md-6 text-md-start d-inline-block">
               <h1 class="text-white">Owner’s Manual  </h1>
             </div>
             <div class="col-md-6 text-md-end float-end">
               <ul class="page-breadcrumb">
                  <li><a href="{{ url('/'); }}"><i class="fa fa-home"></i> Home</a> <i class=""></i></li>
               </ul>
          </div>
       </div>
    </div>
  </section>

  {{-- <section style="padding-bottom: 50px;" class="welcome-2 page-section-ptb ">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6">
          <div class="content-box text-center">
            <div class="box-info h-100">
              <i class="glyph-icon flaticon-beetle"></i>
             
              </div>
            <a href="#">Download</a>
            <div class="content-box-img" style="background-image: url({{ asset('assets/images/car/200567681.webp') }});"></div>
            <span class="border"></span>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div class="content-box text-center">
            <div class="box-info h-100">
              <i class="glyph-icon flaticon-beetle"></i>
           
              </div>
            <a href="#">Download</a>
            <div class="content-box-img" style="background-image: url({{ asset('assets/images/car/20220710_QHD_BJ401123.webp') }});"></div>
            <span class="border"></span>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div class="content-box mb-4 mb-md-0 text-center">
            <div class="box-info h-100">
              <i class="glyph-icon flaticon-beetle"></i>
             
              </div>
            <a href="#">Download</a>
            <div class="content-box-img" style="background-image: url({{ asset('assets/images/car/1114.webp') }});"></div>
            <span class="border"></span>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div class="content-box mb-0 text-center">
            <div class="box-info h-100">
              <i class="glyph-icon flaticon-beetle"></i>
              
              </div>
            <a href="#">Download</a>
            <div class="content-box-img" style="background-image: url({{ asset('assets/images/car/200567681.webp') }});"></div>
            <span class="border"></span>
            </div>
        </div>
      </div>
      
    </div>
  </section> --}}



<!--=================================
 our-team -->

<style>  .Manual-Image {
 overflow-x: hidden;
    display: flex;
    width: 100%;
    height: 200px; /* Fixed height to match image height */
    
}</style>



 <section class="our-team white-bg page-section-ptb">
  <div class="container">
    {{-- <div class="row">
      <div class="col-md-12">
        <div class="section-title">
         <span>List of people who matter in our Company</span>
         <h2>Our Team </h2>
         <div class="separator"></div>
       </div>
      </div>
    </div> --}}
    <div class="row">
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid" src="{{asset ('assets/images/car/Owners Manual/BJ30.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>BJ30</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/BJ30-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/BJ40SE.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>BJ40</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/BJ40C20-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/BJ60.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>BJ60</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/BJ60-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/BJ80.heic') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>BJ80</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/BJ80-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/U5PLUS.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>EU5 PLUS</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/EU5PLUS-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/X7.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>ALL NEW X7</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/ALLNewX7-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/X55.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>X55II</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/X55II-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="team-2 text-start">
            <div class="team-image">
            <img class="img-fluid icon" src="{{asset ('assets/images/car/Owners Manual/X35.jpg') }}" alt="">
            </div>
            <div class="team-info">
             <div class="team-name">
              <h5>X35</h5>
             </div>
             <a class="button" href="/storage/app/public/uploads/vehicle/X35-user manual-EN.pdf" download>Download</a>
            </div>
          </div>
        </div>
      </div>
   </div>
</section>


<!--=================================
 our-team -->


@endsection


@section('js')

@endsection