@extends('Layouts.web_master')
  @section('content')
   <!-- ======= Breadcrumbs ======= -->
   <section id="breadcrumbs" class="breadcrumbs">
      <div class="container text-center">
        <h1 id="serviceHeading">Our {{ $servicesData->title }} Services</h1>
        <br>
        <div class="text-center">
          <a href="{{url('/')}}/#product" class="btn-learn-more" id="prBtn">View Our Products</a> 
        </div>
        <br>
      </div>
  </section><!-- End Breadcrumbs -->

  <!-- ======= Service Details Section ======= -->
  <section id="team-details" class="team-details">
    <div class="container" style="font-size: 20px;">

          <div>
            <img src="{{asset( $servicesData->image )}}" style="width:500px;height:350px;"> 
          </div>
          <br>
          <div>    
              <p>{!!$servicesData->details !!}</p>
          </div>
          <br>
          <div>            
             <img src="{{asset('assets/img/services.gif')}}"  style="width:500px;height:350px;">
          </div>
          <br><br>
          <div>
            <h1 id="serviceHeading">Benefits Of Working With Tara Tech Ltd.</h1>
          </div>
          <div>
            <p>{!!$servicesData->benefits !!}</p>
          </div>
      
    </div>
  </section>
 
  <style>
    #serviceHeading{
        color:#47b2e4;
    }
    #prBtn:hover{
      background-color:#47b2e4;
      color:white;
    }
  </style>
  
  
  
  <!-- End Service Details Section -->
  

  @endsection